:root{--bg:#ecebe7;--surface:#e1dfd9;--ink:#38450f;--muted:#5d683a;--accent:#38450f;--accent-ink:#ecebe7;--field-1:#38450f;--field-1-ink:#ecebe7;--field-deep:#2b350a;--disc:#45531a;--tint-1:#d6d8c6;--tint-2:#bfc5a3;--scrim:#1418088c;--font:"Bricolage Grotesque", system-ui, sans-serif;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--step-display:clamp(2.25rem, .9rem + 4.1vw, 4.75rem);--margin:clamp(16px, 2vw, 32px);--gap:12px;--section:clamp(96px, 11vw, 176px);--ease-out:cubic-bezier(.16, 1, .3, 1);--nav-h:72px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--step-body);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;margin:0;line-height:1.5}img,video,svg{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:600;line-height:.95}h3{letter-spacing:-.02em;line-height:1.1}p{margin:0}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em;transition:color .2s,text-decoration-color .2s}a:hover{text-decoration-color:#0000}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}::selection{background:var(--ink);color:var(--bg)}.wrap{padding-inline:var(--margin)}.section{margin-top:var(--section)}.btn{min-height:48px;font:500 var(--step-body) / 1 var(--font);cursor:pointer;transition:background-color .2s ease, color .2s ease, transform .25s var(--ease-out);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.95)}.btn:disabled{cursor:default;opacity:.45}.btn-small{min-height:44px;font-size:var(--step-small);padding:0 20px}.btn-solid{background:var(--accent);color:var(--accent-ink)}.btn-solid:hover{background:var(--muted)}.btn-ghost{background:var(--tint-1);color:var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--tint-2)}.btn-light{background:var(--bg);color:var(--ink)}.btn-light:hover{background:var(--tint-1)}.nav{height:var(--nav-h);align-items:center;gap:32px;display:flex}.wordmark{font-weight:600;font-size:var(--step-lead);letter-spacing:-.03em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark svg{width:34px;fill:var(--ink)}.nav nav{gap:28px;margin-left:auto;display:flex}.nav nav a{text-decoration-color:#0000}.nav nav a:hover{text-decoration-color:currentColor}.hero{gap:var(--gap);min-height:calc(100svh - var(--nav-h) - var(--margin));grid-template-columns:1fr 1fr;display:grid}.hero-card{background:var(--surface);flex-direction:column;gap:28px;padding:clamp(28px,3.4vw,56px);display:flex}.card-band{width:min(100%,420px);height:56px;fill:var(--ink)}.hero h1{font-size:var(--step-display);max-width:13ch;margin-top:auto}.lead{max-width:40ch;font-size:var(--step-lead);line-height:1.35}.hero-card>*{animation:rise .9s var(--ease-out) both}.hero-card>:nth-child(2){animation-delay:80ms}.hero-card>:nth-child(3){animation-delay:.16s}.hero-card>:nth-child(4){animation-delay:.24s}.hero-card>:nth-child(5){animation-delay:.32s}.hero-card>:nth-child(6){animation-delay:.4s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.sorter{gap:8px;display:grid}.sorter-label{font-weight:500}.sorter-row{gap:8px;display:flex}.sorter input{border:2px solid var(--ink);background:var(--bg);min-width:0;min-height:52px;color:var(--ink);font:500 var(--step-body) / 1 var(--font);font-variant-numeric:tabular-nums;border-radius:999px;flex:1;padding:0 22px}.sorter input:focus-visible{outline-offset:2px}.sorter .btn{min-height:52px}.hint{font-size:var(--step-small);color:var(--muted)}.hint.is-error{color:#8a1c0b;font-weight:500}.controls{flex-wrap:wrap;gap:8px;display:flex}.counters{flex-wrap:wrap;align-items:baseline;gap:8px clamp(24px,3vw,44px);display:flex}.counters p{align-items:baseline;gap:8px;display:flex}.count{font-size:var(--step-head);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.stage{background:var(--field-1);color:var(--field-1-ink);flex-direction:column;justify-content:center;padding:48px 32px 32px;display:flex;position:relative;overflow:hidden}.stage-disc{aspect-ratio:1;background:var(--disc);width:120vh;animation:disc-in 1.4s var(--ease-out) both;border-radius:50%;position:absolute;top:50%;left:38%;transform:translateY(-50%)}@keyframes disc-in{0%{opacity:0;transform:translate(12%,-50%)}}.column{width:100%;height:min(72svh,680px);position:relative;overflow:visible}.bubble-pos{transition:transform .55s var(--ease-out)}.bubble{transform-box:fill-box;transform-origin:50%;transition:transform .3s var(--ease-out)}.bubble circle{fill:var(--tint-2);transition:fill .25s}.bubble text{fill:var(--ink);font-family:var(--font);letter-spacing:-.03em;text-anchor:middle;font-variant-numeric:tabular-nums;font-weight:600}.bubble.is-active circle,.bubble.is-swap circle,.bubble.is-settled circle{fill:var(--bg)}.bubble.is-active{transform:scale(1.1)}.bubble.is-swap{transform:scale(1.18)}.stage-note{max-width:34ch;min-height:3em;font-size:var(--step-body);margin-top:28px;position:relative}.how-head{gap:var(--gap);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.how-text{grid-column:1/6;gap:28px;display:grid}.how h2,.cost h2,.band h2,.history h2{font-size:var(--step-head)}.how-text p{max-width:44ch}.code{background:var(--surface);color:var(--ink);font:400 var(--step-small) / 1.6 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;grid-column:7/13;margin:0;padding:clamp(20px,2.4vw,36px);overflow-x:auto}.diagram{margin-top:clamp(56px,7vw,112px)}.pass-diagram.is-tall{display:none}.phases{gap:var(--gap);grid-template-columns:repeat(3,1fr);margin:32px 0 0;padding:0;list-style:none;display:grid}.phases h3{font-size:var(--step-lead);margin-bottom:8px}.phases p{max-width:36ch}.trace{margin-top:clamp(56px,7vw,112px)}.trace h3{font-size:var(--step-lead);margin-bottom:20px}.trace table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.trace th,.trace td{text-align:left;vertical-align:top;padding:14px 16px}.trace thead th{font-size:var(--step-small);font-weight:500}.trace tbody tr:nth-child(odd){background:var(--surface)}.trace tfoot{font-weight:600}.trace .num{white-space:nowrap}.cost{grid-template-rows:auto auto;grid-template-columns:repeat(12,1fr);gap:8px;display:grid}.tile{flex-direction:column;justify-content:space-between;gap:24px;padding:28px;display:flex;position:relative;overflow:hidden}.tile .figure{font-size:var(--step-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:600;line-height:.95;position:relative}.tile .caption{max-width:34ch;position:relative}.tile-tall{background:var(--accent);min-height:70vh;color:var(--accent-ink);border-top-right-radius:min(22vw,320px);grid-area:1/1/3/7}.cost-notch{grid-area:1/7/auto/13;align-content:start;gap:20px;padding:8px 0 clamp(32px,5vh,64px) 20px;display:grid}.cost-notch p{max-width:46ch}.tile-ink{background:var(--field-deep);min-height:40vh;color:var(--bg);border-top-right-radius:min(10vw,140px);grid-area:2/7/auto/10}.tile-photo{min-height:30vh;color:var(--bg);border-top-right-radius:min(10vw,140px);grid-area:2/10/auto/13;margin-top:10vh}.tile-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile-photo:before{content:"";z-index:1;background:var(--scrim);position:absolute;inset:0}.tile-photo .figure,.tile-photo .caption{z-index:2}.tile-ink .figure,.tile-photo .figure{font-size:var(--step-head)}.section-band{margin-top:var(--section);background:var(--surface);padding-block:clamp(72px,9vw,144px)}.band-grid{gap:var(--gap);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.band-text{grid-column:1/5;gap:24px;display:grid}.band-text p{max-width:34ch}.disc{margin:0}.disc-mask{aspect-ratio:1;background:var(--tint-2);border-radius:50%;position:relative;overflow:hidden}.disc-mask img,.disc-mask video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.disc figcaption{font-size:var(--step-small);max-width:30ch;margin-top:14px}.band-text{grid-row:1}.disc-big{grid-area:1/5/3/10}.disc-mid{grid-area:1/10/3/13;margin-top:8vw}.disc-small{grid-area:2/1/auto/4;margin-top:56px}.fade-frame{opacity:0;transition:opacity 1.6s}.fade-frame.is-on{opacity:1}.disc-mask .fade-frame.is-on{animation:14s ease-in-out infinite alternate drift}.disc-mask video{animation:18s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.08)}}.panel{min-height:max(92svh,760px);margin-inline:var(--margin);background:var(--field-deep);color:var(--bg);padding:clamp(32px,4vw,56px);position:relative;overflow:hidden}.panel h2{z-index:1;max-width:11ch;position:relative}.history-text{justify-items:start;gap:48px;width:min(32%,380px);display:grid;position:absolute;top:clamp(32px,4vw,56px);left:63%}.history-text h3{font-size:var(--step-lead);margin-bottom:12px}.portrait{width:42vw;margin:0;position:absolute;bottom:-8.4vw;left:clamp(32px,4vw,56px)}.portrait img{aspect-ratio:1;object-fit:cover;object-position:30% 50%;border-radius:50%;width:100%;height:auto}.portrait figcaption{width:22ch;font-size:var(--step-small);position:absolute;bottom:30%;left:calc(100% + 32px)}.cta{margin-top:var(--section);min-height:60svh;padding:calc(12svh + 32px) var(--margin) 24px;background:var(--field-1);color:var(--field-1-ink);border-radius:50% 50% 0 0/12svh 12svh 0 0;flex-direction:column;text-decoration:none;display:flex;position:relative}.cta:hover,.cta:focus-visible{background:var(--bg);color:var(--ink)}.cta:focus-visible{outline-offset:-6px}.cta-line{max-width:30ch;font-size:var(--step-lead);line-height:1.3;display:block}.cta-arrow{top:calc(12svh + 32px);right:var(--margin);width:48px;transition:transform .35s var(--ease-out);position:absolute}.cta:hover .cta-arrow{transform:translate(6px,-6px)}.cta-word{letter-spacing:-.06em;white-space:nowrap;margin-top:auto;padding-top:clamp(48px,8vh,96px);font-size:19.5vw;font-weight:600;line-height:.8;display:block}.footer{background:var(--field-1);color:var(--field-1-ink);padding:clamp(48px,6vw,96px) 0 32px}.footer-mark{width:100%;height:auto;fill:var(--bg)}.footer-cols{gap:var(--gap);grid-template-columns:repeat(12,1fr);margin-top:56px;display:grid}.footer-cols>div{grid-column:span 3;align-content:start;gap:8px;display:grid}.footer-cols .footer-credits{grid-column:7/13}.footer h2{font-size:var(--step-body);letter-spacing:0;margin-bottom:6px;font-weight:600}.footer-credits p{font-size:var(--step-small);line-height:1.6}.footer-last{justify-content:space-between;align-items:center;gap:16px;margin-top:72px;display:flex}.js-reveal [data-reveal] [data-r]{opacity:0;transition:opacity .8s ease, transform .9s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(28px)}.js-reveal [data-reveal].is-in [data-r]{opacity:1;transform:none}@media (max-width:1080px){.hero{grid-template-columns:1fr}.stage{min-height:80svh}.stage-disc{width:110vw;left:30%}.how-text,.code{grid-column:1/-1}.code{margin-top:24px}.band-text{grid-area:1/1/auto/-1;margin-bottom:24px}.disc-big{grid-area:2/1/4/8}.disc-mid{grid-area:2/8/auto/13;margin-top:0}.disc-small{grid-area:3/9/auto/13;margin-top:24px}.cost{grid-template-columns:1fr 1fr;gap:8px}.cost-notch{grid-area:1/1/auto/-1;padding:0 0 32px}.tile-tall{grid-area:2/1/auto/-1;min-height:56vw}.tile-ink{grid-area:3/1;min-height:44vw}.tile-photo{grid-area:3/2;min-height:40vw;margin-top:40px}.panel{gap:40px;min-height:0;display:grid}.history-text{grid-template-columns:1fr 1fr;gap:40px 32px;width:auto;position:static}.history-text .btn{grid-column:1/-1}.portrait{flex-direction:column-reverse;gap:16px;width:64%;margin:0 auto -16%;display:flex;position:relative;bottom:auto;left:auto}.portrait figcaption{width:auto;position:static}.footer-cols>div{grid-column:span 6}.footer-cols .footer-credits{grid-column:1/-1}}@media (max-width:640px){:root{--nav-h:64px}.nav{gap:16px}.nav nav{display:none}.nav .btn{margin-left:auto}.hero-card{gap:22px}.hero h1{margin-top:0}.card-band{height:40px}.sorter-row{flex-direction:column}.stage{min-height:0;padding:32px 20px 24px}.column{height:60svh}.how-head{display:block}.diagram{grid-template-columns:1fr 38vw;gap:16px;display:grid}.pass-diagram.is-wide{display:none}.pass-diagram.is-tall{width:100%;height:auto;display:block}.phases{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr;margin:0}.code{white-space:pre-wrap;overflow-wrap:anywhere}.trace thead{display:none}.trace tr{grid-template-columns:1fr 1fr;gap:4px 16px;padding:16px;display:grid}.trace tr>*{padding:0}.trace tbody th:before,.trace tfoot th:before{content:"Pass "}.trace tfoot th:before{content:""}.trace th,.trace .what{grid-column:1/-1}.trace td[data-label]:before{content:attr(data-label) " ";font-size:var(--step-small);display:block}.trace .empty{display:none}.cost{grid-template-columns:1fr 1fr;gap:6px}.cost-notch{grid-area:1/1/auto/-1;padding:0 0 24px}.tile-tall{aspect-ratio:1/.9;grid-area:2/1/auto/-1;min-height:0}.tile-ink{grid-area:3/1;min-height:56vw}.tile-photo{grid-area:3/2;min-height:56vw;margin-top:32px}.tile{padding:20px}.tile-ink .figure,.tile-photo .figure{font-size:11vw}.tile-ink .caption,.tile-photo .caption{font-size:var(--step-small)}.band-grid{grid-template-columns:repeat(6,1fr)}.disc-big{grid-area:2/1/auto/-1}.disc-mid{grid-area:3/1/auto/4;margin-top:32px}.disc-small{grid-area:3/4/auto/7;margin-top:72px}.panel{margin-inline:10px}.history-text{grid-template-columns:1fr}.portrait{width:86%;margin-bottom:-22%}.cta{border-radius:50% 50% 0 0/6svh 6svh 0 0;min-height:46svh;padding-top:calc(6svh + 28px)}.cta-arrow{width:32px;top:calc(6svh + 28px)}.count{font-size:var(--step-lead)}.counters{gap:8px 20px}.cta-line{max-width:16em;padding-right:48px}.cta-word{font-size:18vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js-reveal [data-reveal] [data-r]{opacity:1;transform:none}}