@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#0066FF;--deep:#0023A6;--black:#0B0B0B;--white:#fff;--muted:#858585;--line:rgba(255,255,255,.14);--pad:clamp(18px,3.2vw,58px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--blue)}
.noise{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor{position:fixed;width:34px;height:34px;border:1px solid rgba(255,255,255,.5);border-radius:50%;z-index:9999;pointer-events:none;mix-blend-mode:difference;transition:.2s}.cursor.active{width:64px;height:64px;background:rgba(255,255,255,.12)}
.nav{position:fixed;z-index:1000;top:0;left:0;right:0;height:76px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:.3s}.nav.scrolled{background:rgba(11,11,11,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.logo{font-size:23px;font-weight:900;letter-spacing:-.06em}.logo span{color:var(--blue)}.links{display:flex;gap:28px;font-size:12px}.links a:hover,.nav-cta:hover{color:var(--blue)}.nav-cta{justify-self:end;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.hero{min-height:100vh;position:relative;padding:120px var(--pad) 42px;display:flex;align-items:center;overflow:hidden}.hero-content{position:relative;z-index:3;width:100%}.eyebrow{font-size:9px;letter-spacing:.16em;color:#aaa;margin:0 0 7vh}.hero h1{font-size:clamp(88px,17vw,310px);line-height:.64;letter-spacing:-.095em;margin:0;font-weight:900}.mask{display:block;overflow:hidden;padding:.04em 0 .12em}.mask>span{display:block;transform:translateY(120%);animation:enter 1.1s var(--ease) forwards}.mask:nth-child(2)>span{animation-delay:.08s}.mask:nth-child(3)>span{animation-delay:.16s}@keyframes enter{to{transform:none}}.blue,.display span{color:var(--blue)}.hero-desc{max-width:520px;font-size:clamp(14px,1.3vw,20px);line-height:1.45;margin:5vh 0 0}.hero-actions{display:flex;gap:30px;margin-top:30px}.hero-actions a{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:7px}.muted-link{color:#777}.hero-fluid{position:absolute;right:-17%;top:5%;width:66vw;height:85vh;background:var(--blue);border-radius:50% 50% 38% 62%/48% 35% 65% 52%;transform:rotate(-21deg);animation:float 9s ease-in-out infinite}@keyframes float{50%{transform:rotate(-14deg) translateY(-20px) scale(1.04)}}.side-copy{position:absolute;right:var(--pad);top:50%;font-size:8px;letter-spacing:.28em;color:#666;transform:rotate(90deg) translateX(50%);transform-origin:right top;z-index:3}
.section{padding:140px var(--pad);border-top:1px solid var(--line)}.section-label{font-size:9px;letter-spacing:.16em;color:#888;margin:0 0 78px}.display{font-size:clamp(58px,9.4vw,165px);line-height:.82;letter-spacing:-.072em;margin:0;font-weight:900}.studio-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:end}.studio-copy{font-size:clamp(18px,2vw,30px);line-height:1.25;letter-spacing:-.025em}.studio-copy p{margin:0 0 25px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:80px}.head-note{max-width:290px;color:#888;font-size:12px;line-height:1.55}.projects{display:flex;flex-direction:column;gap:130px}.project{width:78%}.project.offset{margin-left:auto}.project-art{height:min(60vw,720px);min-height:480px;position:relative;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.08)}.project-no{position:absolute;top:18px;left:18px;font-size:10px;color:#bbb;z-index:6}.project-art small{position:absolute;left:18px;bottom:18px;z-index:6;font-size:9px;letter-spacing:.12em}.project-art strong{position:absolute;right:-4%;bottom:-17%;font-size:clamp(340px,44vw,750px);line-height:1;color:rgba(255,255,255,.12);letter-spacing:-.14em}.project-art .small-type{font-size:clamp(220px,33vw,540px);bottom:-10%;right:2%}.fluid{position:absolute;width:62%;height:130%;left:16%;top:-20%;background:var(--blue);border-radius:49% 51% 58% 42%/40% 46% 54% 60%;transform:rotate(-25deg);transition:.8s var(--ease)}.project-art:hover .fluid{transform:rotate(-17deg) scale(1.08);border-radius:36% 64% 48% 52%/56% 37% 63% 44%}.fluid-small{width:46%;left:48%;background:var(--deep)}.project-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:14px}.project-meta h3{font-size:clamp(24px,3vw,48px);letter-spacing:-.05em;margin:0 0 7px}.project-meta p{font-size:11px;color:#777;margin:0}.project-meta>span{font-size:10px;color:#777}.art-2{background:#060606}.orbit{position:absolute;width:66%;aspect-ratio:1;border:2px solid var(--blue);border-radius:50%;left:17%;top:12%;box-shadow:0 0 0 40px rgba(0,102,255,.06),0 0 0 90px rgba(0,102,255,.04)}.art-2 strong{color:var(--blue);opacity:.95}.art-3{background:#071020}.grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:72px 72px}.poster-stack{position:absolute;inset:10%;display:flex;align-items:center;justify-content:center;gap:2vw;transform:rotate(-4deg)}.poster-stack i{width:25%;height:72%;border:1px solid rgba(255,255,255,.55);background:linear-gradient(160deg,#111 0 48%,var(--blue) 48% 75%,#fff 75%)}.poster-stack i:nth-child(2){transform:translateY(-8%)}.poster-stack i:nth-child(3){transform:translateY(8%)}.tiles{position:absolute;inset:10%;display:grid;grid-template-columns:1fr 1fr;gap:15px}.tiles i{border:1px solid rgba(255,255,255,.35)}.tiles i:nth-child(2),.tiles i:nth-child(3){background:var(--blue)}.capsule{position:absolute;width:34%;height:90%;left:33%;top:5%;background:var(--blue);border-radius:999px;transform:rotate(28deg);box-shadow:0 0 70px rgba(0,102,255,.25)}
.statement{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden}.statement-ribbon{position:absolute;width:125%;height:38%;left:-12%;top:33%;background:var(--blue);border-radius:50%;transform:rotate(-7deg)}.statement h2{position:relative;z-index:2;font-size:clamp(100px,19vw,340px);line-height:.66;letter-spacing:-.095em;text-align:center;margin:0}
.services .display{margin-bottom:90px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px 1fr minmax(180px,.4fr);align-items:center;min-height:105px;border-bottom:1px solid var(--line);transition:.3s}.service>span{font-size:10px;color:#777}.service strong{font-size:clamp(30px,4.9vw,76px);letter-spacing:-.055em}.service em{font-size:10px;font-style:normal;color:#777;text-align:right}.service:hover{color:var(--blue);transform:translateX(10px)}.service:hover em{color:var(--blue)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{min-height:300px;padding:24px;border-right:1px solid var(--line)}.steps article:first-child{padding-left:0}.steps article:last-child{border-right:0}.steps article>span{font-size:52px;color:var(--blue);font-weight:800}.steps h3{font-size:25px;margin:110px 0 8px}.steps p{font-size:11px;color:#777;line-height:1.5;margin:0}
.contact{min-height:100vh;padding:130px var(--pad) 90px;position:relative;overflow:hidden;border-top:1px solid var(--line)}.contact-fluid{position:absolute;width:70%;height:90%;right:-16%;bottom:-18%;background:var(--blue);border-radius:48% 52% 64% 36%/45% 34% 66% 55%;transform:rotate(-20deg)}.contact h2,.contact .section-label,.contact-bottom{position:relative;z-index:2}.contact h2{font-size:clamp(70px,10.5vw,185px);line-height:.8;letter-spacing:-.075em;margin:0}.contact-bottom{margin-top:70px;display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-btn{min-width:min(450px,100%);border-top:1px solid #fff;border-bottom:1px solid #fff;padding:20px 0;display:flex;justify-content:space-between;font-size:13px;letter-spacing:.08em}.contact-bottom p{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.contact-bottom div a{font-size:13px;border-bottom:1px solid rgba(255,255,255,.6)}
.footer{background:#030303;padding:65px var(--pad) 0;display:grid;grid-template-columns:1.2fr .5fr .5fr;gap:50px;overflow:hidden;border-top:1px solid var(--line)}.brand-block,.footer-links{display:flex;flex-direction:column;gap:8px}.brand-block strong{font-size:24px}.brand-block span,.copyright{font-size:10px;color:#777}.footer-links{font-size:11px}.footer-links a:hover{color:var(--blue)}.copyright{grid-column:1/4;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.footer-word{grid-column:1/4;font-size:clamp(180px,29vw,500px);line-height:.72;font-weight:900;letter-spacing:-.1em;white-space:nowrap;transform:translateY(15%)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav{grid-template-columns:1fr 1fr}.links{display:none}.hero-fluid{right:-45%;width:95vw}.studio-grid{grid-template-columns:1fr;gap:50px}.project,.project.offset{width:100%;margin-left:0}.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(2){border-right:0}.steps article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:640px){:root{--pad:18px}.cursor{display:none}.nav{height:64px}.nav-cta{font-size:9px}.hero{padding-top:95px;min-height:100svh}.hero h1{font-size:21vw}.hero-fluid{right:-80%;top:16%;width:140vw;height:68vh}.side-copy{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.section{padding:100px var(--pad)}.section-label{margin-bottom:55px}.section-head{display:block}.head-note{margin-top:25px}.project-art{height:118vw;min-height:0}.projects{gap:90px}.project-meta{gap:20px}.statement{min-height:75vh}.statement h2{font-size:24vw}.statement-ribbon{width:190%;left:-45%;height:30%}.service{grid-template-columns:34px 1fr;min-height:82px}.service strong{font-size:9.5vw}.service em{display:none}.steps{grid-template-columns:1fr}.steps article,.steps article:nth-child(2){border-right:0;border-bottom:1px solid var(--line);min-height:210px;padding:22px 0}.steps h3{margin-top:55px}.contact{padding:100px var(--pad) 65px;min-height:850px}.contact-fluid{width:150%;height:70%;right:-70%;bottom:-8%}.contact h2{font-size:15.5vw}.contact-bottom{flex-direction:column;align-items:flex-start}.contact-btn{min-width:100%}.footer{grid-template-columns:1fr 1fr}.brand-block{grid-column:1/3}.copyright,.footer-word{grid-column:1/3}.footer-word{font-size:44vw}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}