:root{--paper:#f1f0e8;--ink:#163f40;--accent:#097d78;--rule:#b7c6bf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Georgia,'Times New Roman',serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:var(--paper);z-index:3}header,main,footer{max-width:1160px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;min-height:132px;border-bottom:1px solid var(--rule)}.wordmark{font-size:28px;text-decoration:none;font-weight:bold;letter-spacing:-1px}.wordmark span{display:block;font:11px/1.7 monospace;text-transform:uppercase;letter-spacing:1px;margin-top:4px}nav{display:flex;gap:28px;font:14px monospace}.hero{padding:84px 0 48px}.eyebrow,.number{font:12px/1.6 monospace;letter-spacing:1.5px;color:var(--accent)}h1{font-size:clamp(48px,7.4vw,92px);line-height:1.04;letter-spacing:-3px;font-weight:normal;margin:26px 0 32px}.intro{max-width:610px;font-size:23px;line-height:1.55}.diagram{display:flex;align-items:center;justify-content:space-between;margin:65px 0 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:24px 0;font:12px monospace;gap:12px}.diagram i{font-style:normal;color:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink);margin-top:48px}.section-heading span{font:12px monospace}h2{font-size:32px;line-height:1.2;font-weight:normal}article{padding:32px 0 36px 24%;border-bottom:1px solid var(--rule);position:relative}article .number{position:absolute;left:0;top:36px;font-size:11px}h3{font-size:30px;line-height:1.25;font-weight:normal;margin:8px 0 20px}p{max-width:720px}.method{padding:54px;margin:70px 0;background:var(--ink);color:var(--paper)}.method .eyebrow{color:#a9d8c6}.method h2{font-size:48px;margin:20px 0}#about{padding:10px 0 70px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding-top:28px;padding-bottom:38px;font:11px/1.8 monospace;letter-spacing:.6px}@media(max-width:700px){header,main,footer{padding-left:24px;padding-right:24px}header{min-height:128px;align-items:flex-start;padding-top:26px;gap:20px;flex-direction:column;padding-bottom:24px}nav{gap:22px}.hero{padding-top:48px}h1{letter-spacing:-2px}.intro{font-size:21px}.diagram{flex-wrap:wrap;font-size:10px}.diagram i{font-size:9px}.section-heading{display:block}.section-heading span{display:block;padding-bottom:16px}article{padding-left:0;padding-top:26px}article .number{position:static}.method{padding:28px;margin:40px 0}.method h2{font-size:38px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}