:root{--ink: #0a0a08;--ink-2: #12120f;--cream: #f4efe2;--cream-dim: rgba(244, 239, 226, .56);--cream-faint: rgba(244, 239, 226, .22);--emerald: #00e08a;--emerald-deep: #0a7a4f;--emerald-glow: rgba(0, 224, 138, .35);--display: "Anton", sans-serif;--body: "Archivo", sans-serif;--mono: "IBM Plex Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-color:var(--emerald-deep) var(--ink)}body{background:var(--ink);color:var(--cream);font-family:var(--body);font-size:16px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--emerald);color:var(--ink)}a{color:inherit}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:90;opacity:.05;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.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}to{transform:translate(2%,2%)}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim)}.hud>div{position:absolute}.hud .hud-tl{top:18px;left:22px}.hud .hud-tr{top:18px;right:22px;text-align:right}.hud .hud-bl{bottom:18px;left:22px}.hud .hud-br{bottom:18px;right:22px;text-align:right}.hud em{font-style:normal;color:var(--emerald)}.hud .hud-progress{position:absolute;top:0;left:0;height:2px;width:100%;transform-origin:left;background:var(--emerald);box-shadow:0 0 12px var(--emerald-glow)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .7s ease,visibility .7s}.loader.done{opacity:0;visibility:hidden}.loader-mark{font-family:var(--display);font-size:42px;letter-spacing:.06em;color:var(--cream)}.loader-mark span{color:var(--emerald)}.loader-pct{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--cream-dim)}.loader-bar{width:180px;height:1px;background:var(--cream-faint);overflow:hidden}.loader-bar i{display:block;height:100%;background:var(--emerald);transform-origin:left;transition:transform .2s ease}.hero-track{position:relative;height:420vh}.hero-stage{position:sticky;top:0;height:100vh;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(10,10,8,.72) 100%),linear-gradient(to bottom,rgba(10,10,8,.5),transparent 22%,transparent 72%,rgba(10,10,8,.85))}.hero-title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 4vw}.hero-title h1{font-family:var(--display);font-weight:400;font-size:clamp(64px,13.5vw,240px);line-height:.92;letter-spacing:.01em;text-transform:uppercase;color:var(--cream);text-shadow:0 4px 60px rgba(0,0,0,.6)}.hero-title h1 .word{display:block;white-space:nowrap}.hero-title h1 .ch{display:inline-block;opacity:0;transform:translateY(.55em) rotate(4deg);animation:ch-in .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes ch-in{to{opacity:1;transform:translateY(0) rotate(0)}}.hero-sub{margin-top:3vh;font-family:var(--mono);font-size:clamp(11px,1.2vw,14px);letter-spacing:.24em;text-transform:uppercase;color:var(--cream-dim);opacity:0;animation:fade-up 1s ease 1.4s forwards}.hero-sub em{font-style:normal;color:var(--emerald)}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-cue{position:absolute;bottom:42px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--cream-dim);opacity:0;animation:fade-up 1s ease 2s forwards}.hero-cue:after{content:"";width:1px;height:44px;background:linear-gradient(var(--emerald),transparent);animation:cue-drop 1.6s ease-in-out infinite}@keyframes cue-drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--emerald);display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:34px;height:1px;background:var(--emerald)}.section-title{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(38px,6vw,96px);line-height:.95;margin-top:18px}.stats{position:relative;padding:18vh 6vw;background:radial-gradient(60% 80% at 50% 0%,rgba(0,224,138,.05),transparent 70%),var(--ink);border-top:1px solid rgba(244,239,226,.08)}.stats-grid{margin-top:10vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4vw}.stat{border-left:1px solid var(--cream-faint);padding-left:1.6vw}.stat strong{display:block;font-family:var(--display);font-weight:400;font-size:clamp(56px,7.5vw,120px);line-height:1;color:var(--cream)}.stat strong i{font-style:normal;color:var(--emerald)}.stat span{display:block;margin-top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dim)}.pin-track{position:relative}.pin-track.pillars{height:380vh}.pin-track.work{height:260vh}.pin-stage{position:sticky;top:0;height:100vh;overflow:hidden}.pin-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pin-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0a0a08e0,#0a0a088c 45%,#0a0a0840),linear-gradient(to bottom,rgba(10,10,8,.6),transparent 30%,transparent 75%,rgba(10,10,8,.8))}.pin-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:0 6vw}.pillar-list{margin-top:6vh;display:flex;flex-direction:column;gap:4.5vh;max-width:720px}.pillar{display:grid;grid-template-columns:72px 1fr;gap:22px;opacity:.16;transform:translate(-14px);transition:opacity .5s ease,transform .5s ease}.pillar.active{opacity:1;transform:translate(0)}.pillar-idx{font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:var(--emerald);padding-top:10px}.pillar h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(26px,3.4vw,52px);line-height:1}.pillar p{margin-top:10px;max-width:52ch;color:var(--cream-dim);font-size:15px}.work-cards{margin-top:6vh;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6vw}.work-card{position:relative;display:block;text-decoration:none;border:1px solid rgba(244,239,226,.14);background:#0a0a089e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:28px 26px 24px;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .45s ease,background .45s ease;overflow:hidden}.work-card:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--emerald);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}.work-card:hover{transform:translateY(-10px);border-color:#00e08a80;background:#0a0a08cc}.work-card:hover:after{transform:scaleX(1)}.work-card .work-cat{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--emerald)}.work-card h3{margin-top:16px;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(20px,2vw,30px);color:var(--cream)}.work-card p{margin-top:12px;font-size:14px;color:var(--cream-dim);min-height:3em}.work-card .work-open{margin-top:22px;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream)}.work-card .work-open:after{content:"→";color:var(--emerald);transition:transform .3s ease}.work-card:hover .work-open:after{transform:translate(6px)}.finale{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:16vh 6vw 0;background:radial-gradient(70% 60% at 50% 100%,rgba(0,224,138,.08),transparent 70%),var(--ink)}.finale h2{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(44px,9vw,170px);line-height:.94;max-width:12ch}.finale h2 .line{display:block;overflow:hidden}.finale h2 .line>span{display:block;transform:translateY(110%);transition:transform 1s cubic-bezier(.16,1,.3,1)}.finale.in h2 .line>span{transform:translateY(0)}.finale h2 em{font-style:normal;color:var(--emerald)}.finale-actions{margin-top:7vh;display:flex;flex-wrap:wrap;gap:18px}.btn{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:18px 34px;border:1px solid var(--emerald);transition:background .35s ease,color .35s ease,box-shadow .35s ease}.btn-primary{background:var(--emerald);color:var(--ink)}.btn-primary:hover{background:transparent;color:var(--emerald);box-shadow:0 0 34px var(--emerald-glow)}.btn-ghost{color:var(--cream);border-color:#f4efe24d}.btn-ghost:hover{border-color:var(--emerald);color:var(--emerald)}.footer{margin-top:14vh;padding:26px 0 30px;border-top:1px solid rgba(244,239,226,.1);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.footer-social{display:flex;flex-wrap:wrap;gap:26px}.footer-social a{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--cream-dim);transition:color .3s ease}.footer-social a:hover{color:var(--emerald)}.footer-note{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint)}@media(max-width:900px){.work-cards{grid-template-columns:1fr}.pillar{grid-template-columns:44px 1fr}.hud .hud-bl,.hud .hud-tr{display:none}}@media(prefers-reduced-motion:reduce){.grain{animation:none}.hero-title h1 .ch{animation-duration:.01s}.hero-sub,.hero-cue{animation-delay:0s}}