:root{color-scheme:dark;--bg: #121014;--bg-2: #17151a;--bg-3: #1e1c22;--paper: #efe9df;--paper-2: #e5ddd0;--text: #efe9df;--text-soft: #c9c2b6;--text-dim: #a29b90;--text-faint: #7d776d;--ink: #17140f;--ink-soft: #4f483e;--ink-dim: #6b6358;--line: rgb(239 233 223 / 10%);--line-strong: rgb(239 233 223 / 20%);--line-dark: rgb(23 20 15 / 12%);--crt: #6f86ff;--crt-soft: #9fb0ff;--crt-glow: rgb(111 134 255 / 55%);--amber: #ffb547;--green: #4ff08f;--orange: #ff6a2b;--hw-hi: #36343c;--hw: #29272e;--hw-lo: #1f1d23;--hw-edge: #47444e;--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-sans: "Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;--fs-micro: .72rem;--fs-xs: .8rem;--fs-sm: .9rem;--fs-body: 1.0625rem;--fs-lede: clamp(1.08rem, 1rem + .35vw, 1.3rem);--fs-h3: clamp(1.4rem, 1.1rem + 1vw, 2rem);--fs-h2: clamp(2.4rem, 1.2rem + 4.2vw, 5.4rem);--fs-display: clamp(3.1rem, 1rem + 6.6vw, 8.4rem);--gutter: clamp(20px, 4vw, 56px);--section-y: clamp(5.5rem, 3rem + 8vw, 11rem);--maxw: 1400px;--edge: max(var(--gutter), calc((100% - var(--maxw)) / 2));--measure: 34em;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--r-pill: 999px;--e-out: cubic-bezier(.2, .8, .2, 1);--e-in-out: cubic-bezier(.7, 0, .2, 1);--e-spring: cubic-bezier(.34, 1.4, .5, 1);--t-fast: .2s;--t-med: .45s}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{min-height:100svh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.6;letter-spacing:-.005em;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis-weight:none}img,svg,canvas,video{display:block;max-width:100%}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);font-weight:650;line-height:1;letter-spacing:-.035em;text-wrap:balance}.accent{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--crt);filter:drop-shadow(0 0 .22em rgb(111 134 255 / 45%));padding-right:.04em}.on-paper .accent{color:#3f52d6;filter:none}::selection{background:var(--crt);color:#0b0c18}:focus-visible{outline:2px solid var(--crt);outline-offset:3px;border-radius:4px}.on-paper :focus-visible{outline-color:#3f52d6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:0;left:50%;z-index:300;padding:.75rem 1.25rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--paper);border-radius:0 0 var(--r-sm) var(--r-sm);transform:translate(-50%,-110%);transition:transform var(--t-fast) var(--e-out)}.skip-link:focus-visible{transform:translate(-50%)}.mono-label{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.on-paper .mono-label{color:var(--ink-dim)}.section{position:relative;padding:var(--section-y) var(--gutter)}.wrap{max-width:var(--maxw);margin-inline:auto}.on-paper{color:var(--ink);background:var(--paper)}.section__title{font-size:var(--fs-h2);line-height:.94;letter-spacing:-.045em}.section__lede{max-width:var(--measure);font-size:var(--fs-lede);line-height:1.55;color:var(--text-soft);text-wrap:pretty}.on-paper .section__lede{color:var(--ink-soft)}.key{--key-face: var(--paper);--key-edge: #b9b1a4;--key-ink: var(--ink);display:inline-flex;gap:.6rem;align-items:center;padding:.85rem 1.3rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:var(--key-ink);background:var(--key-face);border-radius:12px;box-shadow:0 3px 0 var(--key-edge),0 12px 26px #00000052;transition:transform .14s var(--e-out),box-shadow .14s var(--e-out),background-color var(--t-fast) var(--e-out)}.key:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--key-edge),0 16px 30px #00000057}.key:active{transform:translateY(3px);box-shadow:0 0 0 var(--key-edge),0 4px 10px #0000004d}.key i{width:8px;height:8px;border-radius:2px;background:var(--orange)}.key--sm{padding:.65rem 1rem;font-size:.875rem}.key--dark{--key-face: var(--hw-hi);--key-edge: #0d0c10;--key-ink: var(--text)}.textlink{display:inline-flex;gap:.4rem;align-items:center;padding-bottom:3px;font-size:var(--fs-sm);border-bottom:1px solid var(--line-strong);transition:border-color var(--t-fast) var(--e-out),color var(--t-fast) var(--e-out)}.textlink:hover{color:var(--crt-soft);border-color:var(--crt)}.on-paper .textlink{border-color:var(--line-dark)}.on-paper .textlink:hover{color:#3f52d6;border-color:#3f52d6}[data-reveal]{opacity:0;transform:translate3d(0,26px,0);transition:opacity .85s var(--e-out),transform .85s var(--e-out);transition-delay:var(--d, 0s)}[data-reveal].is-in{opacity:1;transform:none}html.js-split [data-split]:not([data-split-done]){opacity:0}.line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.line>span{display:block;transform:translate3d(0,115%,0);transition:transform 1s var(--e-out);transition-delay:var(--d, 0s)}.is-in .line>span,.line.is-in>span{transform:none}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-leave .5s var(--e-in-out) both}::view-transition-new(root){animation:vt-enter .7s var(--e-out) .12s both}::view-transition-group(case-shot){animation-duration:.75s;animation-timing-function:var(--e-in-out)}::view-transition-old(case-shot),::view-transition-new(case-shot){height:100%;object-fit:cover;object-position:top}@keyframes vt-leave{to{opacity:0;transform:translateY(-3vh) scale(.985)}}@keyframes vt-enter{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.curtain{position:fixed;inset:0;z-index:500;pointer-events:none;background:var(--bg-3);transform:translateY(100%)}html.is-leaving .curtain{transform:translateY(0);transition:transform .45s var(--e-in-out)}html.is-arriving .curtain{transform:translateY(0)}html.is-arrived .curtain{transform:translateY(-100%);transition:transform .6s var(--e-in-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal],.line>span{opacity:1!important;transform:none!important}@view-transition{navigation:none}}.nav{position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:18px var(--edge);transition:background-color var(--t-med) var(--e-out),transform var(--t-med) var(--e-out),box-shadow var(--t-med) var(--e-out)}.nav.is-solid{background:#121014d1;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--line)}.nav.is-hidden{transform:translateY(-100%)}.nav__brand{display:inline-flex;gap:.7rem;align-items:center;justify-self:start;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.nav__mark{width:28px;height:28px}.nav__links{display:flex;gap:clamp(1.25rem,2.4vw,2.4rem);font-size:var(--fs-sm);color:var(--text-dim)}.nav__links a{position:relative;padding-block:.4rem;transition:color var(--t-fast) var(--e-out)}.nav__links a:hover,.nav__links a.is-active{color:var(--text)}.nav__links a.is-active:after{position:absolute;bottom:-2px;left:50%;width:4px;height:4px;content:"";background:var(--crt);border-radius:50%;box-shadow:0 0 8px var(--crt);transform:translate(-50%)}.nav__cta{justify-self:end}.nav__kit{display:inline-flex;gap:.45rem;align-items:center}.nav__kit[aria-current=page]{color:var(--text)}.nav__badge{padding:.12rem .4rem;font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0b1a10;background:var(--green);border-radius:5px}.nav__toggle{display:none;place-items:center;justify-self:end;width:44px;height:44px;background:var(--hw);border:1px solid var(--hw-edge);border-radius:12px}.nav__toggle i{grid-area:1 / 1;display:block;width:16px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .4s var(--e-out)}.nav__toggle i:first-of-type{transform:translateY(-3px)}.nav__toggle i:last-of-type{transform:translateY(3px)}.nav__toggle[aria-expanded=true] i:first-of-type{transform:rotate(45deg)}.nav__toggle[aria-expanded=true] i:last-of-type{transform:rotate(-45deg)}@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav__links,.nav__cta{display:none}.nav__toggle{display:grid}}.menu{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:space-between;padding:104px var(--gutter) 40px;background:var(--bg);opacity:0;transition:opacity .35s var(--e-out)}.menu[hidden]{display:none}.menu.is-open{opacity:1}.menu__links{display:grid}.menu__links a{display:flex;align-items:baseline;justify-content:space-between;padding-block:.9rem;font-family:var(--font-display);font-size:clamp(2.2rem,9vw,3.4rem);font-weight:600;letter-spacing:-.04em;border-bottom:1px solid var(--line);transform:translateY(16px);opacity:0;transition:transform .5s var(--e-out),opacity .5s var(--e-out)}.menu.is-open .menu__links a{transform:none;opacity:1}.menu.is-open .menu__links a:nth-child(2){transition-delay:.04s}.menu.is-open .menu__links a:nth-child(3){transition-delay:.08s}.menu.is-open .menu__links a:nth-child(4){transition-delay:.12s}.menu.is-open .menu__links a:nth-child(5){transition-delay:.16s}.menu__links em{font-family:var(--font-mono);font-size:var(--fs-xs);font-style:normal;color:var(--crt-soft)}.menu__foot{display:grid;gap:.4rem;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.menu__foot a{color:var(--crt-soft)}.footer{padding:clamp(4rem,2rem + 6vw,8rem) var(--gutter) 2rem;background:var(--bg);border-top:1px solid var(--line)}.footer__word{font-family:var(--font-display);font-size:clamp(3rem,12vw,11.5rem);font-weight:700;line-height:.85;letter-spacing:-.06em;white-space:nowrap}.footer__word .accent{letter-spacing:-.04em}.footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:clamp(3rem,2rem + 3vw,5rem);padding-top:2rem;border-top:1px solid var(--line)}.footer__cols>*{display:grid;gap:.55rem;align-content:start}.footer__cols h2{margin-bottom:.4rem;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.16em}.footer__cols a,.footer__cols span{font-size:var(--fs-sm);color:var(--text-dim);transition:color var(--t-fast) var(--e-out)}.footer__cols a:hover{color:var(--text)}.footer__base{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.08em;color:var(--text-dim);border-top:1px solid var(--line)}@media(max-width:760px){.footer__cols{grid-template-columns:1fr 1fr}.footer__cols>:last-child{grid-column:1 / -1}}.case-hero{position:relative;padding:132px var(--gutter) 0;background:radial-gradient(45% 55% at 85% 20%,color-mix(in srgb,var(--c) 18%,transparent),transparent 70%),radial-gradient(40% 40% at 10% 90%,rgb(111 134 255 / 8%),transparent 70%),var(--bg)}.case-hero__inner{display:grid;gap:1.4rem}.case-back{justify-self:start;padding:.5rem .9rem;margin-bottom:1.4rem;border:1px solid var(--line-strong);border-radius:var(--r-pill);transition:color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out)}.case-back:hover{color:var(--text);border-color:var(--text-dim)}.case-hero__kicker{color:color-mix(in srgb,var(--c) 70%,var(--text))}.case-hero__title{font-size:clamp(3.4rem,1rem + 9vw,10.5rem);font-weight:700;line-height:.86;letter-spacing:-.06em}.case-hero__summary{max-width:34em;font-size:var(--fs-lede);line-height:1.55;color:var(--text-soft);text-wrap:pretty}.case-meta{display:flex;flex-wrap:wrap;gap:1rem 3rem;padding-top:1.6rem;margin-top:.6rem;border-top:1px solid var(--line)}.case-meta dt{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.case-meta dd{margin-top:.3rem;font-size:var(--fs-sm)}.case-meta a{display:inline-flex;gap:.35rem;align-items:center;border-bottom:1px solid var(--line-strong);transition:color var(--t-fast),border-color var(--t-fast)}.case-meta a:hover{color:var(--crt-soft);border-color:var(--crt)}.case-shot{position:relative;z-index:2;margin-top:clamp(3rem,2rem + 4vw,5.5rem);margin-bottom:calc(clamp(4rem,2rem + 8vw,9rem)*-1)}.case-shot__img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border-radius:var(--r-lg);box-shadow:0 0 0 1px #ffffff0f,0 50px 120px #0000008c,0 0 120px color-mix(in srgb,var(--c) 20%,transparent);view-transition-name:case-shot}.case-brief{padding-top:calc(var(--section-y) + clamp(4rem,2rem + 8vw,9rem))}.case-brief__grid{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:2rem}.case-brief__lead{max-width:28em;font-size:clamp(1.6rem,1rem + 1.8vw,2.7rem);font-weight:550;line-height:1.16;letter-spacing:-.03em;text-wrap:pretty}.case-built__head{display:grid;gap:1.4rem;margin-bottom:clamp(2.5rem,2rem + 3vw,4.5rem)}.case-built__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg)}.case-built__list li{display:grid;gap:.7rem;align-content:start;padding:clamp(1.6rem,1rem + 2vw,2.8rem);background:linear-gradient(170deg,color-mix(in srgb,var(--c) 9%,var(--bg-2)),var(--bg-2) 60%)}.case-built__no{font-family:var(--font-mono);font-size:var(--fs-xs);color:color-mix(in srgb,var(--c) 70%,var(--text))}.case-built__list h3{font-size:var(--fs-h3)}.case-built__list p{max-width:34em;color:var(--text-soft);text-wrap:pretty}.case-facts{background:var(--bg-2);border-top:1px solid var(--line)}.case-facts__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:end}.case-facts__grid>div:first-child{display:grid;gap:1.4rem}.case-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.case-figures>div{padding:1.6rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md)}.case-figures dt{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.case-figures dd{margin-top:.8rem;font-family:var(--font-display);font-size:clamp(2.4rem,1.4rem + 2.6vw,4rem);font-weight:650;line-height:1;letter-spacing:-.045em;color:color-mix(in srgb,var(--c) 55%,var(--text))}.case-figures p{margin-top:.6rem;font-size:var(--fs-sm);color:var(--text-soft)}.case-actions{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;margin-top:clamp(3rem,2rem + 3vw,4.5rem)}.case-results{background:var(--bg)}.case-next{padding:0 var(--gutter);background:var(--bg);border-top:1px solid var(--line)}.case-next__link{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);grid-template-rows:auto auto 1fr;gap:.8rem 3rem;align-items:start;padding-block:clamp(4rem,2rem + 6vw,8rem)}.case-next__link>.mono-label{grid-column:1}.case-next__title{grid-column:1;font-family:var(--font-display);font-size:clamp(2.6rem,1rem + 6vw,7rem);font-weight:700;line-height:.9;letter-spacing:-.055em;transition:color .35s var(--e-out)}.case-next__link:hover .case-next__title{color:color-mix(in srgb,var(--nc) 70%,var(--text))}.case-next__meta{grid-column:1;font-size:var(--fs-sm);color:var(--text-dim)}.case-next__thumb{grid-column:2;grid-row:1 / -1;width:100%;height:auto;border-radius:var(--r-md);box-shadow:0 30px 70px #00000073;transform:rotate(2deg);transition:transform .6s var(--e-out)}.case-next__link:hover .case-next__thumb{transform:rotate(0) scale(1.02)}@media(max-width:900px){.case-hero{padding-top:108px}.case-brief__grid,.case-facts__grid,.case-next__link,.case-built__list{grid-template-columns:1fr}.case-next__thumb{grid-column:1;grid-row:auto;margin-top:1.4rem;transform:none}}@media(max-width:520px){.case-figures{grid-template-columns:1fr}}
