:root{color-scheme:dark;--bg:#0a0c0b;--panel:#121713;--text:#eff2eb;--muted:#a0aaa2;--accent:#3cff91;--line:#e3eed51c;--progress:0;--header:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--text);font:16px 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;width:100%;height:auto}p{line-height:1.7}h1,h2,h3,p{margin:0}em{font-family:Georgia,'Times New Roman',serif;color:var(--accent);font-style:italic;font-weight:400;letter-spacing:-.065em}h2{font-size:clamp(38px,4.3vw,64px);font-weight:400;letter-spacing:-.055em;line-height:1.12}.wrap{width:min(1344px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:var(--bg);padding:15px}.skip:focus{top:15px}.variant-bar{border-bottom:1px solid var(--line);font:9px/1.5 monospace;letter-spacing:.07em;color:var(--muted)}.variant-bar>.wrap{display:flex;align-items:center;justify-content:space-between;padding-block:13px;gap:20px}.variant-bar strong{font-weight:400;color:var(--accent)}.header{position:sticky;top:0;z-index:50;background:#0a0c0bf2;backdrop-filter:blur(14px)}.header-inner{height:var(--header);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:650;letter-spacing:-.9px;white-space:nowrap}.brand svg{width:27px;height:32px;stroke:var(--accent);stroke-width:2;fill:#3cff9112}.brand b{font-weight:400;font-size:14px;letter-spacing:-.4px}.brand i{font-style:normal;color:var(--accent);padding-left:2px}.header nav{display:flex;gap:28px;font-size:12px;color:var(--muted)}.header nav a:hover,footer a:hover{color:var(--accent)}.header-actions{display:flex;gap:12px;align-items:center}#motion-toggle{border:1px solid var(--line);background:none;min-width:38px;height:38px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:18px 22px;font-size:13px;font-weight:600;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:#0a2214;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}.button.outline{border:1px solid #536049}.button.small{font-size:11px;padding:12px 15px;gap:22px}.button.outline span{color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.15em;font-weight:500;color:var(--muted);line-height:1.6}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #3cff9140;display:inline-block;flex:none}.micro{font-size:10px;color:#859187;margin-top:20px}
.hero-chapter{position:relative}.motion-ready .hero-chapter{height:145svh;min-height:1000px}.hero-sticky{position:relative;overflow:hidden;height:calc(100svh - var(--header));min-height:650px;max-height:1050px}.motion-ready .hero-sticky{position:sticky;top:var(--header)}.hero-wrap{height:100%;display:flex;align-items:center;position:relative}.hero-words{width:50%;position:relative;z-index:2;padding-bottom:75px;pointer-events:none}.hero-words a{pointer-events:auto}.hero-words .eyebrow{margin-bottom:32px}h1{font-size:clamp(76px,7.9vw,120px);font-weight:500;line-height:1.01;letter-spacing:-.075em;margin-bottom:30px}.hero-description{font-size:16px;color:var(--muted);max-width:350px;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:25px}.quiet-link{font-size:11px;display:flex;align-items:center;gap:12px}.quiet-link span{color:var(--accent);font-size:20px}.dimension-scene{position:absolute;left:35%;right:-7%;top:50%;transform:translateY(-53%);z-index:1;pointer-events:none}.dimension-svg{width:100%;height:auto;max-height:84vh;overflow:visible;display:block}.scene-caption{position:absolute;right:15%;bottom:9%;display:flex;align-items:center;gap:20px;font:8px monospace;color:#84917f;letter-spacing:1.5px}.scene-caption>span:first-child{font-size:20px;color:var(--accent);letter-spacing:-1px}.hero-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;font:8px/1.4 monospace;letter-spacing:1.3px;color:#8e998c;z-index:3;border-top:1px solid var(--line);padding-top:22px}.hero-bottom a{display:flex;gap:16px;align-items:center;color:var(--text)}.hero-bottom a span{color:var(--accent);font:22px Arial}.progress{width:90px;height:2px;background:#263122}.progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--progress));transform-origin:left}.ticker{height:85px;overflow:hidden;display:flex;align-items:center;margin:0 0 60px}.ticker-line{transform:rotate(-2deg);width:120%;margin-left:-10%;background:var(--accent);color:#0a2214;display:flex;overflow:hidden;padding:16px 0;font:12px monospace;letter-spacing:4px;white-space:nowrap}.ticker-line span{flex:none;min-width:100%;text-align:center;animation:ticker 38s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}
.chapter-label{display:flex;justify-content:space-between;gap:25px;padding:20px 0;border-top:1px solid var(--line);font:9px/1.6 monospace;letter-spacing:1.2px;color:var(--muted)}.chapter-label>span:first-child{color:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;padding:30px 0 46px}.section-heading>p{color:var(--muted);font-size:14px;max-width:340px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.project{min-width:0;display:block;border-bottom:1px solid var(--line);padding-bottom:18px}.project-image{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--panel)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.project-arrow{position:absolute;right:10px;top:10px;width:28px;height:28px;display:grid;place-items:center;background:#0a0c0bd9;color:var(--accent);border:1px solid #3cff9155;transition:background .2s,color .2s}.project:hover .project-arrow{background:var(--accent);color:var(--bg)}.project-category{display:block;color:var(--muted);font:8px/1.5 monospace;margin-top:15px}.project h3{font-size:18px;font-weight:450;letter-spacing:-.03em;margin-top:7px}.work-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:25px;color:var(--muted);font-size:11px}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:13px;padding:8px 0;border-bottom:1px solid #3cff9140;color:var(--accent)}.approach{padding-top:120px}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:6px}.process-grid article{padding-inline:32px;border-right:1px solid var(--line)}.process-grid article:first-child{padding-left:0}.process-grid article:last-child{border:0;padding-right:0}.number{font:10px monospace;color:var(--accent);letter-spacing:.08em}.process-grid h3{font-size:24px;font-weight:400;line-height:1.25;letter-spacing:-.035em;margin:20px 0 15px}.process-grid p{font-size:13px;color:var(--muted)}.process-art{height:155px;margin-top:20px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--accent)}.process-art svg{width:100%;height:100%;opacity:.7}.art-layers span{position:absolute;width:120px;height:70px;border:1px solid #3cff9170;transform:rotate(-28deg) skewX(25deg);background:#18271e}.art-layers span:nth-child(1){margin-top:45px;background:#101a14}.art-layers span:nth-child(2){margin-top:0;background:#20372a}.art-layers span:nth-child(3){margin-top:-45px;background:#8ebaa140;animation:layer-float 11s ease-in-out infinite}.render-frame{width:190px;height:105px;border:1px solid #49604c;position:relative;display:grid;place-items:center;font:9px monospace;letter-spacing:2px;background:linear-gradient(90deg,#3cff9112 50%,transparent 50%)}.render-frame i{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--accent);box-shadow:0 0 15px #3cff9160;animation:scan 12s ease-in-out infinite}.render-frame span{z-index:1;background:var(--bg);padding:8px}@keyframes layer-float{50%{translate:0 -5px}}@keyframes scan{50%{translate:35px 0}}
.services{background:#131c16;clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);margin-top:120px;padding:115px 0}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.services-copy .eyebrow{margin-bottom:26px;color:var(--accent)}.services-copy h2{font-size:clamp(42px,4.6vw,68px)}.services-copy>p:not(.eyebrow){max-width:380px;color:var(--muted);font-size:15px;margin:25px 0}.service-list>a{display:grid;grid-template-columns:25px 1fr 15px;gap:20px;border-bottom:1px solid var(--line);padding:24px 0}.service-list>a:last-child{border:0}.service-list h3{font-size:21px;font-weight:400;letter-spacing:-.04em;margin-bottom:7px}.service-list p{font-size:12px;color:var(--muted)}.service-list>a>span{color:var(--accent);font:11px monospace;padding-top:7px}.service-list>a:hover h3{color:var(--accent)}.studio{padding-top:90px}.studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:40px 0}.studio-copy>.eyebrow{margin-bottom:24px}.studio-copy h2{font-size:clamp(40px,4vw,60px);margin-bottom:28px}.studio-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:490px;margin-bottom:18px}.studio-art{border:1px solid var(--line);position:relative;background:radial-gradient(ellipse at center,#3cff910a,transparent 70%);min-width:0}#studio-lottie{width:100%;aspect-ratio:1.2;overflow:hidden}#studio-lottie>svg{height:100%;width:100%;display:block}.art-label{display:flex;justify-content:space-between;gap:15px;padding:17px;font:8px monospace;color:var(--muted);border-top:1px solid var(--line)}.ai-note{border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:23px 0;font-size:12px;color:var(--muted)}.ai-note strong{color:var(--text);font-weight:500;margin-right:12px}.contact{text-align:center;margin-top:100px;padding:90px 0 100px;border-block:1px solid var(--line);border-bottom-color:var(--accent)}.contact>.eyebrow{justify-content:center;margin-bottom:30px}.contact h2{font-size:clamp(50px,6vw,90px);line-height:1.08}.contact>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:28px 0}.contact>.button{margin-top:4px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:34px;color:var(--muted);font-size:10px}.footer-brand{font-size:17px;font-weight:650;letter-spacing:-.5px;color:var(--text)}.footer-brand span{color:var(--accent)}
.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.motion-ready .reveal.visible{opacity:1;transform:none}.paused *{animation-play-state:paused!important}.paused .reveal{opacity:1;transform:none;transition:none}
@media(min-width:1600px){h1{font-size:128px}.hero-words{padding-bottom:105px}.dimension-scene{left:37%;right:-5%}.hero-description{font-size:17px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px}.brand b{display:block;font-size:10px;letter-spacing:1px}.brand i{display:none}.hero-words{width:55%}.hero-actions{gap:18px;flex-wrap:wrap}.dimension-scene{left:38%;right:-17%}.scene-caption{right:18%;font-size:7px}.services-grid{gap:45px}.studio-grid{gap:40px}.project h3{font-size:16px}.process-grid article{padding-inline:24px}}
@media(max-width:760px){:root{--header:74px}.wrap{width:calc(100% - 40px)}.variant-bar{font-size:8px}.variant-bar>.wrap>span{display:none}.header-inner{gap:15px}.header nav{display:none}.brand{font-size:20px;gap:9px}.brand svg{width:23px;height:28px}.header-actions{gap:8px}.button.small{font-size:10px;gap:14px;padding:11px 12px}#motion-toggle{height:36px;min-width:34px}.motion-ready .hero-chapter{height:auto;min-height:0}.hero-sticky,.motion-ready .hero-sticky{position:relative;top:0;height:auto;min-height:0;max-height:none}.hero-wrap{display:block;padding-top:45px;padding-bottom:85px}.hero-words{width:100%;padding:0}.hero-words .eyebrow{font-size:8px;margin-bottom:26px}h1{font-size:clamp(62px,12.8vw,94px);line-height:1.04;margin-bottom:26px}.hero-description{font-size:14px}.hero-actions{gap:20px}.button{font-size:12px;padding:16px 19px;gap:24px}.quiet-link{font-size:10px;gap:9px}.micro{font-size:9px;margin-top:17px}.dimension-scene{position:relative;left:auto;right:auto;top:auto;transform:none;width:112%;margin:-15px -6% -30px}.dimension-svg{max-height:none}.scene-caption{font-size:7px;right:12%;bottom:7%;gap:15px}.scene-caption>span:first-child{font-size:17px}.hero-bottom{bottom:23px;padding-top:18px;font-size:7px;letter-spacing:.6px}.hero-bottom>span{display:none}.hero-bottom a{gap:10px}.progress{width:60px}.ticker{height:70px;margin:0 0 30px}.ticker-line{font-size:10px;letter-spacing:2px;padding:13px 0}.chapter-label{font-size:8px;letter-spacing:.6px}.chapter-label>span:last-child{max-width:125px;text-align:right}.section-heading{display:block;padding:25px 0 30px}.section-heading h2{font-size:clamp(36px,8.5vw,53px)}.section-heading>p{font-size:13px;margin-top:22px;max-width:350px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.project:nth-child(n+5){display:none}.project h3{font-size:17px}.project-category{font-size:8px}.work-bottom{font-size:10px;gap:20px}.work-bottom .text-link{font-size:11px;gap:14px}.approach{padding-top:70px}.process-grid{grid-template-columns:1fr;gap:30px}.process-grid article,.process-grid article:first-child,.process-grid article:last-child{padding:0 0 27px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.process-art{grid-column:2;grid-row:1/3;height:130px;margin:0}.process-grid h3{font-size:22px;grid-column:1;margin-top:18px}.process-grid p{grid-column:1/-1}.number{font-size:9px;align-self:center}.art-layers span{width:90px;height:55px}.render-frame{width:130px;height:85px;font-size:7px}.render-frame span{padding:6px;letter-spacing:.6px}.services{margin-top:55px;padding:75px 0;clip-path:polygon(0 2%,100% 0,100% 98%,0 100%)}.services-grid{grid-template-columns:1fr;gap:35px}.services-copy h2{font-size:44px}.services-copy>p:not(.eyebrow){font-size:14px}.service-list>a{padding:20px 0;gap:15px}.service-list h3{font-size:21px}.studio{padding-top:55px}.studio-grid{grid-template-columns:1fr;gap:35px;padding:25px 0}.studio-copy h2{font-size:40px}.studio-copy>.eyebrow{font-size:9px}.studio-copy>p:not(.eyebrow){font-size:13px}.studio-art{max-width:460px;width:100%;margin-inline:auto}.ai-note{align-items:start;font-size:11px}.ai-note .live-dot{margin-top:8px}.ai-note strong{display:block}.contact{margin-top:55px;padding:65px 0}.contact>.eyebrow{font-size:8px}.contact h2{font-size:clamp(37px,10.5vw,65px)}.contact>p:not(.eyebrow){font-size:12px;max-width:290px;margin:24px auto}.contact .button{font-size:13px}footer{flex-wrap:wrap;gap:20px;font-size:9px}.footer-brand{font-size:16px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.button.small{gap:8px;padding:10px}.brand{font-size:18px}.hero-actions{gap:13px}.button{padding:15px}.services-copy h2{font-size:38px}.studio-copy h2{font-size:36px}.project h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .hero-chapter{height:auto;min-height:0}.motion-ready .hero-sticky{position:relative;top:0}.motion-ready .reveal{opacity:1;transform:none}}