:root{--ink:#0b0b0d;--paper:#f2f1ec;--white:#fff;--muted:#8a8fa3;--line:rgba(255,255,255,.16);--line-dark:rgba(11,11,13,.16);--blue:#5b6aff;--blue-dark:#3a4aff;--max:1320px;--gutter:clamp(20px,4vw,64px);--ease:cubic-bezier(.22,.8,.22,1);--sans:'Manrope',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:15px;line-height:1.55;overflow-x:hidden}body:has(.menu-toggle[aria-expanded="true"]){overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.container{width:min(var(--max),calc(100% - (var(--gutter) * 2)));margin:0 auto}.section-dark{background:var(--ink);color:var(--white)}.section-paper{background:var(--paper);color:var(--ink)}.site-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.skip-link{position:fixed;left:16px;top:16px;background:var(--blue);color:var(--ink);padding:10px 14px;z-index:30;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:fixed;top:0;left:0;right:0;height:88px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid transparent;transition:background .4s var(--ease),border-color .4s var(--ease),height .4s var(--ease)}.site-header.is-scrolled{height:72px;background:rgba(11,11,13,.88);border-color:var(--line);backdrop-filter:blur(12px)}.brand-lockup{display:block;width:124px;height:50px;overflow:hidden}.brand-lockup img{width:124px;height:auto;margin-top:-1px}.site-nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px);font-size:12px}.site-nav a{color:rgba(255,255,255,.68);transition:color .25s ease}.site-nav a:hover,.site-nav a:focus-visible{color:var(--white)}.site-nav .nav-contact{color:var(--white);padding:10px 13px;border:1px solid var(--line)}.nav-contact span{color:var(--blue);margin-left:10px}.menu-toggle{display:none;background:none;border:0;padding:8px 0;cursor:pointer}.menu-toggle__icon{display:inline-flex;flex-direction:column;gap:5px;margin-left:8px;vertical-align:middle}.menu-toggle__icon i{display:block;width:22px;height:1px;background:var(--white);transition:transform .25s ease}.menu-toggle[aria-expanded="true"] .menu-toggle__icon i:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-toggle__icon i:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:160px 0 70px}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:clamp(70px,8vw,128px) clamp(70px,8vw,128px);mask-image:linear-gradient(to bottom,transparent 0%,black 28%,black 80%,transparent 100%);opacity:.4}.hero__grid:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,transparent 32%,transparent 74%,var(--ink) 100%)}.hero__orbital-mark{position:absolute;right:8vw;top:24%;width:min(29vw,420px);opacity:.11;animation:markFloat 10s ease-in-out infinite}.hero__orbital-mark img{width:100%}@keyframes markFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-18px,14px,0) rotate(6deg)}}.hero__content{position:relative;z-index:1;width:100%}.display-title{font-family:var(--display);font-size:clamp(58px,10.4vw,164px);line-height:.88;letter-spacing:-.075em;font-weight:500;max-width:1200px;margin:0}.hero-line{display:block}.hero-line--accent{display:flex;align-items:center;flex-wrap:wrap;color:var(--blue)}.tetris-title--inline{display:inline}.logo-t{display:inline-flex;width:.58em;height:.78em;margin:0 .03em;vertical-align:-.03em;align-items:center;justify-content:center;animation:tSignal 2.8s ease-in-out infinite}.logo-t img{width:100%;height:100%;object-fit:contain}.logo-t:after{content:"";position:absolute;width:.68em;height:.68em;background:var(--blue);filter:blur(18px);opacity:.16;z-index:-1}@keyframes tSignal{0%,100%{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 0 transparent)}46%{transform:translateY(-.06em) rotate(-2deg);filter:drop-shadow(0 0 12px rgba(91,106,255,.75))}58%{transform:translateY(.02em) rotate(1deg);filter:drop-shadow(0 0 4px rgba(91,106,255,.3))}}.hero__lower{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:clamp(48px,8vw,100px);max-width:980px}.hero__intro{max-width:380px;color:rgba(255,255,255,.63);font-size:16px;line-height:1.6;margin:0}.hero__actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 16px;border:1px solid transparent;font-size:11px;font-weight:800;letter-spacing:.04em;transition:transform .3s var(--ease),background .3s ease,color .3s ease,border-color .3s ease}.button:hover,.button:focus-visible{transform:translateY(-3px)}.button--accent{background:var(--blue);color:var(--ink)}.button--accent:hover,.button--accent:focus-visible{background:var(--white)}.button--dark{background:var(--ink);color:var(--white)}.button--large{min-height:58px;padding:0 20px}.text-link{font-size:12px;font-weight:700;color:var(--white);border-bottom:1px solid var(--line);padding-bottom:8px;transition:border-color .25s ease,color .25s ease}.text-link span{color:var(--blue);padding-left:16px}.text-link:hover,.text-link:focus-visible{border-color:var(--blue)}.studio{padding:clamp(90px,11vw,150px) 0 clamp(100px,12vw,180px)}.studio__intro{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(30px,10vw,180px);align-items:end}.statement{font-family:var(--display);font-weight:500;font-size:clamp(52px,7vw,104px);line-height:.94;letter-spacing:-.075em;margin:0}.studio__intro>p{margin:0 0 4px;font-size:13px;line-height:1.65;color:rgba(11,11,13,.6)}.mobile-carousel{position:relative;margin-top:clamp(65px,9vw,120px);min-height:650px;overflow:hidden}.mobile-carousel:before{content:"";position:absolute;left:50%;top:7%;bottom:4%;width:1px;background:rgba(11,11,13,.14)}.mobile-carousel__track{position:relative;height:650px;perspective:1100px;transform-style:preserve-3d}.phone-card{position:absolute;left:50%;top:50%;width:min(235px,28vw);margin:0;opacity:.22;transform:translate(-50%,-50%) translate3d(0,0,-160px) rotateY(28deg) scale(.82);transition:transform 1.1s var(--ease),opacity 1.1s var(--ease),filter 1.1s var(--ease);filter:grayscale(.45)}.phone-card.is-active{opacity:1;z-index:3;transform:translate(-50%,-50%) translate3d(0,0,40px) rotateY(0) scale(1);filter:none}.phone-card.is-prev{transform:translate(-50%,-50%) translate3d(-270px,26px,-90px) rotateY(30deg) scale(.78)}.phone-card.is-next{transform:translate(-50%,-50%) translate3d(270px,-26px,-90px) rotateY(-30deg) scale(.78)}.phone-shell{position:relative;padding:8px;border:7px solid #111113;border-radius:34px;background:#111113;box-shadow:0 20px 50px rgba(11,11,13,.27)}.phone-shell:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.16);border-radius:27px;pointer-events:none;z-index:2}.phone-shell__speaker{position:absolute;z-index:3;top:8px;left:50%;width:58px;height:12px;transform:translateX(-50%);border-radius:0 0 9px 9px;background:#111113}.phone-shell img{width:100%;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:25px;background:#111113}.phone-card figcaption{font-family:var(--display);font-size:13px;text-align:center;margin-top:17px;color:rgba(11,11,13,.62)}.mobile-carousel__progress{position:absolute;bottom:10px;left:50%;display:flex;gap:8px;transform:translateX(-50%)}.mobile-carousel__progress span{display:block;width:32px;height:2px;background:rgba(11,11,13,.16);transition:background .5s ease,width .5s var(--ease)}.mobile-carousel__progress span.is-active{width:56px;background:var(--blue-dark)}.capabilities{padding:clamp(90px,11vw,150px) 0 clamp(100px,12vw,160px)}.capabilities__intro{padding-bottom:clamp(60px,8vw,100px)}.capabilities h2,.projects__intro h2,.contact h2{font-family:var(--display);font-size:clamp(48px,6.6vw,100px);line-height:.94;letter-spacing:-.075em;font-weight:500;margin:0}.capabilities h2 em,.projects__intro h2 em,.contact h2 em{font-style:normal;color:var(--blue)}.capability-list{border-top:1px solid var(--line)}.capability-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,.8fr) 40px;gap:20px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line);transition:padding .35s var(--ease),color .35s ease}.capability-row:hover{padding-left:18px;padding-right:18px;color:var(--blue)}.capability-row h3{margin:0;font-family:var(--display);font-size:clamp(19px,2vw,26px);font-weight:500;letter-spacing:-.035em}.capability-row ul{display:flex;flex-wrap:wrap;gap:5px 18px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:12px}.capability-row li:before{content:"/";color:var(--blue);padding-right:8px}.capability-row__mark{color:var(--blue);font-size:20px;text-align:right}.projects{padding:clamp(90px,11vw,150px) 0 clamp(100px,12vw,180px)}.projects__intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:clamp(55px,7vw,90px)}.projects__intro>p{max-width:240px;margin:0;color:rgba(11,11,13,.62);font-size:13px}.project-showcase{position:relative;min-height:800px;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}.project-rail{position:absolute;left:var(--gutter);top:50%;z-index:4;display:flex;flex-direction:column;gap:0;transform:translateY(-50%);width:220px}.project-tab{position:relative;display:flex;align-items:center;gap:15px;background:none;border:0;border-top:1px solid var(--line-dark);padding:16px 0;text-align:left;color:rgba(11,11,13,.4);cursor:pointer;font-size:12px;transition:color .25s ease,padding .3s var(--ease)}.project-tab:last-child{border-bottom:1px solid var(--line-dark)}.project-tab span{font-family:var(--display);font-size:11px;color:var(--blue-dark)}.project-tab:after{content:"";position:absolute;right:0;width:0;height:1px;background:var(--blue-dark);transition:width .3s var(--ease)}.project-tab:hover,.project-tab:focus-visible,.project-tab.is-active{color:var(--ink);padding-left:9px}.project-tab.is-active:after{width:26px}.project-stage{position:relative;width:min(50vw,640px);height:700px;margin:0 auto;top:50px;perspective:1100px;transform-style:preserve-3d;overflow:visible}.project-stage__axis{position:absolute;left:50%;top:50%;width:100%;height:55%;transform:translate(-50%,-50%) rotate(-8deg);border:1px solid rgba(11,11,13,.13);border-radius:50%;pointer-events:none}.project-stage__axis:before,.project-stage__axis:after{content:"";position:absolute;background:var(--line-dark)}.project-stage__axis:before{width:100%;height:1px;top:50%;left:0}.project-stage__axis:after{height:100%;width:1px;left:50%;top:0}.project-stage__axis span{position:absolute;width:5px;height:5px;background:var(--blue-dark);border-radius:50%}.project-stage__axis span:nth-child(1){left:16%;top:18%}.project-stage__axis span:nth-child(2){right:12%;top:61%}.project-stage__axis span:nth-child(3){left:49%;bottom:8%}.project-card{position:absolute;left:50%;top:50%;width:min(100%,560px);margin:0;transform:translate(-50%,-50%);transition:transform .7s var(--ease),opacity .7s var(--ease),filter .7s var(--ease);transform-style:preserve-3d}.has-js .project-card{opacity:.14;pointer-events:none}.has-js .project-card.is-active{opacity:1;z-index:3;pointer-events:auto}.browser-frame{background:#111113;padding:10px 10px 14px;box-shadow:0 20px 60px rgba(11,11,13,.18);border:1px solid rgba(11,11,13,.24)}.browser-frame__bar{height:24px;display:flex;align-items:center;gap:5px;color:#6d6f7a;font-family:var(--display);font-size:8px;letter-spacing:.05em;padding:0 7px}.browser-frame__bar i{display:block;width:5px;height:5px;border-radius:50%;background:#565761}.browser-frame__bar span{margin-left:auto}.browser-frame img{width:100%;aspect-ratio:16/10;object-fit:contain;object-position:center;background:#ecebe7;border:1px solid rgba(255,255,255,.1)}.project-card figcaption{font-family:var(--display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(11,11,13,.5);padding-top:12px}.project-detail{position:absolute;right:var(--gutter);top:50%;z-index:4;transform:translateY(-50%);width:min(250px,19vw);padding-top:16px;border-top:1px solid var(--line-dark)}.project-detail h3{font-family:var(--display);font-size:clamp(25px,2.5vw,38px);line-height:.95;letter-spacing:-.06em;margin:0 0 10px;font-weight:600}.project-detail__type{font-size:11px;color:rgba(11,11,13,.55);margin:0 0 28px}.project-detail>p:not(.project-detail__type){font-size:12px;line-height:1.6;color:rgba(11,11,13,.7);margin:0 0 28px}.project-detail__facts{margin:0 0 30px;border-top:1px solid var(--line-dark)}.project-detail__facts div{padding:11px 0;border-bottom:1px solid var(--line-dark)}.project-detail__facts dt{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:rgba(11,11,13,.45);margin-bottom:5px}.project-detail__facts dd{font-size:11px;line-height:1.4;margin:0}.contact{padding:clamp(100px,12vw,170px) 0 clamp(100px,12vw,160px)}.contact__main{max-width:1100px}.contact h2{font-size:clamp(52px,7.7vw,122px)}.contact__main>p{max-width:450px;color:var(--muted);font-size:14px;margin:40px 0 28px}.contact__channels{margin-top:90px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.contact__channels a{position:relative;display:flex;flex-direction:column;padding:23px 25px 23px 0;border-right:1px solid var(--line);transition:color .25s ease}.contact__channels a:not(:first-child){padding-left:25px}.contact__channels a:last-child{border-right:0}.contact__channels a:hover,.contact__channels a:focus-visible{color:var(--blue)}.contact__channels span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:15px}.contact__channels strong{font-family:var(--display);font-size:14px;font-weight:500}.contact__channels i{position:absolute;right:16px;top:25px;font-style:normal;color:var(--blue)}.site-footer{padding:30px 0 25px;border-top:1px solid var(--line)}.site-footer__top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:25px}.brand-lockup--footer{width:110px}.brand-lockup--footer img{width:110px}.footer-back{font-size:11px;color:var(--muted)}.footer-back span{color:var(--blue);padding-left:14px}.site-footer__bottom{border-top:1px solid var(--line);padding-top:18px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.tetris-title{opacity:0}.tetris-title.is-set{opacity:1}.tetris-title .tetris-letter{display:inline-block;opacity:0;transform:translate3d(var(--x),var(--y),0) rotate(var(--r));animation:tetrisDrop .9s var(--delay) var(--ease) forwards}@keyframes tetrisDrop{0%{opacity:0;transform:translate3d(var(--x),var(--y),0) rotate(var(--r)) scale(.82)}70%{opacity:1;transform:translate3d(0,3px,0) rotate(0) scale(1.02)}100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media (max-width:1100px){.project-rail{left:var(--gutter);width:180px}.project-detail{right:var(--gutter);width:205px}.project-stage{width:min(50vw,560px)}.project-card{width:100%}}
@media (max-width:800px){.site-header,.site-header.is-scrolled{height:70px;padding:0 var(--gutter)}.menu-toggle{display:block}.site-nav{position:fixed;inset:70px 0 0;background:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px var(--gutter);gap:25px;font-family:var(--display);font-size:30px;letter-spacing:-.04em;transform:translateX(100%);transition:transform .45s var(--ease);border-top:1px solid var(--line)}.site-nav.is-open{transform:none}.site-nav .nav-contact{font-family:var(--sans);font-size:13px;letter-spacing:0;margin-top:14px}.hero{min-height:780px;padding-bottom:40px}.hero__orbital-mark{right:-15vw;top:18%;width:55vw;opacity:.1}.hero__lower{display:block}.hero__intro{font-size:14px;max-width:320px}.hero__actions{margin-top:28px}.hero-line--accent{display:block}.logo-t{width:.48em;height:.7em}.studio{padding-top:75px}.studio__intro{grid-template-columns:1fr;gap:22px}.studio__intro>p{max-width:340px}.statement{font-size:clamp(48px,12vw,72px)}.mobile-carousel{min-height:590px;margin-top:55px}.mobile-carousel__track{height:590px}.phone-card{width:180px}.phone-card.is-prev{transform:translate(-50%,-50%) translate3d(-185px,22px,-120px) rotateY(28deg) scale(.75)}.phone-card.is-next{transform:translate(-50%,-50%) translate3d(185px,-22px,-120px) rotateY(-28deg) scale(.75)}.capabilities{padding-top:80px}.capabilities__intro{padding-bottom:55px}.capability-row{grid-template-columns:1fr 24px;gap:12px;padding:24px 0}.capability-row ul{grid-column:1/3}.capability-row__mark{grid-column:2;grid-row:1}.projects__intro{display:block;padding-bottom:52px}.projects__intro>p{margin-top:24px}.project-showcase{min-height:0;margin:0;padding:0;display:flex;flex-direction:column}.project-rail{position:relative;left:auto;top:auto;transform:none;width:100%;margin-bottom:20px;overflow-x:auto;flex-direction:row;border-bottom:1px solid var(--line-dark);scrollbar-width:none}.project-rail::-webkit-scrollbar{display:none}.project-tab{border-top:0;border-bottom:2px solid transparent;white-space:nowrap;padding:14px 16px 14px 0;margin-right:20px}.project-tab:last-child{border-bottom:2px solid transparent}.project-tab.is-active{border-color:var(--blue-dark);padding-left:0}.project-tab:after{display:none}.project-stage{top:auto;width:100%;height:auto;perspective:none;display:flex;flex-direction:column;gap:38px;order:2;overflow:visible}.project-stage__axis{display:none}.project-card,.has-js .project-card,.has-js .project-card.is-active{position:relative;left:auto;top:auto;width:100%;opacity:1;transform:none!important;filter:none!important;pointer-events:auto;display:block}.project-card[aria-hidden="true"]{display:block}.project-card figcaption{padding-bottom:2px}.project-detail{position:relative;right:auto;top:auto;transform:none;width:100%;order:1;padding:18px 0 26px;margin-bottom:34px}.project-detail h3{font-size:38px}.contact__channels{grid-template-columns:1fr;margin-top:70px}.contact__channels a,.contact__channels a:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.contact__channels a:last-child{border-bottom:0}.contact__channels i{right:0}.site-footer__top{align-items:flex-start}.site-footer__bottom{padding-top:15px}}
@media (max-width:480px){:root{--gutter:20px}.display-title{font-size:clamp(48px,15.4vw,76px)}.hero__intro{font-size:13px}.button{font-size:10px}.text-link{font-size:11px}.capabilities h2,.projects__intro h2,.contact h2{font-size:48px}.phone-card{width:166px}.phone-card.is-prev{transform:translate(-50%,-50%) translate3d(-155px,22px,-120px) rotateY(28deg) scale(.7)}.phone-card.is-next{transform:translate(-50%,-50%) translate3d(155px,-22px,-120px) rotateY(-28deg) scale(.7)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__orbital-mark,.logo-t{animation:none}.phone-card,.mobile-carousel__progress span,.site-header,.site-nav,.button,.capability-row,.project-card,.project-tab{transition:none}.tetris-title .tetris-letter{animation:none;opacity:1;transform:none}.site-noise{display:none}}