*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fefbf6;--surface:#f7f2e7;--ink:#2b1109;--ink-sub:#5c3d33;--ink-mute:#7d6559;--line:#2b110929;--line-soft:#2b110914;--chapter:#341007;--chapter-deep:#341007;--chapter-soft:#3410071a;--band-ink:#fff;--accent:#6088f8;--band:38px;--edge:12px;--radius:10px;--pad:max(3vw, 24px);--ease:cubic-bezier(.22, .61, .36, 1)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding-top:var(--band)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;padding:var(--band) var(--edge) var(--edge);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;display:block}.band{z-index:100;height:var(--band);background:var(--chapter);color:var(--band-ink);transition:background-color .8s var(--ease), color .8s var(--ease);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.band__nav{align-items:center;gap:10px;display:flex}.band__name{letter-spacing:-.01em;font-size:13px;font-weight:500}.band__sep{opacity:.5;font-family:ui-monospace,monospace;font-size:11px}.band a{color:currentColor;opacity:.82;align-items:center;font-size:13px;text-decoration:none;transition:opacity .2s;display:flex}.band a:hover{opacity:1}.band svg{fill:currentColor;width:15px;height:15px;transform:translateY(-1px)}.band__year{letter-spacing:.06em;font-family:ui-monospace,monospace;font-size:17px;font-weight:500;transition:opacity .28s}.band.is-swapping .band__year{opacity:0}.frame{z-index:99;pointer-events:none;top:var(--band);right:var(--edge);bottom:var(--edge);left:var(--edge);border-radius:var(--radius);box-shadow:0 0 0 100vmax var(--chapter);transition:box-shadow .8s var(--ease);position:fixed}.project{min-height:calc(100vh - var(--band) - var(--edge));padding:clamp(1.9rem, 4.2vh, 3.4rem) var(--pad) 2.5rem;scroll-snap-align:start;align-items:flex-start;display:flex}.project+.project{border-top:1px solid var(--line-soft)}.project__inner{width:100%;max-width:1500px;margin:0 auto}.viewer{position:relative}.viewer__arrow{z-index:2;border:1px solid var(--line);background:var(--bg);cursor:pointer;width:44px;height:44px;color:var(--ink-sub);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .25s,color .2s,border-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewer:hover .viewer__arrow,.viewer__arrow:focus-visible{opacity:1}.viewer__arrow:hover{color:var(--ink);border-color:var(--accent)}.viewer__arrow svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:16px;height:16px}.viewer__arrow--prev{left:14px}.viewer__arrow--next{right:14px}@media (hover:none){.viewer__arrow{display:none}}.panels{height:min(60vh, calc(100vh - var(--band) - var(--edge) - 340px));scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;min-height:260px;display:flex;overflow:auto hidden}.panels::-webkit-scrollbar{display:none}.panel{scroll-snap-align:start;background:var(--surface);opacity:.28;height:100%;transition:opacity .45s var(--ease);cursor:pointer;flex:0 0 100%;position:relative;overflow:hidden}.panel[data-active]{opacity:1}.panel--shipped{justify-content:center;align-items:center;padding:clamp(12px,2.5vw,28px);display:flex}.panel--shipped img,.panel--shipped video{width:auto;max-width:100%;height:auto;max-height:100%}.challenge{flex-direction:column;justify-content:center;max-width:62ch;height:100%;padding:clamp(1.5rem,3.5vw,3.5rem);display:flex}.challenge__heading{letter-spacing:-.01em;color:var(--ink);margin-bottom:.9rem;font-size:18px;font-weight:500;line-height:1.35}.challenge p{color:var(--ink-sub);font-size:clamp(1rem,1.4vw,1.15rem);font-weight:300;line-height:1.75}.challenge p+p{margin-top:1.1rem}.challenge strong{color:var(--ink);font-weight:500}.impact{flex-direction:column;justify-content:center;height:100%;padding:clamp(1.5rem,3.5vw,3.5rem);display:flex}.impact__lede{letter-spacing:-.022em;max-width:26ch;margin-bottom:1.7rem;font-size:clamp(1.25rem,2.5vw,1.95rem);font-weight:400;line-height:1.25}.stats{border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:900px;display:grid;overflow:hidden}.stat{background:var(--bg);border-right:1px solid var(--line);padding:1.5rem 1.4rem}.stat:last-child{border-right:0}.stat__n{letter-spacing:-.035em;color:var(--chapter-deep);transition:color .8s var(--ease);font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:500;line-height:1}.stat__n--neutral{color:var(--ink)}.stat__d{color:var(--ink-sub);margin-top:.7rem;font-size:15px;font-weight:300;line-height:1.5}.stat__d a,.fields dd a{color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none;transition:color .2s,border-color .2s}.stat__d a:hover,.fields dd a:hover{border-color:var(--accent)}.note{max-width:56ch;color:var(--ink-mute);margin-top:1.2rem;font-size:15px;font-weight:300;line-height:1.6}.artifact{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:26px;height:100%;padding:clamp(1.5rem,3vw,3rem);display:grid}.artifact__why h3{letter-spacing:-.01em;margin-bottom:.6rem;font-size:16px;font-weight:500}.artifact__why p{max-width:42ch;color:var(--ink-sub);font-size:15px;font-weight:300;line-height:1.7}.artifact__why p+p{margin-top:.8rem}.transcript{border:1px solid var(--line);background:var(--bg);border-radius:6px;overflow:hidden}.transcript__bar{border-bottom:1px solid var(--line);background:var(--surface);letter-spacing:.04em;color:var(--ink-mute);padding:8px 12px;font-family:ui-monospace,monospace;font-size:10px}.transcript__body{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.turn__who{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:4px;font-size:9px}.turn__txt{border:1px solid var(--line-soft);background:var(--surface);color:var(--ink-sub);border-radius:6px;padding:.65rem .85rem;font-size:15px;font-weight:300;line-height:1.6}.turn--me .turn__txt{background:var(--chapter-soft);color:var(--ink);transition:background-color .8s var(--ease);border-color:#0000}.turn__txt strong,.artifact__why strong{color:var(--ink);font-weight:500}.artifact__image{justify-content:center;align-items:center;min-height:0;display:flex}.artifact__image img{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%}.turn__break{text-align:center;letter-spacing:.2em;color:var(--ink-mute);padding:.1rem 0;font-size:11px}.fields{flex-wrap:wrap;gap:.4rem clamp(1.6rem,3vw,3rem);margin-top:1.3rem;display:flex}.fields>div{gap:.45rem;display:flex}.fields dt,.fields dd{letter-spacing:.1em;text-transform:uppercase;font-size:12px}.fields dt{color:var(--ink-mute)}.fields dd{color:var(--ink-sub)}.project__headline{letter-spacing:-.022em;max-width:30ch;margin-top:clamp(2rem,3.6vh,3.4rem);font-size:clamp(1.75rem,3.1vw,3.2rem);font-weight:300;line-height:1.15}.tabs{align-items:flex-end;gap:clamp(1.4rem,2.6vw,2.5rem);margin-top:clamp(2rem,3.4vh,3.2rem);display:flex;position:relative}.tabs button{appearance:none;cursor:pointer;border:0;border-bottom:1px solid var(--line);font:inherit;color:var(--ink-mute);background:0 0;padding:0 1px 5px;font-size:15px;font-weight:300;transition:color .25s}.tabs button:hover,.tabs button[aria-selected=true]{color:var(--ink)}.tabs__ink{background:var(--accent);transform-origin:0;pointer-events:none;height:2px;transition:transform .42s var(--ease), width .42s var(--ease);position:absolute;bottom:0}.tabs__hint{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);opacity:.5;align-self:flex-end;margin-left:auto;padding-bottom:5px;font-family:ui-monospace,monospace;font-size:9px;display:none}@media (hover:none){.tabs__hint{display:block}}.tabs button:focus-visible,.viewer__arrow:focus-visible,.band a:focus-visible,.outro a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.about{min-height:calc(100vh - var(--band) - var(--edge));padding:clamp(1.9rem, 4.2vh, 3.4rem) var(--pad) 3rem}.about__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);width:100%;max-width:1500px;margin:0 auto;display:grid}.about__headline{letter-spacing:-.022em;max-width:22ch;margin-bottom:1.6rem;font-size:clamp(1.9rem,3.1vw,2.7rem);font-weight:300;line-height:1.2}.about__text p{max-width:58ch;color:var(--ink-sub);font-size:clamp(1rem,1.2vw,1.05rem);font-weight:300;line-height:1.75}.about__text p+p{margin-top:1.3rem}.about__photos{flex-direction:column;gap:clamp(1.6rem,3vw,2.4rem);display:flex}.about__photo img{border-radius:var(--radius);border:1px solid var(--line);width:100%;height:auto;display:block}.about__caption{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);justify-content:space-between;margin-top:.7rem;font-size:11px;font-weight:500;display:flex}@media (width<=900px){.about__inner{grid-template-columns:1fr}}.outro{min-height:calc(100vh - var(--band) - var(--edge));padding:2.5rem var(--pad);border-top:1px solid var(--line-soft);scroll-snap-align:start;flex-direction:column;justify-content:center;display:flex}.outro__inner{width:100%;max-width:1500px;margin:0 auto}.outro h2{letter-spacing:-.025em;max-width:20ch;margin-bottom:2rem;font-size:clamp(1.7rem,3.6vw,2.9rem);font-weight:300;line-height:1.15}.outro__links{flex-wrap:wrap;gap:1.5rem;display:flex}.outro a{border-bottom:1px solid var(--line);color:var(--ink-sub);padding-bottom:2px;font-size:15px;font-weight:300;text-decoration:none;transition:color .2s,border-color .2s}.outro a:hover{color:var(--ink);border-color:var(--accent)}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.js .fields,.js .project__headline{opacity:0}.js .project.is-visible .fields{animation:.8s .1s forwards fade-up}.js .project.is-visible .project__headline{animation:.8s .25s forwards fade-up}.reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(16px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}.js .fields,.js .project__headline{opacity:1;animation:none}}@media (width<=900px){.artifact{grid-template-columns:1fr}.artifact__why{display:none}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}}@media (width<=640px){:root{--band:34px;--edge:7px;--radius:8px}html{scroll-snap-type:y mandatory}.project,.outro{min-height:calc(100svh - var(--band) - var(--edge))}.band__sep,.challenge__heading{display:none}.panels{height:min(58vh, calc(100vh - var(--band) - var(--edge) - 240px))}.tabs{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap}.stat{padding:1.1rem 1.2rem}.stat__n{letter-spacing:-.025em;font-size:18px}.stat__d{margin-top:.45rem;font-size:14px}.fields{display:none}}.placeholder-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);opacity:.6;pointer-events:none;font-family:ui-monospace,monospace;font-size:9px;position:absolute;bottom:10px;right:14px}