@font-face{font-family:Outfit;src:url('/assets/outfit.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Figtree;src:url('/assets/figtree.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--navy:#040516;--blue:#042096;--lavender:#5b79f3;--ice:#becada;--paper:#e8ecf2;--ink:#0b133c;--muted:#aab7cd;--line:#28314d;--gutter:clamp(24px,5.55vw,100px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:white;font-family:Figtree,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7293ff;outline-offset:6px}::selection{background:#5b79f3;color:white}.wrap{width:100%;max-width:1600px;margin:auto;padding-left:var(--gutter);padding-right:var(--gutter)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:500}h1,h2{text-transform:uppercase;letter-spacing:-.045em;line-height:1.02}h2{font-size:clamp(42px,5.4vw,84px)}.big{font-size:clamp(58px,7.5vw,116px)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.11em;line-height:1.5;color:var(--muted)}.skip{position:fixed;top:0;left:20px;z-index:50;background:white;color:var(--navy);padding:15px;transform:translateY(-120%)}.skip:focus{transform:translateY(0)}.header{position:absolute;top:30px;left:0;width:100%;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter)}.brand{display:inline-flex;flex-shrink:0}.brand img{max-width:100%;height:auto}.header nav{display:flex;align-items:center;gap:34px;padding:8px 8px 8px 34px;border:1px solid #ffffff16;border-radius:16px;background:#23253485;backdrop-filter:blur(20px)}.header nav>a{color:#b6bbc9;font-size:13px;transition:color .2s}.header nav>a:hover{color:white}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:64px;padding:20px 28px;border-radius:12px;background:var(--ice);color:var(--navy);font-size:15px;transition:background .25s,box-shadow .25s,transform .25s}.button:hover{background:#e5edfa;box-shadow:0 0 35px #a9bfff24;transform:translateY(-3px)}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.button.small{min-height:56px;padding:18px 24px}.menu-toggle{display:none}.hero{position:relative;min-height:960px;height:100svh;max-height:1250px;isolation:isolate;overflow:hidden}.hero-light{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 85% 65% at 52% 112%,#264de9 0%,#042096 35%,#04051600 87%)}.hero-copy{position:relative;z-index:2;padding-top:clamp(195px,23vh,275px);pointer-events:none}.hero-copy button,.hero-copy a{pointer-events:auto}.intro{display:flex;align-items:center;gap:13px;margin-bottom:42px}.status-dot{width:5px;height:5px;border-radius:50%;background:#a1b1ff;box-shadow:0 0 12px #5b79f3}.eyebrow-divider{margin:0 4px;opacity:.4}h1{font-size:clamp(70px,8.1vw,130px);line-height:.99}h1 span{display:block;animation:enter 1s both}h1 span:nth-child(2){animation-delay:.13s}.hero-bottom{display:flex;align-items:center;gap:clamp(50px,14vw,220px);margin-top:42px;animation:enter 1s .25s both}.hero-bottom p{color:var(--ice);font-size:18px;line-height:1.55}.orbit-scene{position:absolute;width:min(1250px,105%);height:480px;left:50%;bottom:-40px;transform:translateX(-50%);z-index:1;pointer-events:none}.orbit-scene canvas{width:100%;height:100%;display:block}.orbit-fallback{position:absolute;left:18%;top:30%;width:64%;height:40%;border:2px solid #8295e680;box-shadow:inset 0 0 40px #5473fb44,0 0 25px #7293ff25;border-radius:50%;transform:rotate(12deg);z-index:-1}.orbit-scene.ready .orbit-fallback{display:none}.orbit-caption{position:absolute;right:7%;bottom:110px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#b3c2ef;opacity:.65}.hero-foot{position:absolute;z-index:2;bottom:38px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ice)}.hero-foot a span{display:inline-block;margin-left:20px}.light{background:var(--paper);color:var(--navy)}.light .eyebrow{color:#4a556a}.work{padding:90px 0 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:32px 0 48px}.section-heading>p{font-size:16px;line-height:1.5;color:var(--muted);max-width:300px}.light .section-heading>p{color:#556174}.project{width:100%;border:0;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;text-align:left;padding:34px 38px;border-radius:14px;transition:transform .5s,box-shadow .5s}.project:hover{transform:translateY(-5px);box-shadow:0 18px 50px #04051614}.project-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.09em;z-index:2}.project-arrow{display:grid;place-items:center;font-size:23px;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;transition:transform .35s,background .35s}.project:hover .project-arrow{transform:rotate(45deg)}.featured{height:570px;background:linear-gradient(125deg,#cad6e1,#dfe7ee 60%,#a4b3c4);color:var(--ink)}.project-display{position:relative;display:block;font-family:Outfit,sans-serif;letter-spacing:-.05em;line-height:.94;text-transform:uppercase;z-index:1;font-size:clamp(78px,8.2vw,126px);margin-top:42px}.project-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:auto;z-index:2}.project h3{font-family:Figtree,sans-serif;font-size:20px;letter-spacing:0;margin-bottom:16px}.tags,.concept{font-size:10px;letter-spacing:.07em;text-transform:uppercase}.concept{font-size:8px;opacity:.7}.chrome-ring{position:absolute;right:9%;top:26%;width:33%;aspect-ratio:1.28;border-radius:50%;background:conic-gradient(from 40deg,#eef4fa,#627188 15%,#cbd9e5 25%,white 32%,#a6b6c8 45%,#f0f6fc 55%,#75889d 72%,#dce6ef 82%,white 89%,#eef4fa);transform:rotate(-28deg) rotateX(42deg);box-shadow:12px 30px 35px #56657b25,inset 2px 4px 3px #fff;transition:transform 1s}.chrome-ring:after{content:'';position:absolute;inset:23%;border-radius:50%;background:linear-gradient(150deg,#9baabd,#d3dfe9);box-shadow:inset 10px 18px 12px #5d708b55,-3px -6px 8px #f6faff}.project:hover .chrome-ring{transform:rotate(-15deg) rotateX(30deg)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.project-grid .project{height:430px;padding:30px}.project-grid .project-display{font-size:clamp(36px,4.3vw,65px);margin-top:65px}.esports{background:#0b133c;color:white}.speed-lines{position:absolute;left:17%;top:20%;width:80%;height:80%;display:flex;gap:18px;transform:skew(30deg) rotate(-3deg);opacity:.8}.speed-lines i{display:block;width:30px;height:90%;background:linear-gradient(#5b79f3,#273882);transition:transform .6s}.speed-lines i:nth-child(even){transform:translateY(40px);opacity:.65}.esports:hover .speed-lines i{transform:translateY(-20px)}.esports:hover .speed-lines i:nth-child(even){transform:translateY(60px)}.gaia{background:#c8d0c0;color:#16352e}.planet{position:absolute;width:65%;aspect-ratio:1;right:-8%;top:18%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f0f1d7 0%,#889b78 32%,#173e35 69%);box-shadow:inset -10px -6px 20px #13362e;transition:transform .8s}.gaia:hover .planet{transform:scale(1.07) translateX(-6px)}.clients{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid #bfc8d4;margin-top:70px;padding:60px 0 70px}.clients>span{text-transform:uppercase;font-family:Outfit,sans-serif;font-size:clamp(13px,1.5vw,22px);letter-spacing:-.025em}.obsession{position:relative;overflow:hidden;padding:110px 0 75px;isolation:isolate}.obsession .big{margin-top:65px}.obsession-glow{position:absolute;right:-240px;top:-50px;width:850px;height:850px;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#5b79f375, #04209680 20%,transparent 64%);animation:breathe 9s ease-in-out infinite}.manifesto{margin-top:45px;color:var(--ice);line-height:1.55}.manifesto .lead{font-size:25px;margin-bottom:10px}.manifesto>p:last-child{font-size:19px}.mobile-break{display:none}.signature{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ice);text-align:right;margin-top:65px}.services{padding-top:85px;padding-bottom:110px;border-top:1px solid var(--line)}.services .section-heading{margin-bottom:65px}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:60px 1fr 1fr 25px;gap:20px;align-items:center;padding:34px 0;transition:color .2s}summary::-webkit-details-marker{display:none}summary .number{font-size:12px;color:#8ba1ff}summary h3{font-size:clamp(18px,1.7vw,25px);text-transform:uppercase;letter-spacing:-.025em}.service-description{font-size:17px;color:var(--ice)}.expand{font-size:25px;color:var(--ice)}details[open] .expand{transform:rotate(45deg)}summary:hover h3{color:#95aaff}.service-content{padding:0 45px 38px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;line-height:1.6;color:var(--ice)}.service-content ul{list-style:none;padding:0;margin:0;display:flex;gap:8px;align-content:start;flex-wrap:wrap}.service-content li{border:1px solid #ffffff25;border-radius:30px;padding:6px 14px;font-size:12px;height:fit-content}.process{padding:90px 0 110px}.process h2{margin:35px 0 20px}.process-intro{color:#556174;font-size:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:70px 0 0}.steps li{border-top:1px solid #bfc8d4;padding-top:25px}.steps li>span{color:var(--blue);font-size:12px}.steps h3{font-size:22px;text-transform:uppercase;margin:30px 0 20px;letter-spacing:-.025em}.steps p{color:#556174;line-height:1.6;font-size:16px}.contact{position:relative;overflow:hidden;padding-top:100px;background:radial-gradient(ellipse 70% 50% at 60% 115%,#395af6 0%,#042096 50%,transparent 100%)}.contact .big{margin-top:60px}.contact-copy{font-size:21px;color:var(--ice);margin:32px 0}.contact footer{border-top:1px solid #ffffff26;margin-top:115px;padding:55px 0 65px;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{color:var(--ice);font-size:14px;margin-top:14px}.footer-brand{width:220px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;font-size:13px}.footer-links p{grid-column:1/-1}dialog{width:min(620px,calc(100% - 32px));border:1px solid #ffffff25;border-radius:18px;background:#0b1025;color:white;padding:48px;max-height:90svh;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#020514bd;backdrop-filter:blur(12px)}dialog h2{font-size:54px;margin:24px 0}dialog>p:not(.eyebrow){color:var(--ice);line-height:1.6}.dialog-close{position:absolute;right:18px;top:14px;width:38px;height:38px;background:transparent;border:0;font-size:30px;color:var(--ice)}form{display:grid;gap:20px;margin-top:28px}form label{display:grid;gap:8px;font-size:13px;color:var(--ice)}input,textarea{width:100%;background:#ffffff05;color:white;border:1px solid #ffffff28;border-radius:7px;padding:13px 15px;font-size:16px;resize:vertical}input::placeholder,textarea::placeholder{color:#8e9ab0}.form-note,.project-note{font-size:12px;line-height:1.6;color:#a8b4ca}.project-note{padding:20px 0;margin:22px 0;border-block:1px solid #ffffff20}#form-status{font-size:13px;color:#d1dcff;line-height:1.5}body.modal-open{overflow:hidden}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}.js .project.reveal.visible:hover{transform:translateY(-5px)}@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{transform:scale(1.16) translate(-30px,20px);opacity:.7}}
@media(min-width:1600px){.header{left:50%;transform:translateX(-50%);max-width:1600px}.hero-copy{padding-top:250px}}@media(max-width:1000px){.hero{min-height:870px}.hero-copy{padding-top:200px}.hero-bottom{gap:70px}.orbit-scene{height:400px;bottom:0}.project-grid .project{height:360px;padding:25px}.project-grid .project-display{margin-top:60px}.featured{height:490px}.project h3{font-size:17px}.clients{gap:20px}.clients .eyebrow{max-width:80px}.service-description{font-size:14px}.steps{gap:20px}.steps h3{font-size:17px}.steps p{font-size:14px}.footer-brand{width:170px}.hero-copy .intro{font-size:10px}}
@media(max-width:700px){html{scroll-padding-top:30px}.header{top:24px}.header .brand img{width:105px}.menu-toggle{display:flex;gap:18px;align-items:center;background:#ffffff08;border:1px solid #ffffff20;padding:12px 17px;border-radius:10px;font-size:13px}.menu-toggle span{font-size:20px}.header nav{display:none;position:absolute;right:var(--gutter);left:var(--gutter);top:64px;padding:24px;gap:20px;align-items:stretch;background:#0b1025f5}.header nav.open{display:flex;flex-direction:column}.header nav>a{font-size:20px;padding:10px}.hero{height:900px;min-height:0;max-height:none}.hero-copy{padding-top:160px}.intro{font-size:9px!important;gap:8px;letter-spacing:.05em;margin-bottom:35px}.eyebrow-divider{display:none}.intro .status-dot{display:none}h1{font-size:clamp(39px,9.4vw,67px);line-height:1.08;letter-spacing:-.047em}.hero-bottom{margin-top:30px;display:block}.hero-bottom p{font-size:16px}.hero-bottom .button{margin-top:25px}.button{min-height:56px;padding:17px 22px;font-size:14px}.orbit-scene{width:150%;height:330px;bottom:-20px}.orbit-caption{display:none}.hero-foot{bottom:28px;font-size:8px;letter-spacing:.04em}.hero-foot a span{margin-left:10px}.work{padding-top:65px}.eyebrow{font-size:10px}.section-heading{display:block;margin:25px 0 32px}.section-heading>p{margin-top:20px;font-size:14px}.section-heading>p br{display:none}h2{font-size:clamp(36px,8.4vw,58px)}.featured{height:510px;padding:23px}.project-display{font-size:72px;margin-top:35px}.chrome-ring{width:48%;top:39%;right:5%}.project h3{font-size:15px;margin-bottom:12px}.project-top{font-size:9px}.project-arrow{width:30px;height:30px;font-size:19px}.project-bottom{gap:8px}.tags{font-size:8px}.concept{font-size:7px}.project-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.project-grid .project{height:350px}.project-grid .project-display{font-size:51px;margin-top:45px}.clients{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;padding:35px 0 45px;gap:28px 15px}.clients .eyebrow{max-width:unset}.clients>span{font-size:14px}.obsession{padding:65px 0 50px}.obsession .big{margin-top:40px}.big{font-size:clamp(45px,10.8vw,74px)}.obsession-glow{width:600px;height:600px;right:-400px;top:20px}.manifesto{margin-top:30px}.manifesto .lead{font-size:21px}.manifesto>p:last-child{font-size:16px}.mobile-break{display:block}.signature{font-size:8px;margin-top:40px}.services{padding-top:55px;padding-bottom:65px}.services .section-heading{margin-bottom:40px}summary{grid-template-columns:26px 1fr 18px;gap:12px;padding:26px 0}summary h3{font-size:19px}.service-description{grid-column:2;grid-row:2;font-size:13px}.expand{grid-column:3;grid-row:1/3}.service-content{padding:0 0 28px 38px;display:block;font-size:15px}.service-content ul{margin-top:20px}.process{padding:60px 0}.process h2{margin-top:30px}.process-intro{font-size:16px;line-height:1.5}.steps{grid-template-columns:1fr 1fr;margin-top:40px;gap:35px 22px}.steps h3{margin-top:22px;margin-bottom:15px;font-size:16px}.steps p{font-size:13px}.contact{padding-top:65px}.contact .big{margin-top:40px}.contact-copy{font-size:17px;line-height:1.5;max-width:290px}.contact footer{margin-top:75px;padding:35px 0 45px;display:grid;grid-template-columns:1fr 1fr;gap:35px 20px}.footer-brand{grid-column:1/-1;width:180px}footer .eyebrow{font-size:8px}footer p{font-size:11px;line-height:1.5}.footer-links{font-size:12px;gap:0 20px}dialog{padding:34px 24px}dialog h2{font-size:42px}dialog .button{gap:15px;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.orbit-scene{transform:translateX(-50%)} }