:root{--ink:#08090a;--ink-2:#0e100f;--cream:#f3ecdd;--cream-dim:#f3ecdd99;--emerald:#17c789;--emerald-dim:#17c78959;--display:"Anton", "Archivo Black", sans-serif;--sans:"Archivo", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink)}html,body{margin:0;padding:0;overflow-x:hidden}html.is-loading,html.is-loading body{height:100%;overflow:hidden}body{background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}::selection{background:var(--emerald);color:var(--ink)}#loader{z-index:1000;background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s;display:flex;position:fixed;inset:0}#loader.is-hidden{opacity:0;pointer-events:none}.loader__mark{font-family:var(--display);letter-spacing:.35em;color:var(--cream-dim);text-transform:uppercase;font-size:14px}.loader__pct{font-family:var(--display);color:var(--emerald);font-variant-numeric:tabular-nums;font-size:clamp(64px,12vw,140px);line-height:1}.loader__bar{background:#f3ecdd24;width:min(280px,60vw);height:1px;overflow:hidden}.loader__bar-fill{background:var(--emerald);transform-origin:0;width:100%;height:100%;transition:transform .25s ease-out;transform:scaleX(0)}.loader__label{letter-spacing:.25em;text-transform:uppercase;color:var(--cream-dim);opacity:.6;font-size:11px}#grain{z-index:999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.nav{z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:28px clamp(20px,5vw,64px);display:flex;position:fixed;top:0;left:0;right:0}.nav__mark{font-family:var(--display);letter-spacing:.08em;font-size:16px}.nav__cta{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--cream);border-radius:999px;padding:8px 16px;font-size:13px;transition:background .3s,color .3s}.nav__cta:hover{background:var(--cream);color:var(--ink)}.hero{background:#000;width:100%;height:100vh;position:relative;overflow:hidden}#hero-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero__scrim{pointer-events:none;background:linear-gradient(#00000059 0%,#00000026 40%,#000000bf 100%);position:absolute;inset:0}.hero__content{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero__title{font-family:var(--display);color:var(--cream);text-shadow:0 4px 40px #0009;margin:0;font-weight:400;line-height:.86}.hero__title .line{display:block;overflow:hidden}.hero__title .char{will-change:transform;display:inline-block}.line--1{font-size:clamp(56px,12vw,160px)}.line--2{color:var(--emerald);font-size:clamp(56px,12vw,160px)}.hero__subtitle{letter-spacing:.3em;text-transform:uppercase;color:var(--cream-dim);opacity:0;margin-top:20px;font-size:clamp(14px,1.6vw,20px)}.hero__scroll-hint{letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dim);flex-direction:column;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.hero__scroll-hint span{background:linear-gradient(180deg, var(--emerald), transparent);width:1px;height:34px;animation:1.8s ease-in-out infinite scrollpulse}@keyframes scrollpulse{0%{transform-origin:top;opacity:0;transform:scaleY(0)}50%{transform-origin:top;opacity:1;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.stats{background:var(--ink);border-top:1px solid #f3ecdd14;border-bottom:1px solid #f3ecdd14;padding:clamp(64px,10vw,140px) clamp(20px,5vw,64px);position:relative}.stats__grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:0 auto;display:grid}.stat{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.stat__num,.stat__suffix{font-family:var(--display);color:var(--emerald);font-size:clamp(40px,6vw,96px);line-height:1}.stat__label{letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);margin-top:8px;font-size:13px}@media (width<=800px){.stats__grid{grid-template-columns:repeat(2,1fr);row-gap:48px}}.pillars,.work{background:var(--ink);align-items:stretch;min-height:100vh;display:flex;position:relative;overflow:hidden}.pillars__media,.work__media{flex-shrink:0;width:50%;height:100vh;position:sticky;top:0;overflow:hidden}.pillars__video,.work__video,.pillars__media-fallback,.work__media-fallback{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pillars__media-fallback,.work__media-fallback{z-index:0}.pillars__video,.work__video{z-index:1}.pillars__media-fallback{background:radial-gradient(circle at 30% 20%,#17c78940,#0000 60%),linear-gradient(160deg,#0e100f 0%,#060706 100%)}.work__media-fallback{background:radial-gradient(circle at 70% 70%,#17c78933,#0000 60%),linear-gradient(200deg,#0e100f 0%,#060706 100%)}.pillars__scrim,.work__scrim{z-index:2;background:linear-gradient(90deg,#0000 0%,#08090ae6 96%);position:absolute;inset:0}.work__scrim{background:linear-gradient(270deg,#0000 0%,#08090ae6 96%)}.pillars__content,.work__content{flex-direction:column;justify-content:center;width:50%;margin-left:auto;padding:clamp(48px,8vw,120px) clamp(24px,6vw,80px);display:flex}.work__content{margin-left:0;margin-right:auto}.work{flex-direction:row-reverse}.section-kicker{letter-spacing:.25em;text-transform:uppercase;color:var(--emerald);margin-bottom:32px;font-size:13px}.pillars__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pillar{opacity:.25;border-top:1px solid #f3ecdd1f;padding:28px 0;transition:opacity .4s,transform .4s;position:relative;transform:translate(-16px)}.pillar:last-child{border-bottom:1px solid #f3ecdd1f}.pillar.is-active{opacity:1;transform:translate(0)}.pillar:before{content:attr(data-index);font-family:var(--display);color:var(--emerald);letter-spacing:.1em;margin-bottom:8px;font-size:12px;display:block}.pillar h3{font-family:var(--display);margin:0 0 10px;font-size:clamp(24px,3vw,40px);font-weight:400}.pillar p{color:var(--cream-dim);max-width:40ch;margin:0;font-size:15px;line-height:1.5}.work__cards{flex-direction:column;gap:18px;display:flex}.work-card{border:1px solid #f3ecdd24;border-radius:18px;padding:28px;transition:border-color .3s,transform .3s;display:block;position:relative;overflow:hidden}.work-card:before{content:"";background:linear-gradient(120deg, var(--emerald-dim), transparent 60%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.work-card:hover{border-color:var(--emerald);transform:translateY(-4px)}.work-card:hover:before{opacity:1}.work-card__inner{justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.work-card h3{font-family:var(--display);margin:0 0 6px;font-size:clamp(22px,2.6vw,32px);font-weight:400}.work-card p{color:var(--cream-dim);max-width:34ch;margin:0;font-size:14px}.work-card__arrow{color:var(--emerald);flex-shrink:0;font-size:24px;transition:transform .3s}.work-card:hover .work-card__arrow{transform:translate(6px,-6px)}.finale{text-align:center;background:radial-gradient(circle at 50% 30%, #17c7891f, transparent 60%), var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:48px;min-height:90vh;padding:80px 24px;display:flex}.finale__title{font-family:var(--display);margin:0;font-size:clamp(56px,11vw,160px);font-weight:400;line-height:.9}.finale__actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--cream);border-radius:999px;padding:18px 36px;font-size:14px;transition:background .3s,color .3s,transform .3s}.btn--primary{background:var(--emerald);border-color:var(--emerald);color:var(--ink)}.btn--primary:hover{transform:translateY(-3px)}.btn--ghost:hover{background:var(--cream);color:var(--ink)}.footer{color:var(--cream-dim);border-top:1px solid #f3ecdd14;justify-content:space-between;align-items:center;padding:28px clamp(20px,5vw,64px) 40px;font-size:13px;display:flex}@media (width<=900px){.pillars,.work{flex-direction:column}.pillars__media,.work__media{width:100%;height:60vh;position:relative}.pillars__content,.work__content{width:100%;margin:0}.pillars__scrim,.work__scrim{background:linear-gradient(#0000 0%,#08090af2 96%)}}
