@font-face{font-family:JetBrains Mono;src:url('../fonts/JetBrainsMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:JetBrains Mono;src:url('../fonts/JetBrainsMono-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--bg:#0b0b0b;--panel:#141414;--panel2:#202020;--ink:#f2f2f2;--ink2:#b8b8b8;--ink3:#999;--chart-ink:#ddd;--line:#292929;--line2:#454545;--accent:#f2f2f2;--accent-ink:#0b0b0b;--term:'JetBrains Mono',monospace;--container:1320px;--gutter:clamp(1.25rem,4.5vw,5rem);--glass-border:#333;--glass-shadow:none;--nav-h:96px}
html{scrollbar-color:#777 #0b0b0b}body{font-size:14px}body::before,.glow,.orbits,.about-bg,.about-glow{display:none}main{position:relative}button,input,textarea{font:inherit}svg text{font-family:var(--term)}
.skip-link{position:fixed;left:20px;top:-80px;z-index:2000;background:var(--ink);color:var(--bg);padding:12px}.skip-link:focus{top:12px}
.nav{padding:0;background:#0b0b0b; border-bottom:1px solid var(--line)}.nav-in,.nav.scrolled .nav-in{height:var(--nav-h);padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.brand{gap:13px}.brand-logo{width:30px;height:30px}.brand-name{font-size:17px;letter-spacing:-.04em}.nav-links{gap:20px}.nav-links a{padding:8px 0;border-radius:0;font-size:12px;position:relative}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s}.nav-links a:hover,.nav-links a.active{background:none;box-shadow:none}.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.btn,.icon-btn{border-radius:0;background:none;box-shadow:none;backdrop-filter:none;text-shadow:none;border:1px solid #555;transition:background .25s,color .25s,transform .35s cubic-bezier(.16,1,.3,1);font-size:12px;font-weight:400;min-height:48px}.btn::before,.btn::after{display:none}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary:hover{background:#cfcfcf;color:#0b0b0b;box-shadow:none;border-color:#cfcfcf;transform:translateY(-2px)}.btn-ghost:hover,.icon-btn:hover{background:#ededed;color:#0b0b0b;box-shadow:none;border-color:#ededed}.btn .ar{font-size:18px}.text-link{color:inherit}
.grad-em{background:none!important;-webkit-text-fill-color:currentColor!important;color:inherit!important;filter:none!important;text-shadow:none!important;font-style:normal}.page{padding-top:calc(var(--nav-h) + 70px)}.page.active{animation:studio-in .7s cubic-bezier(.16,1,.3,1)}@keyframes studio-in{from{clip-path:inset(0 0 12% 0);transform:translateY(16px)}to{clip-path:inset(0);transform:none}}
.page-home{padding-top:var(--nav-h);padding-bottom:0;overflow:clip}.hero{display:grid;grid-template-columns:1.2fr 1fr;text-align:left;align-items:center;min-height:660px;min-height:calc(100svh - var(--nav-h) - 105px);position:relative;padding-block:65px;isolation:isolate}.hero-copy{position:relative;z-index:2}.hero .hero-title{font-size:clamp(3rem,6.3vw,6rem);line-height:1.04;letter-spacing:-.04em;max-width:11ch;margin:0;font-weight:400;text-wrap:initial}.hero-title .outline{-webkit-text-stroke:1px #bababa;color:transparent}.hero-role{margin:30px 0 12px;font-size:11px;color:#aaa}.hero-sub{margin:0;max-width:44ch;font-size:13px;line-height:1.9}.hero-cta{display:flex;gap:24px;align-items:center;margin-top:30px}.hero-cta .text-link{font-size:12px}.signal-art{position:relative;height:530px;min-width:0;margin-left:-80px;z-index:1}.signal-art canvas{height:100%;width:100%;display:block}.art-caption{position:absolute;bottom:0;left:70px;right:0;display:flex;justify-content:space-between;color:#999;font-size:9px;letter-spacing:.1em}.motion-toggle{position:absolute;right:0;top:15px;border:1px solid #444;background:#0b0b0b;color:#bbb;padding:8px 11px;font:inherit;font-size:10px;cursor:pointer;min-height:36px}.home-strip{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-block:22px;font-size:10px;letter-spacing:.04em;color:#aaa}.home-strip a{color:var(--ink);text-decoration:none}.home-strip span:last-child{color:#777}
.selected-work{background:#e9e9e9;color:#151515;padding-block:90px}.selected-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:40px}.selected-head h2{font-size:clamp(26px,4vw,48px);letter-spacing:-.04em;font-weight:400;margin:0}.selected-head a{font-size:12px}.selected-feature{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center;position:relative}.selected-image{overflow:hidden;background:#191919;padding:24px;position:relative}.selected-image video{display:block;filter:grayscale(1);transition:transform .7s;width:100%;height:auto}.selected-feature:hover video{transform:scale(1.035)}.selected-image .motion-toggle{z-index:1;top:auto;right:34px;bottom:34px}.selected-link::after{content:'';position:absolute;inset:0}.selected-feature h3{font-size:28px;line-height:1.25;font-weight:400;letter-spacing:-.03em}.selected-feature p{font-size:13px;color:#444;line-height:1.9}.selected-feature .text-link{display:inline-block;margin-top:20px;font-size:12px}.selected-caption{display:block;font-size:10px;margin-top:20px;color:#555}
.page-closing{padding-block:90px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:70px}.page-closing h2{font-size:clamp(24px,3.6vw,44px);font-weight:400;letter-spacing:-.04em;line-height:1.3;max-width:21ch;margin:0}.page-closing p{color:var(--ink2);max-width:42ch;font-size:12px;margin:0 0 22px}
.about-head{text-align:left;border-bottom:1px solid var(--line);padding-bottom:50px;margin-bottom:60px}.about-head .hero-title{margin:0;max-width:none;font-size:clamp(42px,6vw,80px);font-weight:400}.about-h3{font-style:normal;font-size:14px}.about-prose{max-width:none;grid-template-columns:1.2fr 1fr;gap:8vw}.about-story,.about-journey,.pcard,.svc-card,.stub,.contact-wrap{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.about-story,.about-journey{padding:0}.about-prose p{font-size:13px}.about-h3-section{font-size:15px}.about-h3-section::before{display:none}.timeline{border-left:0;padding-left:0}.timeline-item{border-bottom:1px solid var(--line);padding-bottom:22px}.timeline-item::before{display:none}.timeline-head{flex-wrap:wrap}.timeline-company{font-size:15px}.timeline-date{font-size:9px;color:#aaa}.timeline-role{font-size:11px}.about-cta{justify-content:flex-start}
.projects-title,.svc-hero-title,.stub h1{font-size:clamp(40px,5.6vw,76px);font-weight:400;letter-spacing:-.04em;line-height:1.1}.projects-head{grid-template-columns:1.2fr 1fr;gap:8vw;border-bottom:1px solid var(--line);padding-bottom:45px}.projects-head .projects-lead{font-size:13px}.projects-grid{gap:60px 36px}.pcard:hover{transform:none}.pcard-media{padding:24px;background:#1a1a1a;aspect-ratio:16/10;border:1px solid #303030}.pcard-media img,.pcard-fallback{filter:grayscale(1)}.pcard-media::after{background:#eee;color:#111;border-radius:0}.pcard-body{padding:22px 0 0}.pcard-title{font-size:22px;font-weight:400}.pcard-meta{font-size:9px;letter-spacing:.08em}.pcard-desc{font-size:12px}.pcard-tags{min-height:0;margin:0}.pcard-tags span{border:0;border-radius:0;padding:4px 10px 4px 0;color:#aaa;background:none;font-size:9px}.pcard-body>.btn{align-self:flex-start;margin-top:12px}.pcard:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}.pcard:first-child .pcard-body{padding:0}.pcard:first-child .pcard-title{font-size:30px}
.svc-hero{padding-block:85px}.svc-sky{filter:grayscale(1)}.svc-lead{font-size:13px}.process-viewport{background:#101010;border-radius:0;box-shadow:none;backdrop-filter:none}.process-canvas-wrap{filter:grayscale(1)}.chapter-btn{border-radius:0}.chapter-btn.active{background:#eee;color:#111}.svc-cards-grid{gap:0;border-top:1px solid #555;border-bottom:1px solid #555}.svc-card{padding:30px}.svc-card+ .svc-card{border-left:1px solid #555;background:#151515}.svc-card-top,.svc-card-body{padding:20px 0}.svc-card-price{font-size:48px;font-weight:400}.svc-card-name{font-size:16px;letter-spacing:0}.svc-card li{font-size:12px}.svc-card-label{color:#aaa}.svc-card-btn{background:#eee;color:#111}.svc-packages-head .section-title{font-weight:400;letter-spacing:-.04em;font-size:36px}
.stub{max-width:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 70px;margin-block:0}.stub h1{grid-column:1/-1;font-size:clamp(50px,8vw,96px);margin-bottom:35px}.stub-tag{justify-self:start;border:1px solid #555;background:none;border-radius:0;grid-column:1;padding:8px 14px}.stub>p{grid-column:1;font-size:13px}.stub-list{grid-column:2;grid-row:2/5;margin:0;padding:0;border:0;gap:0}.stub-list li{padding:26px 0;border-top:1px solid #444;font-size:12px;letter-spacing:0;text-transform:none}.stub-list li b{display:none}.stub-actions{grid-column:1/-1;margin-top:50px}.contact-wrap{width:min(var(--container),100% - var(--gutter)*2);text-align:left;margin:0 auto;padding:0;position:relative}.contact-wrap h1{font-size:clamp(42px,7vw,96px);max-width:14ch;margin:0 0 40px}.contact-intro{font-size:20px}.contact-note{margin:0 0 30px;font-size:13px}.contact-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.contact-detail{margin-top:60px;border-top:1px solid #444;padding-top:25px;color:#999;font-size:12px}.contact-wrap::after{content:'↗';position:absolute;right:3%;top:0;font-size:220px;font-weight:400;line-height:1;color:#333;pointer-events:none}
footer{background:#0b0b0b;border-top:1px solid var(--line)}.foot-in{padding-block:24px;font-size:9px;letter-spacing:.05em}.mmenu{background:#111;backdrop-filter:none}.mmenu a{font-weight:400}.image-viewer{background:#111}.image-viewer img{filter:grayscale(1)}.image-viewer-bar{background:#151515}.image-viewer-stage{background:#0b0b0b}.toast{background:#eee;color:#111;border-radius:0}.fade{animation:none;opacity:1}.reveal-in{animation:reveal-in .85s cubic-bezier(.16,1,.3,1) both}@keyframes reveal-in{from{transform:translateY(25px);clip-path:inset(0 0 8% 0)}to{transform:none;clip-path:inset(0)}}
::view-transition-old(root){animation:exit-view .3s ease both}::view-transition-new(root){animation:enter-view .55s cubic-bezier(.16,1,.3,1) both}@keyframes exit-view{to{opacity:0;transform:translateY(-12px)}}@keyframes enter-view{from{opacity:0;transform:translateY(24px)}}
@media(min-width:1500px){.hero{min-height:740px}}
@media(max-width:900px){.nav-links{gap:14px}.hero{grid-template-columns:1.2fr 1fr;min-height:650px}.signal-art{margin-left:-120px;height:450px}.hero .hero-title{font-size:clamp(42px,6.7vw,64px)}.about-prose{gap:40px}.pcard:first-child{display:flex;gap:0;align-items:stretch}.pcard:first-child .pcard-body{padding-top:22px}.contact-wrap::after{font-size:140px}.selected-feature{gap:30px}}
@media(max-width:640px){:root{--nav-h:78px}.nav .btn{padding:10px!important;font-size:10px!important}.brand-name{font-size:15px}.brand{gap:8px}.brand-logo{width:25px;height:25px}.hero{display:flex;align-items:stretch;min-height:0;padding:48px 0 20px}.hero .hero-title{font-size:clamp(40px,11vw,68px);max-width:12ch}.hero-role{margin-top:24px;font-size:10px}.hero-sub{font-size:12px}.hero-cta{gap:18px}.signal-art{height:300px;width:100%;margin:12px 0 0}.art-caption{left:0;font-size:8px;bottom:0}.motion-toggle{top:8px}.home-strip{gap:15px;font-size:9px}.home-strip span:last-child{display:none}.selected-work{padding-block:50px}.selected-head{gap:20px}.selected-head a{font-size:10px}.selected-feature{grid-template-columns:1fr;gap:10px}.selected-image{padding:14px}.selected-image .motion-toggle{right:22px;bottom:22px}.selected-feature h3{font-size:24px;margin-bottom:15px}.page{padding-top:calc(var(--nav-h) + 45px)}.page-home{padding-top:var(--nav-h)}.page-closing{padding-block:45px;display:block;margin-top:45px}.page-closing h2{margin-bottom:25px}.about-prose{grid-template-columns:1fr;gap:50px}.about-head{padding-bottom:30px;margin-bottom:35px}.about-h3{font-size:12px}.about-cta{gap:12px}.projects-head{grid-template-columns:1fr;gap:25px}.projects-grid{grid-template-columns:1fr;gap:45px}.pcard:first-child{grid-column:auto}.pcard:first-child .pcard-title{font-size:24px}.pcard-media{padding:14px}.svc-hero{padding-block:40px;gap:20px}.svc-hero-title{font-size:44px}.svc-sky{max-height:240px}.svc-cards-grid{grid-template-columns:1fr}.svc-card{padding:20px 0}.svc-card+.svc-card{border-left:0;border-top:1px solid #555;padding-inline:18px}.svc-packages-head .section-title{font-size:28px}.svc-card-price{font-size:40px}.stub{display:block}.stub h1{font-size:55px}.stub>p{margin-bottom:35px}.stub-list{margin-top:20px}.stub-actions{margin-top:35px}.contact-wrap::after{display:none}.contact-intro{font-size:16px}.contact-detail{margin-top:40px}.foot-in{font-size:8px}.foot-page{display:none}}
.selected-work :focus-visible{outline-color:#151515}.selected-link:focus-visible{outline:0}.selected-link:focus-visible::after{outline:2px solid #151515;outline-offset:3px}.selected-image .motion-toggle:focus-visible{outline-color:#eee}
.stub-tag i{animation:none;background:#aaa}.timeline-item{border-left:0}.contact-actions .btn+.btn{background:none;color:var(--ink);border-color:#555}.contact-actions .btn+.btn:hover{background:#eee;color:#111}
.motion-toggle,.art-caption,.home-strip,.selected-caption,.timeline-date,.pcard-meta,.pcard-tags span,.svc-card-label,.svc-card-price small,.foot-in,.stub-tag,.process-corner,.process-toolbar .text-link{font-size:11px}.foot-in{letter-spacing:0}.nav .btn{font-size:11px!important}.selected-head a{font-size:12px}.home-strip span:last-child{color:#aaa}.art-caption{letter-spacing:0}.pcard-meta{letter-spacing:.04em}.pcard-tags{gap:4px 10px}.pcard-tags span{letter-spacing:.04em}.process-toolbar .text-link{letter-spacing:0}
@media(max-width:640px){.art-caption{font-size:10px}.home-strip{flex-wrap:wrap}.hero-cta{flex-wrap:wrap}.foot-in{gap:20px}.selected-head a{min-width:75px}.contact-wrap h1{font-size:clamp(36px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-in{clip-path:none!important;transform:none!important}}
.nano-scene{position:relative;min-width:0;isolation:isolate}.nano-scene canvas{display:block;width:100%;height:100%}.nano-scene .motion-toggle{z-index:1;top:0;right:0}.nano-moonwalk{height:420px;margin-top:28px}.nano-phoenix{height:440px;width:100%}
@media(max-width:900px){.nano-phoenix{height:360px}.nano-moonwalk{height:380px}}
@media(max-width:640px){.nano-moonwalk{height:330px;margin-top:24px}.nano-phoenix{height:340px;margin-top:20px}.svc-hero:has(.nano-phoenix){gap:12px}}