:root{--color-ink: #08090b;--color-carbon: #111318;--color-teal: #2de5c9;--color-teal-dim: rgba(45, 229, 201, .35);--color-cream: #f0ead9;--color-cream-dim: rgba(240, 234, 217, .55);--color-line: rgba(240, 234, 217, .14);--font-display: "Anton", "Arial Narrow", sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--text-base: clamp(1rem, .92rem + .4vw, 1.2rem);--text-hero: clamp(3.4rem, 1rem + 13vw, 15rem);--text-huge: clamp(2.6rem, 1rem + 8vw, 9rem);--text-stat: clamp(2.8rem, 1.5rem + 5.5vw, 7rem);--text-label: clamp(.65rem, .6rem + .25vw, .85rem);--space-section: clamp(5rem, 4rem + 6vw, 12rem);--space-edge: clamp(1.25rem, 1rem + 2vw, 4rem);--duration-fast: .15s;--duration-normal: .4s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:var(--color-teal-dim) var(--color-ink)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body.is-loading{overflow:hidden;height:100vh}body{background:var(--color-ink);color:var(--color-cream);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}.display{font-family:var(--font-display);font-weight:400;line-height:.92;letter-spacing:.01em;text-transform:uppercase}.mono{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.18em;text-transform:uppercase}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--color-teal);outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.grain{position:fixed;top:-100%;right:-100%;bottom:-100%;left:-100%;z-index:60;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;animation:grain-shift .7s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}to{transform:translate(2%,-1%)}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--color-ink);transition:opacity .6s var(--ease-out-expo),visibility .6s}.loader.is-done{opacity:0;visibility:hidden}.loader-inner{display:flex;flex-direction:column;gap:.9rem;width:min(320px,70vw)}.loader-label{color:var(--color-cream-dim)}.loader-pct{color:var(--color-teal);font-size:2rem;letter-spacing:.05em}.loader-bar{height:2px;background:var(--color-line)}.loader-fill{height:100%;width:0%;background:var(--color-teal)}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.4rem var(--space-edge);mix-blend-mode:difference}.site-header nav{display:flex;justify-content:space-between;align-items:center}.brand{color:var(--color-cream);font-weight:700}.nav-hint{color:var(--color-cream-dim)}.nav-arrow{display:inline-block;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:2rem var(--space-edge);border-top:1px solid var(--color-line);color:var(--color-cream-dim)}.to-top{background:none;border:1px solid var(--color-line);color:var(--color-cream-dim);padding:.7rem 1.4rem;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out-expo),color var(--duration-normal) var(--ease-out-expo)}.to-top:hover{border-color:var(--color-teal);color:var(--color-teal)}.to-top-arrow{display:inline-block;transition:transform var(--duration-normal) var(--ease-out-expo)}.to-top:hover .to-top-arrow{transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.grain,.nav-arrow{animation:none}html{scroll-behavior:auto}}.hero{position:relative;height:100vh;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 70% at 50% 45%,transparent 55%,rgba(8,9,11,.75) 100%),linear-gradient(to top,var(--color-ink) 0%,transparent 18%);pointer-events:none}.hero-type{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 var(--space-edge) clamp(3rem,8vh,6rem);pointer-events:none}.hero-eyebrow{color:var(--color-teal);margin-bottom:1.2rem}.hero-name{font-family:var(--font-display);font-weight:400;font-size:var(--text-hero);line-height:.88;letter-spacing:.005em;text-transform:uppercase;display:flex;flex-direction:column}.hero-line{display:block;white-space:nowrap}.hero-line-accent{-webkit-text-stroke:2px var(--color-cream);color:transparent}.hero-line .letter{display:inline-block;will-change:transform,opacity}.hero-sub{margin-top:1.4rem;font-size:clamp(1.1rem,1rem + 1vw,1.8rem);color:var(--color-teal);font-weight:500;opacity:0}.hero-role{margin-top:.7rem;color:var(--color-cream-dim);opacity:0}.hero-progress{position:absolute;right:var(--space-edge);bottom:clamp(3rem,8vh,6rem);color:var(--color-cream-dim);border:1px solid var(--color-line);padding:.5rem .9rem;font-variant-numeric:tabular-nums}.stats{padding:var(--space-section) var(--space-edge);border-top:1px solid var(--color-line)}.stats-eyebrow{color:var(--color-teal);margin-bottom:3rem}.stats-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem 2rem}.stat{display:flex;flex-direction:column;gap:.6rem;border-left:1px solid var(--color-line);padding-left:1.4rem}.stat-num{font-size:var(--text-stat);color:var(--color-cream);font-variant-numeric:tabular-nums}.stat-num .suffix{color:var(--color-teal)}.stat-label{color:var(--color-cream-dim)}.marquee{overflow:hidden;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);padding:1.1rem 0;background:var(--color-carbon)}.marquee-track{display:inline-flex;gap:2.5rem;white-space:nowrap;font-family:var(--font-display);font-size:clamp(1.2rem,1rem + 1.4vw,2.2rem);text-transform:uppercase;color:var(--color-cream-dim);will-change:transform}.marquee-track span:nth-child(2n){color:var(--color-teal)}.scene-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#08090bd1 25%,#08090b40 65%);pointer-events:none}.scene-shade-deep{background:radial-gradient(ellipse 100% 80% at 50% 50%,#08090b59,#08090be0)}.pillars-pin{position:relative;height:100vh;overflow:hidden}.pillar{position:absolute;left:var(--space-edge);bottom:clamp(3rem,10vh,7rem);max-width:min(85vw,60rem);opacity:0;visibility:hidden}.pillar-index{color:var(--color-teal);display:block;margin-bottom:.8rem}.pillar-title{font-size:var(--text-huge);color:var(--color-cream)}.pillar-text{margin-top:1rem;font-size:clamp(1rem,.9rem + .8vw,1.5rem);color:var(--color-cream-dim);max-width:34ch}.arc{padding:var(--space-section) var(--space-edge);border-top:1px solid var(--color-line)}.arc-eyebrow{color:var(--color-teal);margin-bottom:1.2rem}.arc-title{font-size:var(--text-huge);margin-bottom:clamp(2.5rem,2rem + 3vw,5rem)}.arc-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.5rem 2rem}.arc-era{border-left:1px solid var(--color-line);padding-left:1.4rem;display:flex;flex-direction:column;gap:.6rem}.arc-era-now{border-left-color:var(--color-teal)}.arc-index{color:var(--color-cream-dim)}.arc-era-now .arc-index{color:var(--color-teal)}.arc-name{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem)}.arc-org{color:var(--color-teal)}.arc-text{color:var(--color-cream-dim);font-size:clamp(.9rem,.85rem + .3vw,1.05rem);max-width:30ch}.voices{padding:var(--space-section) var(--space-edge);border-top:1px solid var(--color-line)}.voices-eyebrow{color:var(--color-teal);margin-bottom:3rem}.voices-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem 3.5rem;max-width:68rem}@media(max-width:820px){.voices-grid{grid-template-columns:1fr}}.voice{border-left:2px solid var(--color-teal);padding-left:1.6rem}.voice-quote{font-size:clamp(1.05rem,.95rem + .7vw,1.45rem);font-weight:500;line-height:1.4}.voice-name{margin-top:1.2rem;color:var(--color-cream-dim)}.voices-more{display:inline-block;margin-top:3rem;color:var(--color-teal);border-bottom:1px solid var(--color-teal-dim);padding-bottom:.3rem;transition:border-color var(--duration-fast)}.voices-more:hover{border-bottom-color:var(--color-teal)}.signals{list-style:none;display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin-top:clamp(3rem,2.5rem + 2vw,5rem);padding-top:2rem;border-top:1px solid var(--color-line)}.signal{color:var(--color-cream-dim)}.signal a{color:var(--color-cream-dim);transition:color var(--duration-fast)}.signal a:hover{color:var(--color-teal)}.work-pin{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center}.work-content{position:relative;z-index:2;padding:0 var(--space-edge);width:100%}.work-eyebrow{color:var(--color-teal);margin-bottom:1rem}.work-title{font-size:clamp(2.2rem,1rem + 6vw,6.5rem);margin-bottom:clamp(1.2rem,1rem + 1.5vw,2.2rem)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.8rem,.6rem + .8vw,1.4rem);max-width:58rem}.work-card{display:block;border:1px solid var(--color-line);background:#08090b8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:clamp(1.1rem,.8rem + 1.2vw,1.8rem);transition:border-color var(--duration-normal) var(--ease-out-expo),transform var(--duration-normal) var(--ease-out-expo),background var(--duration-normal) var(--ease-out-expo)}.work-card-featured{grid-column:1 / -1;padding:clamp(1.4rem,1rem + 2vw,2.4rem)}.work-card:hover{border-color:var(--color-teal);background:#111318bf;transform:translateY(-4px)}.work-card-head{display:flex;justify-content:space-between;margin-bottom:clamp(.8rem,.6rem + .8vw,1.4rem)}.work-card-status{color:var(--color-teal);display:inline-flex;align-items:center;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--color-teal);box-shadow:0 0 10px var(--color-teal);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.dot-past{background:var(--color-cream-dim);box-shadow:none;animation:none}.work-card-status:has(.dot-past){color:var(--color-cream-dim)}.work-card-arrow{color:var(--color-cream-dim);transition:color var(--duration-fast)}.work-card:hover .work-card-arrow{color:var(--color-teal)}.work-card-name{font-family:var(--font-display);font-size:clamp(1.3rem,1rem + 1.2vw,2rem);text-transform:uppercase;line-height:1;display:block}.work-card-featured .work-card-name{font-size:clamp(2rem,1.4rem + 2.8vw,3.8rem)}.work-card-desc{margin:.9rem 0 1.2rem;color:var(--color-cream-dim);max-width:42ch;font-size:clamp(.85rem,.8rem + .3vw,1rem)}.work-card-products{display:block;color:var(--color-cream-dim);margin-bottom:.8rem}.work-card-url{color:var(--color-teal)}.closer-pin{position:relative;height:100vh;overflow:hidden;display:grid;place-items:center}.closer-content{position:relative;z-index:2;text-align:center;padding:0 var(--space-edge)}.closer-title{font-size:var(--text-hero);display:flex;flex-direction:column;line-height:.88}.closer-line .letter{display:inline-block;will-change:transform,opacity}.closer-line-accent{color:var(--color-teal)}.closer-sub{margin-top:1.6rem;color:var(--color-cream-dim);font-size:clamp(1rem,.9rem + .8vw,1.5rem)}.closer-cta{display:inline-block;margin-top:2.4rem;padding:1rem 2.2rem;border:1px solid var(--color-teal);color:var(--color-teal);transition:background var(--duration-normal) var(--ease-out-expo),color var(--duration-normal) var(--ease-out-expo)}.closer-cta:hover{background:var(--color-teal);color:var(--color-ink)}.closer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 2.5rem;margin-top:2rem}.closer-link{color:var(--color-cream-dim);transition:color var(--duration-fast)}.closer-link:hover{color:var(--color-teal)}@media(max-height:820px){.work-card:not(.work-card-featured) .work-card-desc,.work-card-products{display:none}.work-title{margin-bottom:1rem}}@media(max-width:700px){.work-grid{grid-template-columns:1fr}.work-card-desc{display:none}.work-card-featured .work-card-desc{display:block}}@media(max-width:480px){.hero-progress{display:none}.stat{padding-left:1rem}}
