:root{--night:#0b0a36;--deep:#070626;--ink:#15144f;--cyan:#0fc5f3;--yellow:#ffc21c;--violet:#8d6cff;--paper:#f4f1e9;--white:#fff;--line:rgba(21,20,79,.16);--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;z-index:999;top:-60px;left:20px;background:#fff;padding:12px 18px;border-radius:8px}.skip:focus{top:20px}#field{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.36}.page-progress{position:fixed;z-index:90;right:17px;top:25%;height:50vh;width:2px;background:rgba(255,255,255,.14);mix-blend-mode:difference}.page-progress span{display:block;width:100%;height:0;background:#fff}.cursor,.cursor-dot{position:fixed;z-index:9999;pointer-events:none;left:0;top:0;opacity:0}.cursor{width:46px;height:46px;border:1px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;mix-blend-mode:difference;transition:width .25s,height .25s,background .25s}.cursor span{font:500 9px 'DM Mono';color:#000;letter-spacing:.08em}.cursor-dot{width:6px;height:6px;background:#fff;border-radius:50%;mix-blend-mode:difference}.cursor.big{width:82px;height:82px;background:#fff}.cursor.big+ .cursor-dot{opacity:0!important}.nav{position:fixed;z-index:80;left:0;top:0;width:100%;height:100px;padding:0 4vw;display:flex;align-items:center;color:#fff;transition:.35s var(--ease)}.nav.scrolled{height:74px;background:rgba(7,6,38,.83);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.logo img{width:138px;display:block;filter:brightness(0) invert(1)}.nav nav{display:flex;gap:35px;margin-left:auto;margin-right:44px}.nav nav a{font-size:12px;font-weight:600;letter-spacing:.03em;position:relative;color:rgba(255,255,255,.66)}.nav nav a:after{content:"";position:absolute;bottom:-7px;left:0;width:0;height:1px;background:var(--cyan);transition:.25s}.nav nav a:hover{color:#fff}.nav nav a:hover:after{width:100%}.nav-talk{border:1px solid rgba(255,255,255,.28);padding:12px 16px;border-radius:100px;font-size:12px;font-weight:700}.nav-talk i{font-style:normal;color:var(--yellow);margin-left:20px}.menu-toggle,.mobile-menu{display:none}.section{position:relative;z-index:2;padding:140px max(5vw,30px)}.hero{min-height:100svh;position:relative;background:var(--night);color:#fff;overflow:hidden;display:flex;align-items:center;padding:145px max(5vw,30px) 70px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 40%,rgba(17,117,193,.25),transparent 35%),linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.06) 50%,transparent 50.1%)}.hero-noise{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-copy{position:relative;z-index:4;width:66%}.kicker{display:flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.14em;font:500 10px 'DM Mono';color:rgba(255,255,255,.56)}.kicker>span{width:35px;height:1px;background:var(--cyan)}.hero-title{font:800 clamp(70px,10vw,158px)/.77 Manrope;letter-spacing:-.075em;margin:36px 0 54px}.title-line{display:block;overflow:hidden;padding-bottom:.12em}.title-line i{font-style:normal;color:var(--cyan)}.title-line.outline{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.6);margin-left:13vw}.title-line.accent{color:var(--yellow);margin-left:5vw}.period{color:#fff}.hero-foot{display:flex;gap:55px;align-items:center;margin-left:5vw}.hero-foot>p{max-width:390px;color:rgba(255,255,255,.58);font-size:16px;line-height:1.65}.round-link{width:90px;height:90px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:500 10px 'DM Mono';text-transform:uppercase;gap:8px;transition:.25s}.round-link:hover{background:var(--yellow);border-color:var(--yellow);color:var(--night)}.round-link b{color:var(--cyan)}.iso-world{position:absolute;z-index:3;width:570px;height:570px;right:-2vw;top:50%;transform:translateY(-50%);perspective:1000px;filter:drop-shadow(0 35px 50px rgba(0,0,0,.35))}.iso-world>*{position:absolute}.iso-shadow{width:400px;height:230px;border-radius:50%;background:rgba(0,0,0,.35);filter:blur(30px);left:80px;top:260px}.iso-platform{width:250px;height:250px;transform:rotate(30deg) skewY(-30deg) scaleY(.86)}.iso-platform i,.iso-platform b,.iso-platform span,.iso-cube i,.iso-cube b,.iso-cube span{position:absolute;display:block}.platform-one{left:120px;top:220px;background:#142b7c}.platform-one:after{content:"";position:absolute;inset:22px;border:2px solid rgba(19,197,243,.5);box-shadow:inset 0 0 30px rgba(15,197,243,.2)}.platform-one i{width:250px;height:62px;background:#071855;top:250px;left:36px;transform:skewY(30deg)}.platform-one b{width:72px;height:250px;background:#0b1d62;left:250px;top:36px;transform:skewY(30deg)}.platform-two{width:120px;height:120px;left:360px;top:142px;background:var(--yellow)}.platform-two i{width:120px;height:38px;background:#d99700;top:120px;left:22px;transform:skewY(30deg)}.platform-two b{width:44px;height:120px;background:#efaa00;left:120px;top:22px;transform:skewY(30deg)}.iso-screen{background:linear-gradient(145deg,rgba(255,255,255,.97),#c9eaff);border:6px solid #10104b;box-shadow:-20px 25px 0 rgba(4,3,33,.2);transform:rotate(-5deg) skewY(5deg);color:var(--night)}.screen-a{width:225px;height:165px;top:123px;left:100px;padding:18px}.screen-a strong{font-size:47px;letter-spacing:-.08em}.screen-a>span{display:block;background:#b8c6db;height:5px;width:80%;margin:10px 0}.screen-a>span:last-child{width:45%;background:var(--cyan)}.screen-bar{display:flex;gap:4px;margin-bottom:18px}.screen-bar i{width:5px;height:5px;background:var(--violet);border-radius:50%}.screen-b{width:145px;height:105px;right:13px;top:260px;background:#171754;color:#fff;transform:rotate(9deg) skewY(-4deg);overflow:hidden}.screen-b strong{position:absolute;right:12px;bottom:-17px;font-size:70px;color:var(--yellow)}.screen-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(15,197,243,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(15,197,243,.2) 1px,transparent 1px);background-size:18px 18px}.iso-cube{width:55px;height:55px;transform:rotate(30deg) skewY(-30deg) scaleY(.86);background:var(--cyan)}.iso-cube i{width:55px;height:35px;background:#087aae;top:55px;left:20px;transform:skewY(30deg)}.iso-cube b{width:41px;height:55px;background:#0aa0cf;left:55px;top:20px;transform:skewY(30deg)}.cube-a{left:55px;top:350px}.cube-b{right:80px;top:80px;transform:rotate(30deg) skewY(-30deg) scaleY(.86) scale(.65);background:var(--violet)}.orbit{border:1px solid rgba(255,255,255,.3);border-radius:50%;animation:spin 12s linear infinite}.orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--yellow);top:10px;left:20px}.orbit-a{inset:70px 50px 50px 60px;transform:rotate(-20deg)}.orbit-b{width:180px;height:180px;right:0;top:20px;animation-direction:reverse}.orbit-b i{background:var(--cyan)}@keyframes spin{to{transform:rotate(340deg)}}.hero-index{position:absolute;z-index:4;right:4vw;bottom:40px;text-align:right;font:500 9px 'DM Mono';color:rgba(255,255,255,.4)}.hero-index b{display:block;font-size:13px;color:#fff;margin-top:3px}.scroll-cue{position:absolute;left:4vw;bottom:30px;font:500 9px 'DM Mono';letter-spacing:.12em;color:rgba(255,255,255,.4);display:flex;align-items:center;gap:12px}.scroll-cue i{width:65px;height:1px;background:rgba(255,255,255,.2);position:relative}.scroll-cue i:after{content:"";position:absolute;width:20%;height:1px;background:var(--yellow);animation:scrollline 2s infinite}@keyframes scrollline{0%{left:0}50%{left:80%}100%{left:0}}.marquee{position:relative;z-index:3;background:var(--yellow);color:var(--night);overflow:hidden;padding:17px 0;transform:rotate(-1.2deg) scale(1.02);margin:-10px 0}.marquee-track{display:flex;width:max-content;gap:26px;align-items:center;font:800 27px Manrope;animation:marquee 22s linear infinite}.marquee-track i{font-style:normal;font-size:15px}@keyframes marquee{to{transform:translateX(-50%)}}.section-head{display:grid;grid-template-columns:1fr 2.3fr;max-width:1400px;margin:0 auto 90px;gap:50px}.section-head>p{font:500 10px 'DM Mono';text-transform:uppercase;letter-spacing:.15em;border-top:1px solid var(--line);padding-top:16px}.section-head>p span{color:var(--cyan);margin-right:14px}.section-head h2,.career-intro h2,.contact h2{font:700 clamp(48px,6.5vw,94px)/.94 Manrope;letter-spacing:-.065em;margin:0}.section-head h2 em,.career-intro h2 em{font-style:normal;color:var(--cyan)}.services{padding-top:180px;background:var(--paper)}.services-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;max-width:1400px;margin:auto}.service-visual{position:sticky;top:115px;height:590px}.service-stage{height:520px;position:relative;background:var(--night);border-radius:28px;overflow:hidden;perspective:900px}.stage-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(15,197,243,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(15,197,243,.12) 1px,transparent 1px);background-size:40px 40px;transform:rotateX(64deg) rotateZ(45deg) scale(1.4)}.service-object{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.75) rotate(-10deg);transition:.55s var(--ease)}.service-object.active{opacity:1;transform:none}.visual-caption{font:500 9px 'DM Mono';text-transform:uppercase;letter-spacing:.13em;color:#77768d}.visual-caption span{color:var(--cyan)}.brand-prism{width:170px;height:170px;background:var(--yellow);transform:rotate(30deg) skewY(-30deg) scaleY(.86);position:relative}.brand-prism:after{content:"";position:absolute;width:170px;height:65px;background:#dc9900;top:170px;left:38px;transform:skewY(30deg)}.brand-prism:before{content:"";position:absolute;width:76px;height:170px;background:#efa900;left:170px;top:38px;transform:skewY(30deg)}.brand-prism span{position:absolute;font:800 100px Manrope;transform:skewY(30deg) rotate(-30deg) scaleY(1.15);left:45px;top:16px;z-index:2}.code-stack{width:290px;height:190px;background:#e7fbff;border:8px solid #12114f;box-shadow:30px 35px 0 var(--cyan);display:grid;place-items:center;transform:rotate(-5deg);position:relative}.code-stack i{font:700 58px 'DM Mono';font-style:normal;color:var(--violet)}.code-stack b,.code-stack span{position:absolute;height:8px;background:var(--yellow);left:25px;bottom:35px;width:60px}.code-stack span{left:auto;right:25px;width:95px;background:#a9bed1}.growth-bars{width:300px;height:270px;display:flex;gap:18px;align-items:flex-end;position:relative}.growth-bars i{flex:1;background:var(--cyan);box-shadow:12px 12px 0 #0879a2;transform:skewY(-20deg)}.growth-bars i:nth-child(1){height:25%}.growth-bars i:nth-child(2){height:45%;background:var(--violet)}.growth-bars i:nth-child(3){height:68%}.growth-bars i:nth-child(4){height:95%;background:var(--yellow)}.growth-bars b{position:absolute;font-size:120px;color:#fff;right:-70px;top:-90px}.data-orbit{width:250px;height:250px;border:20px solid var(--cyan);border-radius:50%;position:relative;box-shadow:inset 0 0 0 20px var(--night),inset 0 0 0 45px var(--violet)}.data-orbit:after{content:"64%";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:800 55px Manrope}.data-orbit i,.data-orbit b,.data-orbit span{position:absolute;border-radius:50%;width:24px;height:24px;background:var(--yellow)}.data-orbit i{top:-30px;left:105px}.data-orbit b{bottom:0;right:-45px;background:#fff}.data-orbit span{left:-60px;top:90px;background:var(--violet)}.server-stack{width:240px;height:90px;background:var(--cyan);box-shadow:0 45px 0 var(--violet),0 90px 0 var(--yellow);transform:skewY(-8deg);position:relative}.server-stack:before,.server-stack:after{content:"";position:absolute;left:20px;top:20px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:22px 0 #fff}.server-stack:after{top:65px;box-shadow:22px 0 #fff,0 45px #fff,22px 45px #fff}.strategy-map{width:290px;height:230px;border:2px solid rgba(255,255,255,.5);transform:rotate(-7deg);position:relative}.strategy-map:before,.strategy-map:after{content:"";position:absolute;width:80px;height:80px;background:var(--yellow);left:25px;top:25px;box-shadow:150px 95px 0 var(--cyan)}.strategy-map:after{width:4px;height:210px;background:#fff;left:145px;top:10px;transform:rotate(48deg);box-shadow:none}.service-row{display:grid;grid-template-columns:35px 1fr 30px;gap:18px;padding:26px 5px;border-top:1px solid var(--line);cursor:pointer;transition:.3s;color:#9b99a8}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row>span{font:500 10px 'DM Mono';padding-top:8px}.service-row h3{font:700 clamp(27px,3vw,45px)/1 Manrope;letter-spacing:-.045em;margin:0}.service-row p{max-height:0;opacity:0;overflow:hidden;max-width:530px;font-size:14px;line-height:1.6;margin:0;transition:.4s var(--ease)}.service-row>b{font-size:24px;opacity:0;transition:.3s}.service-row:hover,.service-row.active{color:var(--ink)}.service-row.active{padding-top:35px;padding-bottom:35px}.service-row.active>span,.service-row.active>b{color:var(--cyan)}.service-row.active p{max-height:100px;opacity:1;margin-top:14px}.service-row.active>b{opacity:1}.studio{min-height:1100px;background:var(--yellow);padding-top:160px;overflow:hidden}.studio:before{content:"K";position:absolute;right:-5vw;bottom:-28vw;font:800 65vw/1 Manrope;color:rgba(11,10,54,.06);letter-spacing:-.1em}.studio-sticky{position:relative;max-width:1400px;margin:auto}.vertical-label{position:absolute;left:-9vw;top:230px;transform:rotate(-90deg);font:500 9px 'DM Mono';letter-spacing:.18em}.studio-copy{max-width:1050px}.studio-copy .kicker{color:rgba(11,10,54,.55)}.studio-copy .kicker>span{background:var(--night)}.studio-copy h2{font:700 clamp(52px,7.8vw,112px)/.98 Manrope;letter-spacing:-.07em;margin:55px 0}.studio-copy h2 em{font-style:normal;color:var(--paper)}.studio-note{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;margin-left:26vw;align-items:end}.studio-note p{font-size:19px;line-height:1.65}.studio-note a{font:600 12px 'DM Mono';border-bottom:1px solid var(--night);padding-bottom:9px}.studio-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:130px;border-top:1px solid rgba(11,10,54,.22)}.stat{padding:40px 15px;border-right:1px solid rgba(11,10,54,.22)}.stat:last-child{border:0}.stat strong{font:800 clamp(65px,8vw,120px)/1 Manrope;letter-spacing:-.07em}.stat i{font:700 45px Manrope;font-style:normal;color:var(--paper)}.stat span{display:block;font:500 10px 'DM Mono';text-transform:uppercase;letter-spacing:.14em;margin-top:12px}.work{background:var(--deep);color:#fff;overflow:hidden}.section-head.light>p{border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.55)}.section-head.light h2 em{color:var(--yellow)}.work-track{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:24px;max-width:1500px;margin:auto}.work-card{min-width:0}.work-card>div:first-child{height:520px;border-radius:24px;position:relative;overflow:hidden;transition:.5s var(--ease)}.work-card:hover>div:first-child{transform:translateY(-10px)}.work-card.cyan>div:first-child{background:var(--cyan)}.work-card.yellow>div:first-child{background:var(--yellow)}.work-card.violet>div:first-child{background:var(--violet)}.work-card>footer{display:flex;justify-content:space-between;padding:21px 4px}.work-card>footer span{font:500 9px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45)}.work-card>footer h3{font:700 25px Manrope;margin:4px 0}.work-card>footer b{font:500 11px 'DM Mono';color:var(--yellow)}.browser-art{position:absolute!important;width:84%;height:70%!important;background:#fff;left:8%;top:15%;border:7px solid var(--night);border-radius:5px!important;transform:rotate(-4deg);color:var(--night);padding:25px;box-shadow:25px 28px 0 rgba(11,10,54,.28)}.browser-top{position:absolute;top:0;left:0;width:100%;height:20px;background:var(--night);display:flex;gap:4px;padding:5px}.browser-top i{width:6px;height:6px;background:var(--yellow);border-radius:50%}.art-nav{width:35%;height:6px;background:#b6c0ce}.art-title{font:800 clamp(40px,5vw,80px)/.8 Manrope;letter-spacing:-.08em;margin-top:45px}.art-button{width:70px;height:18px;border-radius:20px;background:var(--yellow);margin-top:25px}.art-cards{display:flex;gap:6px;position:absolute;right:20px;bottom:20px}.art-cards i{width:42px;height:55px;background:var(--violet)}.art-cards i:nth-child(2){background:var(--cyan)}.art-cards i:nth-child(3){background:var(--yellow)}.phone-art{position:absolute!important;width:210px;height:390px!important;border:8px solid var(--night);border-radius:30px!important;background:#fff;left:50%;top:55%;transform:translate(-50%,-50%) rotate(6deg);color:var(--night);text-align:center;padding:55px 20px 20px;box-shadow:22px 24px 0 rgba(11,10,54,.25)}.phone-speaker{position:absolute!important;width:55px;height:6px!important;background:var(--night);top:16px;left:70px;border-radius:9px!important}.phone-word{font:700 72px Manrope}.phone-lines{margin:25px}.phone-lines i{display:block;height:5px;background:#bec5ce;margin:10px}.phone-button{background:var(--night);color:#fff;border-radius:20px;padding:8px;font:500 9px 'DM Mono'}.float-tile{position:absolute!important;width:110px;height:110px!important;right:8%;top:12%;background:var(--violet);color:#fff;padding:18px;border-radius:10px!important;transform:rotate(-8deg);font:800 37px Manrope}.float-tile small{font:500 7px 'DM Mono'}.poster-art{padding:50px 25px;display:flex;flex-direction:column;justify-content:center}.poster-art span{font:800 clamp(46px,5vw,78px)/.83 Manrope;letter-spacing:-.08em;color:var(--night);position:relative;z-index:2}.poster-art span:nth-child(2){color:transparent;-webkit-text-stroke:1px #fff;margin-left:20%}.poster-art i{position:absolute;width:270px;height:270px;border:35px solid var(--yellow);border-radius:50%;right:-70px;bottom:-50px}.poster-art b{position:absolute;font-size:70px;right:25px;top:20px;color:var(--yellow)}.work-cta{width:max-content;margin:75px auto 0;display:block;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:10px;font:500 11px 'DM Mono';text-transform:uppercase;letter-spacing:.13em}.work-cta span{color:var(--cyan);margin-left:30px}.process{background:var(--paper)}.process-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}.process-grid article{padding-top:45px}.process-grid span{font:500 10px 'DM Mono';color:var(--cyan)}.process-grid h3{font:700 30px Manrope;letter-spacing:-.04em;margin:28px 0 15px}.process-grid p{color:#6e6d7b;line-height:1.7}.process-line{max-width:1400px;margin:0 auto;height:1px;background:var(--line);position:relative}.process-line span{position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--cyan)}.testimonials{background:var(--ink);color:#fff;min-height:780px;display:grid;place-items:center;overflow:hidden}.quote-mark{position:absolute;left:4vw;top:0;font:800 550px/.8 Manrope;color:rgba(255,255,255,.035)}.quote-slider{position:relative;max-width:1050px}.quote{display:none}.quote.active{display:block;animation:quotein .6s var(--ease)}@keyframes quotein{from{opacity:0;transform:translateY(25px)}}.quote blockquote{font:600 clamp(34px,5vw,69px)/1.18 Manrope;letter-spacing:-.045em;margin:0}.quote blockquote:before{content:"“";color:var(--yellow)}.quote footer{margin-top:55px;display:flex;flex-direction:column}.quote footer strong{font-size:14px}.quote footer span{font:500 9px 'DM Mono';color:rgba(255,255,255,.45);margin-top:6px;text-transform:uppercase;letter-spacing:.1em}.quote-controls{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:22px}.quote-controls button{width:45px;height:45px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;cursor:pointer}.quote-controls button:hover{background:var(--yellow);color:var(--night);border-color:var(--yellow)}.quote-controls span{font:500 10px 'DM Mono';color:rgba(255,255,255,.4)}.quote-controls i{color:#fff;font-style:normal}.careers{background:var(--paper);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.career-intro{position:sticky;top:120px;align-self:start}.career-intro .kicker{color:#77768c}.career-intro h2{font-size:clamp(50px,5.8vw,80px);margin:35px 0}.career-intro>p:not(.kicker){font-size:17px;line-height:1.7;color:#646376}.pill-link{display:inline-flex;margin-top:25px;padding:15px 20px;border:1px solid var(--ink);border-radius:100px;font:600 10px 'DM Mono';text-transform:uppercase;letter-spacing:.08em}.pill-link span{margin-left:35px;color:var(--cyan)}.roles{border-top:1px solid var(--line)}.role{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;grid-template-columns:35px 1fr auto 28px;gap:20px;align-items:center;text-align:left;padding:28px 4px;color:#aaa8b1;cursor:pointer;transition:.3s}.role i{font:500 9px 'DM Mono';font-style:normal}.role strong{font:700 clamp(28px,3.5vw,50px)/1 Manrope;letter-spacing:-.045em}.role span{font:500 9px 'DM Mono';text-transform:uppercase}.role b{font-size:24px;opacity:0}.role:hover{color:#686779}.role.active{color:var(--ink);transform:translateX(8px)}.role.active i,.role.active b{color:var(--cyan);opacity:1}.contact{min-height:90vh;background:var(--cyan);color:var(--night);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.contact .kicker{color:rgba(11,10,54,.55)}.contact .kicker>span{background:var(--night)}.contact h2{font-size:clamp(58px,9vw,130px);position:relative;z-index:2;margin:45px 0}.contact h2 a{position:relative}.contact h2 a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:5px;background:var(--night);transform-origin:left;transition:.5s}.contact h2 a:hover:after{transform:scaleX(.2)}.contact h2 em{font-style:normal;color:var(--paper)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(11,10,54,.25);padding-top:25px;position:relative;z-index:2}.contact-bottom p{margin:0}.contact-bottom>div{display:flex;flex-direction:column;align-items:flex-end}.contact-bottom a{font-weight:700;border-bottom:1px solid var(--night);margin-top:8px}.contact-orbit{position:absolute;width:480px;height:480px;border:1px solid rgba(11,10,54,.2);border-radius:50%;right:-80px;top:20%;animation:spin 20s linear infinite}.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;inset:55px;border:1px solid rgba(11,10,54,.2);border-radius:50%}.contact-orbit:after{inset:120px}.contact-orbit i,.contact-orbit b,.contact-orbit span{position:absolute;width:55px;height:55px;background:var(--yellow);border-radius:50%;top:25px;left:65px}.contact-orbit b{background:var(--night);top:auto;bottom:15px;left:auto;right:80px}.contact-orbit span{background:var(--paper);top:50%;left:auto;right:-12px}.footer{position:relative;z-index:2;background:var(--deep);color:#fff;padding:65px 5vw 25px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:55px;align-items:start}.footer>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.footer>p{margin:0;color:rgba(255,255,255,.48);font-size:13px}.footer>span,.footer>a:last-child{font:500 9px 'DM Mono';color:rgba(255,255,255,.35);padding-top:50px;border-top:1px solid rgba(255,255,255,.12)}.footer>span{grid-column:span 2}.footer>a:last-child{text-align:right}.footer i{font-style:normal}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}
@media(max-width:1100px){.hero-copy{width:77%}.iso-world{opacity:.75;right:-17vw}.services-layout{grid-template-columns:.75fr 1.25fr}.work-track{grid-template-columns:1fr 1fr}.work-card:last-child{grid-column:span 2}.careers{grid-template-columns:1fr;gap:70px}.career-intro{position:relative;top:auto}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.cursor,.cursor-dot,.page-progress{display:none}.nav{height:78px;padding:0 20px}.nav nav,.nav-talk{display:none}.menu-toggle{display:flex;margin-left:auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;flex-direction:column;gap:6px;align-items:center;justify-content:center}.menu-toggle span:not(.sr-only){width:17px;height:1px;background:#fff;transition:.25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{display:flex;visibility:hidden;opacity:0;position:fixed;inset:77px 0 auto;background:var(--deep);padding:35px 20px;flex-direction:column;gap:22px;font:700 27px Manrope;transform:translateY(-15px);transition:.3s}.mobile-menu.open{visibility:visible;opacity:1;transform:none}.section{padding:95px 20px}.hero{padding:120px 20px 90px;min-height:900px;align-items:flex-start}.hero-copy{width:100%}.hero-title{font-size:68px;line-height:.82;margin-top:55px}.title-line.outline{margin-left:16vw}.hero-foot{margin:40px 0 0;gap:25px}.hero-foot>p{font-size:14px}.round-link{flex:0 0 80px;height:80px}.iso-world{width:460px;height:460px;transform:translateY(0) scale(.65);transform-origin:bottom right;right:-30px;top:auto;bottom:5px;opacity:.9}.scroll-cue{display:none}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:55px}.section-head h2,.career-intro h2{font-size:49px}.services{padding-top:120px}.services-layout{grid-template-columns:1fr}.service-visual{position:relative;top:auto;height:420px}.service-stage{height:375px}.service-object{transform:scale(.58)}.service-object.active{transform:scale(.72)}.service-row h3{font-size:29px}.studio{min-height:auto}.studio-note{grid-template-columns:1fr;margin-left:0}.studio-copy h2{font-size:54px}.studio-stats{margin-top:75px}.stat strong{font-size:62px}.stat i{font-size:28px}.work-track{grid-template-columns:1fr}.work-card:last-child{grid-column:auto}.work-card>div:first-child{height:430px}.process-grid{grid-template-columns:1fr}.process-grid article{border-top:1px solid var(--line)}.testimonials{min-height:780px}.quote blockquote{font-size:36px}.quote-controls{position:relative;margin-top:45px}.role{grid-template-columns:25px 1fr 24px}.role span{display:none}.contact{min-height:760px}.contact h2{font-size:58px}.contact-bottom{align-items:flex-start;gap:35px;flex-direction:column}.contact-bottom>div{align-items:flex-start}.footer{grid-template-columns:1fr;padding:55px 20px 25px}.footer>span{grid-column:auto}.footer>span,.footer>a:last-child{padding-top:25px}.footer>a:last-child{text-align:left}}
@media(max-width:460px){.hero-title{font-size:57px}.hero-foot>p{max-width:240px}.iso-world{right:-50px;bottom:-5px}.service-row{grid-template-columns:25px 1fr 22px}.service-row h3{font-size:25px}.studio-copy h2{font-size:45px}.studio-note p{font-size:16px}.studio-stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(11,10,54,.2)}.work-card>div:first-child{height:370px}.phone-art{transform:translate(-50%,-50%) rotate(6deg) scale(.8)}.float-tile{right:2%}.role strong{font-size:26px}.contact h2{font-size:49px}}
@media(pointer:fine){body,a,button,[tabindex]{cursor:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.orbit,.contact-orbit,.scroll-cue i:after{animation:none!important}*,*:before,*:after{transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Project art must remain inside its card canvas. */
.work-card{position:relative}
.poster-art{position:absolute;inset:0}
.art-title{font-size:clamp(28px,3.4vw,58px);overflow-wrap:anywhere}

/* Replaceable PNG system */
.cursor.big{background:var(--cursor-color,#fff);border-color:var(--cursor-color,#fff)}
.quote blockquote:after{content:"”";color:var(--yellow)}
.png-slot>img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:2}
.png-slot>span{display:none;font:500 9px/1.6 'DM Mono';letter-spacing:.08em;text-align:center;color:rgba(255,255,255,.42)}
.png-slot>span b{display:block;color:var(--yellow);font-size:11px;letter-spacing:.13em}
.png-slot.empty>img{display:none}
.png-slot.empty>span{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column}

/* Hero PNG stays alive through independent orbit and pointer motion. */
.hero-media{--hero-x:0px;--hero-y:0px;position:absolute;z-index:3;width:min(48vw,650px);aspect-ratio:1;right:-1vw;top:50%;transform:translateY(-50%);display:grid;place-items:center;isolation:isolate}
.hero-png{position:relative;z-index:3;width:67%;aspect-ratio:1;filter:drop-shadow(0 35px 40px rgba(0,0,0,.35));transform:translate3d(var(--hero-x),var(--hero-y),0);transition:transform .35s var(--ease)}
.hero-png.empty{border:1px dashed rgba(255,255,255,.25);border-radius:28px;background:rgba(255,255,255,.025)}
.hero-ring{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%;animation:hero-ring-spin 13s linear infinite}
.hero-ring:before,.hero-ring:after{content:"";position:absolute;border-radius:50%}
.hero-ring:before{width:11px;height:11px;background:var(--yellow);left:15%;top:5%}
.hero-ring:after{width:5px;height:5px;background:var(--cyan);right:8%;bottom:22%;box-shadow:0 0 18px var(--cyan)}
.hero-ring i{position:absolute;width:28px;height:1px;background:rgba(255,255,255,.5);left:-14px;top:50%}
.ring-one{inset:5%}.ring-two{inset:15%;border-style:dashed;animation-duration:19s;animation-direction:reverse}.ring-three{inset:27%;animation-duration:9s;transform:rotate(32deg)}
.ring-two:before{background:var(--violet);width:16px;height:16px}.ring-three:before{background:#fff;width:7px;height:7px}
.hero-float-tag{position:absolute;z-index:4;right:3%;bottom:18%;padding:12px 16px;background:var(--yellow);color:var(--night);border-radius:100px;font:600 9px 'DM Mono';letter-spacing:.1em;transform:rotate(-6deg)}
.hero-float-tag i{font-style:normal;margin-left:16px}
@keyframes hero-ring-spin{to{transform:rotate(360deg)}}

/* Service artwork has no card or background—only the replaceable PNG. */
.service-stage{background:transparent;overflow:visible}
.service-png{position:relative;width:min(92%,520px);height:460px}
.service-png>img{filter:drop-shadow(0 32px 35px rgba(21,20,79,.22))}
.service-png.empty{width:78%;height:380px;border:1px dashed rgba(21,20,79,.22);border-radius:50%}
.service-png>span{color:rgba(21,20,79,.48)}
.service-png>span b{color:var(--cyan)}
.service-object.active .service-png{animation:png-pop .65s var(--ease)}
@keyframes png-pop{0%{transform:translateY(50px) scale(.82) rotate(-5deg);filter:blur(5px)}100%{transform:none;filter:none}}

/* Square, replaceable project thumbnails with an animated overlay. */
.work-card>div.work-canvas{height:auto!important;aspect-ratio:1/1}
.project-thumb>img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .4s}
.project-thumb.empty>img{display:none}
.project-placeholder{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;color:var(--night);text-align:center}
.project-placeholder strong{font:800 clamp(58px,7vw,105px)/1 Manrope;letter-spacing:-.08em}
.project-placeholder span{margin-top:12px;font:500 8px 'DM Mono';letter-spacing:.08em;text-transform:uppercase}
.project-thumb.empty .project-placeholder{display:flex}
.thumb-orbit{position:absolute;z-index:3;width:76%;height:76%;left:12%;top:12%;border:1px solid rgba(255,255,255,.55);border-radius:50%;animation:hero-ring-spin 12s linear infinite;pointer-events:none;mix-blend-mode:difference}
.thumb-orbit:before,.thumb-orbit:after{content:"";position:absolute;border-radius:50%}
.thumb-orbit:before{width:15px;height:15px;background:#fff;top:8%;left:16%}
.thumb-orbit:after{width:6px;height:6px;background:#fff;right:3%;bottom:26%;box-shadow:0 0 15px #fff}
.work-card:hover .project-thumb>img{transform:scale(1.07) rotate(.8deg);filter:saturate(1.12)}
.work-card:hover .thumb-orbit{animation-duration:4s;border-color:#fff}

@media(max-width:1100px){.hero-media{right:-13vw;width:58vw}.service-png{height:420px}}
@media(max-width:780px){.hero-media{width:470px;right:-90px;top:auto;bottom:-20px;transform:scale(.75);transform-origin:bottom right}.service-png,.service-png.empty{height:340px}.work-card>div.work-canvas{height:auto!important}.hero-float-tag{right:10%}}
@media(max-width:460px){.hero-media{right:-120px;bottom:-10px;transform:scale(.64)}.service-png,.service-png.empty{height:300px}.project-placeholder strong{font-size:72px}}
@media(prefers-reduced-motion:reduce){.hero-ring,.thumb-orbit{animation:none!important}}

/* 2026-08 layout refinements */
.hero-copy{width:min(72%,1050px)}
.hero-title{font-size:clamp(64px,8.6vw,136px);line-height:.88;letter-spacing:-.07em}
.hero-title .title-line{white-space:nowrap}
.hero-title .title-line i{color:var(--yellow)}
.hero-title .hero-line-two{margin-left:8vw}
.hero-title .hero-line-two em{color:var(--cyan);font-style:normal}

.marquee{padding:18px 0}
.marquee-track{gap:0;animation:marquee-seamless 20s linear infinite;will-change:transform}
.marquee-set{display:flex;align-items:center;gap:clamp(30px,4vw,70px);padding-right:clamp(30px,4vw,70px);flex-shrink:0}
.marquee-set span{padding-inline:clamp(8px,1vw,18px)}
.marquee-set i{font-style:normal;font-size:22px}
@keyframes marquee-seamless{to{transform:translateX(-50%)}}

.work-track{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.work-card{width:100%}
.work-card>div.work-canvas{width:100%;aspect-ratio:1/1}
.thumb-orbit{display:none}

.studio{min-height:auto;padding-top:110px;padding-bottom:95px}
.vertical-label{top:170px}
.studio-copy h2{font-size:clamp(48px,6.8vw,94px);margin:38px 0}
.studio-note{grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:4vw;margin-left:18vw;align-items:center}
.studio-note p{font-size:17px;line-height:1.55;max-width:710px;margin:0}
.studio-stats{margin-top:65px}
.stat{padding-top:28px;padding-bottom:26px}
.stat strong{font-size:clamp(58px,7vw,96px)}

@media(max-width:1100px){.hero-copy{width:77%}.work-track{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card:last-child{grid-column:auto}.studio-note{margin-left:10vw}}
@media(max-width:780px){.hero-title{font-size:clamp(49px,13vw,68px);line-height:.94}.hero-title .title-line{white-space:normal}.hero-title .hero-line-two{margin-left:8vw}.work-track{grid-template-columns:1fr}.studio{padding-top:85px;padding-bottom:75px}.studio-note{grid-template-columns:1fr;margin-left:0}.studio-stats{margin-top:45px}.vertical-label{display:none}}
