:root{--bg:#0b0d0c;--ink:#f0f2ed;--muted:#a5aea6;--lime:#c8ff38;--line:#282d27;--mono:"Space Mono",monospace;--pad:clamp(22px,5vw,82px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Space Grotesk",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip{position:fixed;top:10px;left:10px;z-index:20;background:var(--lime);color:var(--bg);padding:12px;transform:translateY(-200%)}.skip:focus{transform:none}.shell{width:min(100%,1700px);margin:auto;padding-inline:var(--pad)}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.08em}.progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--lime);z-index:10}.header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;line-height:.92;font-weight:700;letter-spacing:-.06em}.brand-sub{display:block;font-size:12px;letter-spacing:.12em;margin-top:5px}.mark{width:35px;height:35px;display:grid;place-items:center;background:var(--lime);color:var(--bg);font-size:26px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.brand:hover .mark{transform:rotate(90deg)}nav{display:flex;gap:clamp(20px,3vw,52px);color:var(--muted);font-size:14px}nav a:hover,.footer>a:hover{color:var(--lime)}.top-cta{border:1px solid #454e41;padding:12px 16px;font-size:13px;transition:background .25s,color .25s}.top-cta span{color:var(--lime);margin-left:12px}.top-cta:hover{background:var(--lime);color:var(--bg)}.top-cta:hover span{color:inherit}.nav-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:clamp(660px,calc(100svh - 150px),980px);display:flex;align-items:center;overflow:hidden}.hero-grid{position:absolute;inset:0;z-index:-2;background:linear-gradient(#b5ff3520 1px,transparent 1px),linear-gradient(90deg,#b5ff3520 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(ellipse at 72% 51%,black,transparent 70%)}.hero-copy{position:relative;pointer-events:none;padding:50px 0 83px}.hero-copy a{pointer-events:auto}.eyebrow{color:var(--lime);display:flex;gap:12px;align-items:center;margin:0 0 25px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2.8s infinite}.hero h1{margin:0;font-size:clamp(76px,10.5vw,170px);font-weight:700;letter-spacing:-.095em;line-height:.81}.hero h1>span{display:block;overflow:hidden;padding:0 .12em .12em 0;margin-bottom:-.08em}.hero h1 b{display:block;animation:rise .95s cubic-bezier(.18,.72,.2,1) backwards}.hero h1>span:nth-child(2) b{animation-delay:.12s}.hero h1>span:nth-child(3) b{animation-delay:.24s}.lime{color:var(--lime)}.dot{font-size:.8em}.intro{color:#c1c8bd;max-width:305px;font-size:clamp(16px,1.5vw,21px);margin:28px 0 24px;animation:fade 1s .4s both}.pill{display:inline-flex;gap:28px;align-items:center;background:var(--lime);border-radius:99px;padding:14px 19px;color:var(--bg);font-weight:700;font-size:14px;transition:box-shadow .25s,transform .3s}.pill:hover{box-shadow:0 0 32px #c8ff3855}.pill span{font-size:18px}.hero-art{position:absolute;inset:2% 1% 3% 36%;z-index:-1;background:radial-gradient(ellipse at 52% 46%,#24330e 0%,#18240c77 34%,transparent 67%);animation:fade 1.4s both}.hero-art canvas{width:100%;height:100%;display:block}.reticle{position:absolute;inset:12% 8%;pointer-events:none;border:1px solid #aaff261a;border-radius:50%;transform:rotate(-19deg) scaleY(.78)}.art-label{position:absolute;right:var(--pad);bottom:9%;display:grid;gap:6px;text-align:right;color:var(--muted)}.art-label span:first-child{color:var(--lime)}.scroll-link{position:absolute;bottom:22px;color:var(--muted)}.scroll-link span{display:inline-block;margin-right:8px;color:var(--lime);animation:bob 2s infinite}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--lime);color:var(--bg)}.ticker-track{width:max-content;display:flex;animation:ticker 24s linear infinite}.ticker-track div{display:flex;align-items:center;gap:27px;padding:13px 27px 13px 0;font-size:18px;font-weight:700;letter-spacing:.02em}.ticker b{font-size:20px}
.section{padding-block:clamp(76px,10vw,155px);scroll-margin-top:20px}.index{color:var(--muted);margin:0 0 25px}.index span{color:var(--lime);margin-right:8px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section h2,.contact h2{font-size:clamp(54px,8.3vw,135px);line-height:.9;letter-spacing:-.09em;margin:0}.section h2 em{font-style:normal;color:var(--lime)}.section-head>p{max-width:280px;color:var(--muted);margin:0 0 4px;line-height:1.55}.projects{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project{color:inherit;background:none;border:0;padding:0;text-align:left;min-width:0}.poster{aspect-ratio:1.28;display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate}.forma{background:#dddcd3;color:#181916}.after{background:#171120;color:#ffe0c7}.poster-meta,.poster-bottom{position:absolute;left:5%;font-size:clamp(8px,1vw,11px);z-index:1}.poster-meta{top:6%}.poster-bottom{bottom:6%}.poster-title{font-size:clamp(32px,7vw,108px);letter-spacing:-.11em;font-weight:700;line-height:.8;transition:transform .55s cubic-bezier(.2,.8,.2,1);z-index:1}.forma .poster-title span{color:#df3a2a}.after .poster-title span{display:block;color:#ffae78}.project:hover .poster-title,.project:focus-visible .poster-title{transform:scale(1.09) rotate(-3deg)}.rings{position:absolute;width:69%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 7px,#36383252 8px 9px);transform:rotate(-35deg) scaleY(.64);transition:transform 1s}.project:hover .rings{transform:rotate(40deg) scaleY(.94)}.sun{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 5px,#171120 6px 7px),radial-gradient(circle at 40% 25%,#ffc282,#c24b69 46%,#3b1c58 72%);transform:translate(20%,16%);transition:transform .8s}.project:hover .sun{transform:translate(12%,6%) scale(1.13)}.project-info{display:flex;align-items:center;justify-content:space-between;padding:16px 2px;border-bottom:1px solid var(--line)}.project-info strong,.project-info small{display:block}.project-info strong{font-size:23px}.project-info small{margin-top:4px;color:var(--muted)}.arrow{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .3s,transform .3s,color .3s}.project:hover .arrow{background:var(--lime);color:var(--bg);transform:rotate(14deg)}
.services{background:#101410;border-block:1px solid var(--line)}details{border-top:1px solid #383e35}details:last-child{border-bottom:1px solid #383e35}summary{display:grid;grid-template-columns:60px 1fr 32px;align-items:center;gap:10px;list-style:none;padding:25px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{color:var(--lime)}summary strong{font-size:clamp(23px,4.3vw,62px);letter-spacing:-.055em}summary i{width:22px;height:22px;position:relative}summary i:before,summary i:after{content:"";position:absolute;top:10px;left:0;width:22px;height:2px;background:var(--lime);transition:transform .25s}summary i:after{transform:rotate(90deg)}details[open] i:after{transform:rotate(0)}details p{max-width:560px;color:var(--muted);margin:0 15px 25px 70px;line-height:1.65;animation:fade .4s both}summary:hover strong{color:var(--lime)}

.contact{color:#101309;background:var(--lime);overflow:hidden}.contact-inner{padding-block:clamp(70px,9vw,130px);position:relative;isolation:isolate}.contact-inner:after{content:"↗";font-size:clamp(270px,58vw,850px);position:absolute;right:-5%;bottom:-34%;line-height:1;color:#11190912;z-index:-1}.contact .index,.contact .index span{color:#36431a}.contact h2 em{font-style:normal;color:#354a05}.contact p{margin-top:22px}.brief{max-width:610px;margin-top:25px}.brief label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.brief>div{display:flex;gap:8px}.brief input,.brief textarea{width:100%;min-width:0;background:#e6ff9a;color:#0b0d0c;border:1px solid #354a05;padding:13px}.brief button{flex:none;border:1px solid var(--bg);background:var(--bg);color:var(--lime);padding:11px 15px}.brief button:hover{background:#343d1b}.brief #brief-status{min-height:1.2em;margin:10px 0;font-size:14px}.footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer>.mono{color:var(--muted)}
dialog{width:min(calc(100% - 36px),640px);border:1px solid #48533a;background:#131810;color:var(--ink);padding:0}dialog::backdrop{background:#060806c9;backdrop-filter:blur(8px)}dialog[open]{animation:fade .3s both}.dialog-body{padding:clamp(28px,5vw,60px)}.dialog-body h2{font-size:clamp(45px,8vw,90px);letter-spacing:-.08em;margin:0;color:var(--lime)}.dialog-body p:last-child{font-size:18px;color:var(--muted);line-height:1.6}.close{position:absolute;top:12px;right:15px;background:none;border:0;color:var(--ink);font-size:28px}
.motion .reveal{opacity:0;transform:translateY(26px);transition:opacity .75s,transform .75s cubic-bezier(.2,.8,.2,1)}.motion .reveal.seen,.motion .reveal:focus-within{opacity:1;transform:none}.projects>:nth-child(2){transition-delay:.09s}
@keyframes rise{from{transform:translateY(115%) skewY(5deg)}}@keyframes fade{from{opacity:0;translate:0 8px}}@keyframes pulse{65%{box-shadow:0 0 0 9px #c8ff3800}0%{box-shadow:0 0 0 0 #c8ff3899}}@keyframes bob{50%{transform:translateY(4px)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:760px){.header{height:68px}.nav-toggle{display:block;background:transparent;border:1px solid var(--line);color:var(--ink);padding:8px 11px}.nav-toggle span{color:var(--lime)}nav{display:none;position:absolute;top:67px;inset-inline:0;background:#111610;padding:24px var(--pad);border-bottom:1px solid var(--line)}nav.open{display:flex}.top-cta{display:none}.hero{min-height:750px;align-items:flex-start}.hero-copy{padding-top:50px}.hero h1{font-size:clamp(64px,13vw,104px)}.hero-art{inset:38% -18% 5% -6%}.art-label{right:19%;bottom:5%}.reticle{inset:12% 18%}.section-head{align-items:start;flex-direction:column;gap:15px}.projects{gap:12px}.project-info strong{font-size:19px}.project-info small{font-size:11px}summary{grid-template-columns:32px 1fr 24px}details p{margin-left:42px}.footer>.mono:nth-child(2){display:none}}
@media(max-width:490px){.hero{min-height:700px}.projects{grid-template-columns:1fr;gap:22px}.poster-title{font-size:15vw}.brief>div{flex-direction:column;align-items:stretch}.brief button{align-self:start}.ticker-track div{font-size:15px}.hero-art{inset:43% -20% 6% -10%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion .reveal{opacity:1;transform:none}}

.mobile-contact{display:none}@media(max-width:760px){.mobile-contact{display:inline}nav{flex-wrap:wrap}}

.studio{background:#111610;border-top:1px solid var(--line)}.studio-grid,.faq-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,7vw,110px);align-items:start}.studio h2,.faq h2{font-size:clamp(54px,7.1vw,112px)}.studio-copy{max-width:470px;color:var(--muted);font-size:clamp(17px,1.6vw,23px);line-height:1.55}.studio-copy p:first-child{margin-top:0}.studio-copy a{display:inline-flex;gap:14px;align-items:center;color:var(--lime);font-size:15px;font-weight:700;border-bottom:1px solid #51672a;padding:0 0 8px}.studio-copy a span{transition:transform .25s}.studio-copy a:hover span{transform:translate(3px,3px)}.service-list .deliverables{color:var(--lime);font-size:11px;letter-spacing:.05em}
.story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(25px,6vw,100px)}.story-stage{display:none}.story-steps{list-style:none;padding:0;margin:0;min-width:0}.story-steps li{padding:30px 0;border-top:1px solid var(--line)}.story-steps li>.mono{color:var(--lime)}.story-steps h3{margin:12px 0;font-size:clamp(30px,4.4vw,68px);line-height:.95;letter-spacing:-.065em}.story-steps p{max-width:460px;color:var(--muted);line-height:1.55}.story-steps .handoff{font-size:14px;margin-bottom:0}.handoff b{color:var(--ink);margin-right:4px}
.story[data-enhanced]{--phase-progress:0;--stage-height:clamp(340px,62svh,560px)}.story[data-enhanced] .story-stage{position:sticky;top:clamp(18px,12svh,110px);align-self:start;display:grid;grid-template-rows:auto 1fr auto;min-width:0;height:var(--stage-height);padding:clamp(15px,2.3vw,32px);border:1px solid #3b4833;background:#101510;overflow:hidden;isolation:isolate}.story[data-enhanced] .story-steps li{min-height:clamp(300px,60svh,580px);display:flex;flex-direction:column;justify-content:center}.stage-meta,.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--lime);z-index:1}.stage-art{position:relative;display:grid;place-items:center;min-height:0}.stage-orbit{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 12px,#86b84744 13px 14px);mask-image:radial-gradient(circle,black 30%,transparent 71%);transform:rotate(calc(var(--phase-progress) * 85deg)) scaleY(.66);transition:background .5s}.stage-window{position:relative;width:min(86%,430px);aspect-ratio:1.57;border:1px dashed #77816d;background:#161e14;box-shadow:0 20px 80px #0006;transform:perspective(750px) rotateY(calc(-12deg + var(--phase-progress) * 20deg)) rotateZ(calc(-5deg + var(--phase-progress) * 8deg));transition:border-color .45s,background .45s,box-shadow .45s;overflow:hidden}.window-chrome{display:flex;gap:4px;align-items:center;height:13%;padding-inline:5%;border-bottom:1px solid #66745f88}.window-chrome i{width:4px;height:4px;background:#a5aea6;border-radius:50%}.window-content{height:87%;padding:6%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:9%;color:#84917f;transition:color .45s}.stage-code{font-size:clamp(7px,1vw,11px)}.window-content b{font-size:clamp(22px,4vw,61px);line-height:.82;letter-spacing:-.09em}.window-content b span{color:var(--lime)}.window-lines{display:grid;gap:4px;width:34%;transition:opacity .45s}.window-lines i{height:2px;background:currentColor;opacity:.55}.window-lines i:nth-child(2){width:78%}.window-lines i:nth-child(3){width:54%}.window-arrow{position:absolute;right:7%;bottom:10%;font-size:clamp(36px,7vw,105px);line-height:1;color:var(--lime);opacity:.15;transform:translate(-14px,14px);transition:transform .55s,opacity .55s}.story[data-phase="1"] .stage-window,.story[data-phase="2"] .stage-window{border-style:solid;border-color:#97ae76;background:#28391b}.story[data-phase="1"] .window-content,.story[data-phase="2"] .window-content{color:#f0f2ed}.story[data-phase="1"] .window-arrow{opacity:.55;transform:translate(-7px,7px)}.story[data-phase="2"] .stage-window{background:radial-gradient(ellipse at 90% 100%,#547513,#172411 65%);box-shadow:0 0 60px #aaff262d}.story[data-phase="2"] .window-arrow{opacity:1;transform:none}.stage-meter{width:min(32%,155px);height:2px;background:#506142}.stage-meter:before{content:"";display:block;height:100%;background:var(--lime);transform:scaleX(var(--phase-progress));transform-origin:left}
.faq{background:#101410;border-top:1px solid var(--line)}.faq-layout{grid-template-columns:.75fr 1.25fr}.faq-list summary{grid-template-columns:1fr 24px;gap:16px;padding:19px 0}.faq-list summary strong{font-size:clamp(18px,2.1vw,30px);letter-spacing:-.04em}.faq-list details p{margin:0 26px 20px 0}
@media(max-width:760px){.studio-grid,.faq-layout,.story{grid-template-columns:1fr;gap:26px}.story[data-enhanced]{--stage-height:clamp(140px,32svh,260px);gap:0}.story[data-enhanced] .story-stage{grid-column:1;grid-row:1;top:10px;z-index:2;padding:11px 14px}.story[data-enhanced] .story-steps{grid-column:1;grid-row:1;padding-top:calc(var(--stage-height) + 15px)}.story[data-enhanced] .story-steps li{min-height:clamp(260px,56svh,410px);padding:23px 0}.stage-window{width:auto;height:100%;max-width:86%}.window-content b{font-size:clamp(22px,5.7vw,42px)}.stage-orbit{width:min(65%,250px)}.stage-meta,.stage-bottom .mono{font-size:9px}}
@media(max-height:420px){.story[data-enhanced]{--stage-height:150px}.story[data-enhanced] .story-stage{top:6px}}
@media(prefers-reduced-motion:reduce){.story[data-enhanced] .story-stage{display:none}.story[data-enhanced] .story-steps{grid-column:1/-1;grid-row:auto;padding-top:0}.story[data-enhanced] .story-steps li{min-height:0}}
.vault-section{background:#0e1310;border-top:1px solid var(--line)}.vault-intro{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:clamp(18px,5vw,80px)}.vault-intro p:not(.vault-kicker){max-width:460px;color:var(--muted);line-height:1.6;margin:17px 0 24px}.vault-kicker{color:var(--lime);margin:0 0 14px}.demo-cover{aspect-ratio:1.3;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(#9b967a,#c49e68 57%,#373d35 58%,#111713);color:#fff4db;border:1px solid #62665b}.demo-cover>.mono{position:absolute;left:14px;top:14px;color:#1c251c}.demo-cover>.mono:last-child{top:auto;bottom:14px;color:#fff4db}.demo-cover strong{font-size:clamp(35px,7vw,96px);letter-spacing:-.08em;text-shadow:0 8px 28px #141a1988}@media(max-width:760px){.vault-intro{grid-template-columns:1fr}.demo-cover{aspect-ratio:1.6}.header nav.open{flex-wrap:wrap}}
.ui-icon{display:inline-block;width:1.1em;height:1.1em;flex:none;vertical-align:-.18em}.mark .ui-icon{width:23px;height:23px}.pill .ui-icon,.arrow .ui-icon{width:18px;height:18px}.scroll-link .ui-icon{vertical-align:-.2em}.ticker .ui-icon{width:17px;height:17px}.window-arrow .ui-icon{width:1em;height:1em}.close{display:grid;place-items:center;min-width:44px;min-height:44px}.close .ui-icon{width:19px;height:19px}.footer>a:last-child .ui-icon{margin-left:4px}.contact-inner:after{content:"";width:min(58vw,720px);aspect-ratio:1;bottom:-19%;right:-5%;background:#11190912;clip-path:polygon(0 88%,74% 14%,29% 14%,29% 0,100% 0,100% 71%,86% 71%,86% 26%,12% 100%)}
@media(max-width:760px){.nav-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 12px}.nav-toggle .ui-icon{color:var(--lime);width:17px;height:17px}.header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;padding-block:12px;box-shadow:0 18px 28px #0007}.header nav a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid #303a2b}.hero h1{font-size:clamp(60px,13vw,104px)}.hero-copy{padding-top:42px}.hero-art{inset:43% -14% 4% -4%}.intro{max-width:32ch}.scroll-link{bottom:16px}.demo-cover{aspect-ratio:1.48}.demo-cover>.mono{font-size:9px}}
.brief{display:grid;gap:8px}.brief label{margin:4px 0 0}.brief textarea{resize:vertical;min-height:112px}.brief input:focus-visible,.brief textarea:focus-visible{outline-color:#243405;outline-offset:2px}.brief input::placeholder,.brief textarea::placeholder{color:#465828}.brief button{display:inline-flex;align-items:center;justify-content:center;gap:10px;justify-self:start;min-height:46px}.brief button:disabled{cursor:wait;opacity:.7}.brief .brief-note{margin:0 0 5px;font-size:13px;color:#34451a}.brief #brief-status{margin:3px 0 0}.brief #brief-status[data-state="error"]{color:#751d0d}.brief #brief-status[data-state="success"]{font-weight:700}
@media(max-width:490px){.brief button{width:100%}.brief input,.brief textarea{font-size:16px}}