@charset "UTF-8";
:root{--paper:#f5f4ec;--ink:#262b25;--muted:#666c62;--red:#bd3435;--line:#d5d7cc;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip{position:absolute;left:16px;top:-60px;padding:14px;background:var(--ink);color:white;z-index:2}.skip:focus{top:12px}header,main,footer{max-width:1320px;margin:auto}header{padding:32px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:13px;line-height:1.35;letter-spacing:2px}.brand strong{font-weight:400}nav{display:flex;gap:32px;font-size:13px}nav a{text-decoration:none}.hero{padding:86px 48px 52px}.eyebrow{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:9px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(54px,7.7vw,110px);line-height:1.02;letter-spacing:-5px;margin:35px 0 45px}h1 em{font-weight:400;color:var(--red)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-bottom p{max-width:430px;font-size:19px;line-height:1.6;margin:0;color:var(--muted)}.button{font-size:13px;background:var(--ink);color:var(--paper);padding:18px 23px;display:flex;gap:35px;align-items:center;text-decoration:none;white-space:nowrap}.button:hover{background:var(--red)}.assembly{margin:0 48px 100px;border:1px solid var(--line);background:#efefe6;padding:18px 22px 15px}.diagram-label,.diagram-caption{font:10px ui-monospace,monospace;letter-spacing:.8px;color:var(--muted)}.assembly svg{display:block;width:100%;height:auto;margin:12px 0}.diagram-caption{display:flex;justify-content:space-between;gap:15px}.approach{padding:0 48px 90px;display:grid;grid-template-columns:1fr 1fr;gap:100px}h2{font:400 clamp(30px,3.7vw,46px)/1.15 Georgia,serif;letter-spacing:-1px;margin:20px 0}.intro{font-size:16px;line-height:1.75;color:var(--muted);max-width:415px}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:28px;border-top:1px solid var(--line);padding:25px 0}li>span{font:12px ui-monospace,monospace;color:var(--red);padding-top:4px}h3{margin:0 0 12px;font-size:18px;font-weight:500}li p{margin:0;font-size:14px;line-height:1.65;color:var(--muted);max-width:365px}.notebook{padding:50px 48px 60px;border-top:1px solid var(--line);background:#eceee4}.notebook h2{font-size:40px}.notebook p:not(.eyebrow){color:var(--muted);line-height:1.7}.notebook>a{display:inline-block;font-size:14px;margin-top:15px;color:var(--red)}footer{padding:30px 48px;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted)}footer a{text-decoration:none}@media(max-width:750px){header{padding:23px 24px}.brand{font-size:10px;letter-spacing:1.5px}nav{gap:18px;font-size:12px}nav a:first-child{display:none}.hero{padding:60px 24px 38px}h1{letter-spacing:-2.5px;font-size:clamp(48px,11vw,75px);margin:26px 0 28px}.hero-bottom{display:block}.hero-bottom p{font-size:17px}.button{width:max-content;margin-top:24px}.assembly{margin:0 24px 55px;padding:14px 12px}.diagram-caption{font-size:9px;line-height:1.5}.approach{padding:0 24px 35px;grid-template-columns:1fr;gap:22px}.notebook{padding:35px 24px 45px}.notebook h2{font-size:34px}footer{padding:25px 24px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}