.mthd{background:var(--ink);color:var(--text-light);min-height:100vh}.mthd .eyebrow{color:var(--bronze-soft)}.mthd .eyebrow:before{background:var(--bronze-soft)}.mthd .intro{padding:220px 0 140px;position:relative;overflow:hidden}.mthd .intro:before{content:"";background-image:linear-gradient(var(--line-dark) 1px,transparent 1px),linear-gradient(90deg,var(--line-dark) 1px,transparent 1px);opacity:.3;background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 70% at 30% 30%,#000 25%,#0000 72%);mask-image:radial-gradient(85% 70% at 30% 30%,#000 25%,#0000 72%)}.mthd .intro .wrap{position:relative}.mthd .intro h1{max-width:16ch;margin:30px 0 32px;font-size:clamp(44px,6vw,78px);line-height:1.08}.mthd .intro h1 em{color:var(--bronze-soft);font-style:italic;font-weight:200}.mthd .intro .lede{max-width:640px;color:var(--text-light-mute);font-size:19px;line-height:1.78}.mthd .scrolly{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:80px;padding-bottom:60px;display:grid}.mthd .steps{padding:10vh 0 30vh}.mthd .step{opacity:.22;min-height:88vh;transition:opacity .5s var(--ease);flex-direction:column;justify-content:center;display:flex}.mthd .step.active{opacity:1}.mthd .step .k{font-family:var(--mono);letter-spacing:.22em;color:var(--bronze-soft);margin-bottom:18px;font-size:12px}.mthd .step h2{margin-bottom:20px;font-size:clamp(26px,2.8vw,38px);line-height:1.2}.mthd .step p{color:var(--text-light-mute);max-width:46ch;font-size:16.5px}.mthd .step .case{border-left:2px solid var(--bronze);color:var(--text-light-mute);margin-top:26px;padding-left:22px;font-size:14.5px}.mthd .step .case b{color:var(--text-light);font-weight:500;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:11px;display:block}.mthd .sticky{align-items:center;height:calc(100vh - 84px);padding-bottom:28px;display:flex;position:sticky;top:84px}.mthd .diagram{width:100%;height:100%}.mthd .diagram svg{width:100%;height:100%;display:block}.mthd .dg{opacity:0;transition:opacity .8s var(--ease)}.mthd .dg.on{opacity:1}.mthd .dline{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.2s var(--ease) .15s}.mthd .on .dline,.mthd .dline.on{stroke-dashoffset:0}@media (max-width:900px){.mthd .scrolly{grid-template-columns:1fr}.mthd .sticky{order:-1;height:auto;padding-top:40px;position:relative}.mthd .step{opacity:1;min-height:auto;padding:48px 0}}.mthd .outro{border-top:1px solid var(--line-dark);padding:140px 0 160px}.mthd .outro h2{max-width:22ch;font-size:clamp(30px,3.6vw,46px)}.mthd .outro .pull{font-family:var(--serif);color:var(--text-light-mute);max-width:30ch;margin:48px 0 56px;font-size:clamp(24px,2.8vw,34px);font-style:italic;font-weight:200}.mthd .outro .pull .accent{color:var(--bronze-soft)}.mthd .btn{font-family:var(--mono);letter-spacing:.08em;background:var(--bronze);color:var(--ink);border-radius:2px;padding:18px 34px;font-size:13px;font-weight:500;text-decoration:none;transition:background .25s;display:inline-block}.mthd .btn:hover{background:var(--bronze-soft)}