:root{--ink: #171814;--paper: #f8f6f0;--paper-bright: #f8f6f0;--acid: #e59e2a;--muted: #686a62;--line: rgba(23, 24, 20, .2);--mono: "DM Mono", monospace;--sans: "Manrope", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;z-index:10;inset:-50%;width:200%;height:200%;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.58'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:multiply}a{color:inherit}.skip-link{position:fixed;z-index:20;left:1rem;top:1rem;padding:.75rem 1rem;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.7rem;text-transform:uppercase;transform:translateY(-180%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.method-hero{display:grid;grid-template-columns:minmax(10rem,.35fr) minmax(0,1.65fr);grid-template-rows:auto 1fr auto;gap:clamp(2rem,5vw,5rem);min-height:100dvh;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,4vw,4.5rem) 5rem;border-bottom:1px solid var(--line)}.eyebrow{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.method-hero h1{grid-column:1 / -1;align-self:center;justify-self:start;max-width:16ch;color:var(--ink);font-size:clamp(3.7rem,7.4vw,9rem);font-weight:400;letter-spacing:-.06em;line-height:.96;text-align:left;text-wrap:balance;animation:heading-in .9s cubic-bezier(.16,1,.3,1) both}.method-hero__intro{grid-column:2;max-width:46rem;align-self:end;justify-self:start;color:var(--muted);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.75}.method-scroll{position:relative;height:400vh;background:var(--ink);color:var(--paper)}.method-stage{position:sticky;top:0;display:grid;grid-template-columns:minmax(12rem,.42fr) minmax(0,1.58fr);width:100%;height:100dvh;overflow:hidden}.method-progress{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(6rem,10vh,8rem) clamp(1.25rem,4vw,4.5rem) 2rem;border-right:1px solid rgba(248,246,240,.18);font-family:var(--mono);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase}.method-progress__numbers{display:grid;gap:1rem;align-self:start}.method-progress__numbers span{color:#f8f6f04d;transition:color .26s ease,transform .36s cubic-bezier(.16,1,.3,1)}.method-progress__numbers span.is-active{color:var(--acid);transform:translate(.75rem)}.method-progress__rail{position:absolute;top:50%;right:-1px;width:2px;height:42%;background:#f8f6f01f;transform:translateY(-50%)}.method-progress__fill{display:block;width:100%;height:100%;background:var(--acid);transform:scaleY(0);transform-origin:top}.method-panels{position:relative;height:100%}.method-panel{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(6rem,10vh,8rem) clamp(1.5rem,6vw,7rem) 3rem;visibility:hidden;opacity:0;pointer-events:none}.method-panel.is-active{visibility:visible;opacity:1;pointer-events:auto}.method-panel>span{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em}.method-panel>div{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.55fr);gap:clamp(3rem,9vw,10rem);align-items:center;width:100%;margin:auto 0;transform:translateY(-1.5rem)}.method-panel h2{max-width:11ch;font-size:clamp(3.6rem,7vw,8.4rem);font-weight:400;letter-spacing:-.06em;line-height:.94;text-wrap:balance}.method-panel p{max-width:36rem;padding-bottom:.5rem;color:#f8f6f09e;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.75}a:focus-visible{outline:2px solid currentColor;outline-offset:4px}@keyframes heading-in{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.method-hero{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:76dvh}.method-hero h1{grid-column:1;text-align:left;justify-self:start}.method-hero__intro{grid-column:1}.method-scroll{height:auto}.method-stage{position:relative;display:block;height:auto;overflow:visible}.method-progress{display:none}.method-panels{height:auto}.method-panel,.method-panel.is-active{position:relative;display:grid;min-height:82dvh;padding:6rem 1.25rem 3rem;border-bottom:1px solid rgba(248,246,240,.18);visibility:visible;opacity:1;pointer-events:auto}.method-panel>div{grid-template-columns:1fr;gap:3rem;align-content:center;margin:auto 0;transform:none}.method-panel h2{font-size:clamp(3rem,12vw,6rem)}}@media(max-width:520px){.method-hero{padding-top:4rem}.method-hero h1{font-size:clamp(3.15rem,15vw,5.5rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.method-scroll{height:auto}.method-stage{position:relative;display:block;height:auto;overflow:visible}.method-progress{display:none}.method-panels{height:auto}.method-panel,.method-panel.is-active{position:relative;min-height:70dvh;border-bottom:1px solid rgba(248,246,240,.18);visibility:visible;opacity:1}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}