:root{--night:#020611;--deep:#031127;--navy:#061a38;--electric:#4bbdff;--white:#f6fbff;--muted:#9eb6ca;--line:rgba(174,220,255,.18);--page:min(92vw,1560px);--pad:max(24px,4.4vw);--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{background:var(--night);color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--white);background:var(--night);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}::selection{color:#00142e;background:#8cdaff}
#hydro-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at 70% 20%,#0b3672 0,transparent 34%),linear-gradient(145deg,#01040d,#04132b 55%,#020715)}.atmosphere{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.62;background:radial-gradient(ellipse at 48% -10%,rgba(58,155,255,.16),transparent 44%),linear-gradient(180deg,transparent 0 70%,rgba(1,4,13,.62));mix-blend-mode:screen}.atmosphere:after{content:'';position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header,main,.footer{position:relative;z-index:2}
.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;height:92px;padding:0 var(--pad);transition:background .45s ease,height .45s ease,border-color .45s ease;border-bottom:1px solid transparent}.site-header.is-scrolled{height:72px;border-color:rgba(166,218,255,.1);background:rgba(2,8,22,.72);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}.nav-brand{display:inline-flex;align-items:center;gap:13px;font:500 13px/1 var(--mono);letter-spacing:.22em}.nav-brand img{width:31px;height:31px;object-fit:contain;filter:brightness(0) invert(1)}.site-menu{display:flex;align-items:center;gap:clamp(18px,2.4vw,42px);font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.site-menu a{position:relative;padding:14px 0;color:rgba(239,249,255,.76);transition:color .25s ease}.site-menu a:not(.nav-contact):after{content:'';position:absolute;left:0;right:100%;bottom:8px;height:1px;background:var(--electric);transition:right .3s ease}.site-menu a:hover,.site-menu a:focus-visible{color:#fff}.site-menu a:hover:after,.site-menu a:focus-visible:after{right:0}.nav-contact{display:inline-flex;gap:22px;align-items:center;min-height:44px;padding:0 17px!important;border:1px solid rgba(193,231,255,.32);background:rgba(13,54,105,.28)}.nav-contact span{color:var(--electric);font-size:15px}.menu-toggle{display:none;width:52px;height:48px;border:0;padding:0;color:#fff;background:transparent;cursor:pointer}
.hero{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:center;padding:140px var(--pad) 80px}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,5,15,.72) 0%,rgba(2,11,29,.24) 45%,rgba(2,8,20,.34) 100%),linear-gradient(0deg,rgba(1,5,14,.85),transparent 36%)}.hero-aura{position:absolute;width:min(74vw,1100px);aspect-ratio:1;right:-18%;top:-30%;border-radius:50%;background:radial-gradient(circle at 40% 45%,rgba(84,194,255,.22),rgba(8,55,121,.07) 36%,transparent 68%);filter:blur(12px)}.hero-copy{width:min(69vw,1050px)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0;font:400 10px/1.5 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#c4dced}.eyebrow span{width:30px;height:1px;background:var(--electric);box-shadow:0 0 10px var(--electric)}.hero-logo{width:min(68vw,990px);margin:clamp(36px,5vh,64px) 0 0;filter:brightness(0) invert(1)}.hero-lower{display:flex;align-items:end;justify-content:space-between;gap:48px;width:min(66vw,960px);margin-top:clamp(35px,6vh,74px)}.hero-lower>p{max-width:520px;margin:0;color:#c3d3df;font-size:clamp(15px,1.3vw,19px);line-height:1.68;font-weight:300}.primary-cta{min-width:218px;min-height:58px;display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:0 21px;border:1px solid rgba(166,220,255,.4);background:linear-gradient(120deg,rgba(24,95,169,.34),rgba(6,26,58,.18));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font:400 10px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;transition:background .3s ease,border-color .3s ease,transform .3s ease}.primary-cta i{font-style:normal;color:#7bd2ff;font-size:18px;transition:transform .3s ease}.primary-cta:hover,.primary-cta:focus-visible{transform:translateY(-2px);border-color:rgba(209,241,255,.8);background:rgba(65,166,235,.25)}.primary-cta:hover i{transform:translate(3px,-3px)}
.liquid-sculpture{position:absolute;z-index:-1;right:clamp(-120px,2vw,30px);top:47%;width:clamp(330px,33vw,590px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center;border:1px solid rgba(171,226,255,.22);border-radius:44% 56% 60% 40%/48% 40% 60% 52%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.26),transparent 11%),linear-gradient(145deg,rgba(76,172,234,.16),rgba(2,18,46,.27));box-shadow:inset 22px 18px 55px rgba(144,220,255,.14),inset -32px -28px 58px rgba(0,5,21,.55),0 50px 120px rgba(0,15,48,.5),8px 1px 0 rgba(255,38,166,.15),-7px 0 0 rgba(0,230,255,.16);-webkit-backdrop-filter:blur(11px) saturate(165%) contrast(115%);backdrop-filter:blur(11px) saturate(165%) contrast(115%);animation:morph 12s ease-in-out infinite alternate;will-change:transform,border-radius}.liquid-sculpture:before{content:'';position:absolute;inset:3%;border-radius:inherit;border:1px solid rgba(204,241,255,.17);filter:blur(.2px)}.liquid-sculpture:after{content:'';position:absolute;inset:-2%;border-radius:inherit;background:conic-gradient(from 140deg,transparent 0 15%,rgba(255,40,146,.36) 18%,rgba(255,190,64,.22) 20%,transparent 23% 57%,rgba(0,222,255,.32) 61%,rgba(113,75,255,.24) 64%,transparent 69%);filter:blur(4px);mix-blend-mode:screen;opacity:.62;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:5px;mask-composite:exclude;-webkit-mask-composite:xor}.liquid-sculpture img{width:38%;filter:brightness(0) invert(1);opacity:.75}.liquid-sculpture>span{position:absolute;right:13%;bottom:18%;font:300 8px/1.5 var(--mono);text-align:center;letter-spacing:.18em;color:#c8eaff}.liquid-edge{position:absolute;inset:-1px;border-radius:inherit;box-shadow:inset 2px 2px 2px rgba(239,251,255,.45),inset -2px -2px 3px rgba(1,10,32,.55)}.liquid-glow{position:absolute;width:40%;aspect-ratio:1;top:10%;left:11%;border-radius:50%;background:#81d5ff;opacity:.1;filter:blur(30px)}.hero-coordinate{position:absolute;right:var(--pad);bottom:40px;font:300 9px/1.6 var(--mono);letter-spacing:.1em;color:rgba(203,231,247,.48);text-align:right}.scroll-cue{position:absolute;bottom:28px;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateX(-50%);font:300 8px/1 var(--mono);letter-spacing:.16em;color:rgba(221,239,249,.62)}.scroll-cue i{width:1px;height:40px;overflow:hidden;background:rgba(210,237,255,.22)}.scroll-cue i:after{content:'';display:block;width:1px;height:18px;background:#9be0ff;animation:scroll-line 2.4s ease-in-out infinite}
.section-shell{width:var(--page);margin-inline:auto}.manifest{min-height:78vh;display:grid;grid-template-columns:.55fr 2.1fr .75fr;gap:6vw;align-items:center;padding-block:clamp(110px,14vw,230px)}.section-label{display:flex;align-items:baseline;gap:14px;font:400 9px/1 var(--mono);letter-spacing:.16em;color:#b4cada;text-transform:uppercase}.section-label span{color:var(--electric)}.section-label p{margin:0}.superline{max-width:1000px;margin:0;font-size:clamp(42px,5.7vw,96px);line-height:.99;letter-spacing:-.065em;font-weight:400}.supporting{max-width:680px;margin:48px 0 0 auto;color:var(--muted);font-size:clamp(15px,1.25vw,19px);line-height:1.75;font-weight:300}.glass-stat{justify-self:end;width:min(100%,250px);padding:35px 28px;border:1px solid rgba(181,224,255,.18);background:linear-gradient(145deg,rgba(22,70,125,.34),rgba(2,14,37,.22));box-shadow:inset 1px 1px rgba(255,255,255,.12),0 30px 60px rgba(0,7,25,.24);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.glass-stat strong{display:block;font-size:clamp(54px,6vw,92px);line-height:.9;font-weight:300;letter-spacing:-.07em}.glass-stat span{display:block;margin-top:24px;font:300 9px/1.6 var(--mono);letter-spacing:.13em;color:#a9c5da}
.featured{position:relative;min-height:min(88vh,980px);overflow:hidden;display:grid;align-items:end}.featured-image,.featured-overlay{position:absolute;inset:0}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.18,.7,.2,1)}.featured:hover .featured-image img{transform:scale(1.025)}.featured-overlay{background:linear-gradient(90deg,rgba(1,5,13,.76),rgba(2,10,22,.08) 65%),linear-gradient(0deg,rgba(1,5,13,.9),transparent 65%)}.featured-content{position:relative;width:var(--page);margin:0 auto;padding-bottom:clamp(48px,7vw,110px)}.featured-content h2{margin:32px 0 42px;font-size:clamp(74px,12vw,190px);line-height:.72;letter-spacing:-.09em;font-weight:400}.featured-content>div{display:flex;gap:6vw;align-items:end}.featured-content>div p{max-width:470px;margin:0;font-size:clamp(15px,1.25vw,19px);line-height:1.65;color:#d3dfe6}.text-link{display:inline-flex;align-items:center;gap:42px;min-width:180px;padding:0 0 10px;border-bottom:1px solid rgba(196,232,255,.55);font:400 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.text-link i{margin-left:auto;color:var(--electric);font-style:normal;font-size:16px}
.projects{padding-block:clamp(120px,12vw,210px)}.section-heading{display:grid;grid-template-columns:.5fr 1.55fr .75fr;gap:5vw;align-items:end;margin-bottom:clamp(60px,8vw,130px)}.section-heading h2{margin:0;font-size:clamp(56px,8vw,128px);line-height:.88;letter-spacing:-.075em;font-weight:400}.section-heading h2 em,.technology h2 em,.contact h2 em{color:#82cfff;font-family:Georgia,serif;font-weight:400}.section-heading>p{max-width:390px;margin:0;color:var(--muted);line-height:1.7;font-size:14px}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.25vw,22px);align-items:stretch}.project-card,.project-card:nth-child(n){--mx:50%;--my:50%;position:relative;overflow:hidden;grid-column:auto;min-height:0;aspect-ratio:4/5;border:1px solid rgba(170,218,255,.1);background:#061328;isolation:isolate}.project-media,.project-shade{position:absolute;inset:0}.project-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04);transition:transform .9s cubic-bezier(.18,.7,.2,1),filter .6s ease}.project-shade{z-index:1;background:radial-gradient(circle 340px at var(--mx) var(--my),rgba(70,171,234,.08),transparent 70%),linear-gradient(0deg,rgba(1,6,16,.94),rgba(1,6,15,.06) 70%)}.project-info{position:absolute;z-index:2;left:clamp(16px,1.55vw,26px);right:clamp(16px,1.55vw,26px);bottom:clamp(18px,1.8vw,30px)}.project-info p{margin:0 0 10px;font:300 7px/1.45 var(--mono);letter-spacing:.11em;color:#a9c5d8;text-transform:uppercase}.project-info h3{max-width:96%;margin:0;font-size:clamp(20px,1.75vw,30px);line-height:1.04;letter-spacing:-.04em;font-weight:400}.project-info>span{display:inline-block;margin-top:18px;opacity:0;transform:translateY(8px);font:300 8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;transition:opacity .35s ease,transform .35s ease}.project-index{position:absolute;z-index:2;top:18px;right:20px;font:300 8px/1 var(--mono);letter-spacing:.1em;color:rgba(240,249,255,.62)}.project-card:hover .project-media img{transform:scale(1.045);filter:saturate(1) contrast(1.03)}.project-card:hover .project-info>span{opacity:.75;transform:translateY(0)}
.technology{position:relative;width:var(--page);min-height:85vh;margin:0 auto clamp(120px,12vw,210px);display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:center;padding:clamp(70px,8vw,130px);overflow:hidden;border:1px solid rgba(161,216,255,.15);background:linear-gradient(130deg,rgba(6,29,65,.76),rgba(2,11,29,.55));-webkit-backdrop-filter:blur(26px) saturate(130%);backdrop-filter:blur(26px) saturate(130%)}.technology:before{content:'';position:absolute;width:70%;aspect-ratio:1;right:-35%;top:-35%;border-radius:50%;border:1px solid rgba(103,199,255,.19);box-shadow:0 0 100px rgba(26,129,213,.14),inset 0 0 100px rgba(36,143,224,.08)}.technology-copy,.technology-list{position:relative;z-index:1}.technology h2{margin:50px 0 42px;font-size:clamp(58px,7vw,112px);line-height:.88;letter-spacing:-.075em;font-weight:400}.technology-copy>p{max-width:600px;margin:0;color:#a9c2d5;font-size:clamp(15px,1.2vw,18px);line-height:1.75}.immersive-link{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px 20px;width:min(100%,420px);margin-top:44px;padding:20px 22px;border:1px solid rgba(135,215,255,.34);background:linear-gradient(110deg,rgba(31,116,190,.25),rgba(6,29,66,.26));font:400 9px/1 var(--mono);letter-spacing:.13em;transition:border-color .3s ease,background .3s ease}.immersive-link i{grid-row:1/3;grid-column:2;align-self:center;color:#75d2ff;font-style:normal;font-size:20px}.immersive-link small{font:300 8px/1 var(--mono);letter-spacing:.08em;color:#7699b2}.immersive-link:hover{border-color:#9cddff;background:rgba(44,139,211,.23)}.technology-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.technology-list li{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:300}.technology-list span{color:#60c2fc;font:300 9px/1.8 var(--mono)}.technology-orb{position:absolute;width:360px;aspect-ratio:1;left:48%;bottom:-170px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(194,235,255,.16);background:radial-gradient(circle at 34% 27%,rgba(139,222,255,.18),rgba(7,43,91,.08) 48%,rgba(0,5,17,.45));box-shadow:inset 12px 16px 40px rgba(119,205,255,.08)}.technology-orb img{width:43%;filter:brightness(0) invert(1);opacity:.18}
.services{padding-block:0 clamp(120px,13vw,220px)}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:80px 1.2fr 1fr 30px;gap:3vw;align-items:center;min-height:118px;border-bottom:1px solid var(--line);transition:padding .35s ease,background .35s ease}.service-row:hover{padding-inline:20px;background:linear-gradient(90deg,rgba(19,82,142,.16),transparent)}.service-row>span{font:300 9px/1 var(--mono);color:var(--electric)}.service-row h3{margin:0;font-size:clamp(21px,2.2vw,34px);font-weight:400;letter-spacing:-.035em}.service-row p{margin:0;max-width:470px;color:#88a3b8;font-size:13px;line-height:1.6}.service-row i{font-style:normal;color:#5cc8ff;font-size:18px}
.studio{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw;align-items:center;padding-block:clamp(100px,11vw,190px);border-top:1px solid var(--line)}.studio-mark{position:relative;aspect-ratio:1;display:grid;place-items:center}.studio-mark:before,.studio-mark:after{content:'';position:absolute;inset:4%;border:1px solid rgba(122,204,255,.18);border-radius:50%}.studio-mark:after{inset:15%;border-style:dashed;animation:spin 30s linear infinite}.studio-mark img{width:62%;filter:brightness(0) invert(1);opacity:.86}.studio-copy h2{margin:46px 0 36px;font-size:clamp(45px,5.3vw,86px);line-height:.97;letter-spacing:-.06em;font-weight:400}.studio-copy>p{max-width:760px;margin:0;color:#a8becf;font-size:clamp(15px,1.15vw,18px);line-height:1.76}.studio-facts{display:flex;flex-wrap:wrap;gap:22px 50px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font:300 8px/1.5 var(--mono);letter-spacing:.13em;color:#c2d7e5}
.contact{padding-block:clamp(120px,13vw,220px);border-top:1px solid var(--line)}.contact-heading h2{margin:38px 0 clamp(75px,9vw,140px);font-size:clamp(60px,10vw,160px);line-height:.82;letter-spacing:-.09em;font-weight:400}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw}.contact-direct{display:flex;align-items:flex-start;flex-direction:column}.contact-direct p{max-width:430px;margin:0 0 48px;color:#a8bfd1;line-height:1.7}.contact-direct a{margin:5px 0;padding-bottom:5px;border-bottom:1px solid rgba(184,226,255,.35);font:300 10px/1.4 var(--mono);letter-spacing:.08em}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:34px 28px}.contact-form label{display:grid;gap:10px}.contact-form label:nth-child(4){grid-column:1/-1}.contact-form label>span{font:300 8px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#87a8c0}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(173,217,247,.25);border-radius:0;padding:8px 0 15px;outline:0;color:#edf9ff;background:transparent;font-size:14px;font-weight:300;transition:border-color .25s ease}.contact-form textarea{resize:vertical;min-height:105px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#58c8ff}.contact-form .primary-cta{border-width:1px;cursor:pointer}.contact-form option{color:#071428;background:#eaf7ff}.footer{width:var(--page);margin-inline:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding-block:55px 34px;border-top:1px solid var(--line)}.footer-logo{width:min(42vw,480px);filter:brightness(0) invert(1);opacity:.8}.footer-meta{display:flex;gap:30px;font:300 8px/1.4 var(--mono);letter-spacing:.12em;color:#7793a8}.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.65,.25,1),transform .9s cubic-bezier(.2,.65,.25,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
.project-hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding:150px var(--pad) 10vh}.project-hero-image,.project-hero-shade{position:absolute;inset:0}.project-hero-image img{width:100%;height:100%;object-fit:cover}.project-hero-shade{background:linear-gradient(0deg,rgba(1,5,14,.94),rgba(1,7,18,.12) 70%),linear-gradient(90deg,rgba(1,5,14,.58),transparent 70%)}.project-title{position:relative;width:min(88vw,1350px)}.project-title h1{max-width:1400px;margin:30px 0 0;font-size:clamp(62px,10vw,165px);line-height:.82;letter-spacing:-.085em;font-weight:400}.project-detail{display:grid;grid-template-columns:.45fr 1.55fr .75fr;gap:6vw;padding-block:clamp(100px,12vw,190px)}.project-description>p{margin:0;font-size:clamp(30px,3.4vw,56px);line-height:1.08;letter-spacing:-.045em;font-weight:300}.project-meta{display:grid;align-content:start;gap:28px}.project-meta>div{padding-top:14px;border-top:1px solid var(--line)}.project-meta span{font:300 8px/1.4 var(--mono);letter-spacing:.13em;color:#69caff}.project-meta p{margin:10px 0 0;color:#a7bdcd;font-size:13px;line-height:1.6}.project-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,34px)}.gallery-item{grid-column:span 6;margin:0}.gallery-item:nth-child(5n+1){grid-column:span 12}.gallery-item:nth-child(5n+3){grid-column:span 5}.gallery-item:nth-child(5n+4){grid-column:span 7}.gallery-item a{display:block;overflow:hidden;background:#061128}.gallery-item img{width:100%;height:min(75vh,900px);object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.gallery-item:nth-child(5n+3) img,.gallery-item:nth-child(5n+4) img{height:min(62vh,720px)}.gallery-item a:hover img{transform:scale(1.025)}.gallery-item figcaption{margin-top:10px;font:300 8px/1 var(--mono);letter-spacing:.1em;color:#6f8ca3}.project-next{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-block:clamp(90px,11vw,180px)}.project-next a{display:grid;gap:13px;padding-top:18px;border-top:1px solid var(--line)}.project-next a:last-child{text-align:right}.project-next span{font:300 8px/1 var(--mono);letter-spacing:.13em;color:#60c8ff}.project-next strong{font-size:clamp(20px,2vw,34px);line-height:1.15;font-weight:400;letter-spacing:-.035em}
@keyframes morph{0%{border-radius:44% 56% 60% 40%/48% 40% 60% 52%;transform:translateY(-50%) rotate(-2deg)}100%{border-radius:57% 43% 42% 58%/39% 56% 44% 61%;transform:translateY(-52%) rotate(3deg)}}@keyframes scroll-line{0%{transform:translateY(-22px)}50%,100%{transform:translateY(44px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.hero-copy{width:min(74vw,850px)}.liquid-sculpture{opacity:.72;right:-190px}.manifest{grid-template-columns:.4fr 1.6fr}.glass-stat{grid-column:2;justify-self:start}.section-heading{grid-template-columns:.35fr 1.65fr}.section-heading>p{grid-column:2}.technology{grid-template-columns:1fr}.technology-list{max-width:620px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.project-card:nth-child(n){grid-column:auto!important;min-height:0!important;aspect-ratio:4/5}.project-info h3{font-size:clamp(24px,3.4vw,36px)}.project-detail{grid-template-columns:.4fr 1.6fr}.project-meta{grid-column:2;grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){:root{--page:calc(100vw - 40px);--pad:20px}.site-header{height:72px;padding-top:env(safe-area-inset-top)}.nav-brand img{width:28px;height:28px}.menu-toggle{display:grid;place-items:center;position:relative;z-index:2}.menu-label{position:absolute;right:38px;font:400 8px/1 var(--mono);letter-spacing:.12em}.menu-lines,.menu-lines:before{width:25px;height:1px;background:#fff;transition:transform .35s ease,top .35s ease}.menu-lines{position:absolute;right:3px;top:21px}.menu-lines:before{content:'';position:absolute;top:7px;right:0}.menu-toggle[aria-expanded=true] .menu-lines{top:24px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:before{top:0;transform:rotate(-90deg)}.site-menu{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:110px 9vw 70px;visibility:hidden;opacity:0;transform:translateY(-16px);background:linear-gradient(145deg,rgba(2,10,27,.98),rgba(3,24,54,.98));-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:visibility .35s,opacity .35s,transform .35s}.site-menu.is-open{visibility:visible;opacity:1;transform:translateY(0)}.site-menu a{width:100%;padding:20px 0;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:clamp(28px,8vw,44px);line-height:1;letter-spacing:-.04em;text-transform:none}.site-menu .nav-contact{margin-top:28px;width:auto;min-height:52px;padding-inline:18px!important;border:1px solid var(--line);font:400 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero{min-height:100svh;align-items:end;padding-top:calc(105px + env(safe-area-inset-top));padding-bottom:max(90px,calc(68px + env(safe-area-inset-bottom)))}.hero-copy{width:100%}.hero-logo{width:94%;margin-top:30px}.hero-lower{width:100%;display:grid;gap:28px;margin-top:34px}.hero-lower>p{max-width:86%;font-size:14px;line-height:1.62}.primary-cta{width:min(100%,280px);min-height:56px}.liquid-sculpture{width:78vw;right:-34vw;top:31%;opacity:.43}.hero-coordinate{display:none}.scroll-cue{left:auto;right:20px;bottom:max(20px,env(safe-area-inset-bottom));transform:none}.manifest{min-height:auto;grid-template-columns:1fr;gap:42px;padding-block:110px}.superline{font-size:clamp(42px,12vw,68px)}.supporting{margin-top:34px;font-size:15px}.glass-stat{grid-column:auto;justify-self:stretch;width:100%;display:flex;align-items:end;justify-content:space-between}.glass-stat strong{font-size:68px}.featured{min-height:78svh}.featured-content{width:var(--page);padding-bottom:50px}.featured-content h2{margin:28px 0 36px;font-size:clamp(72px,25vw,116px)}.featured-content>div{display:grid;gap:28px}.featured-content>div p{font-size:14px}.featured-image img{object-position:57% center}.projects{padding-block:110px}.section-heading{display:grid;grid-template-columns:1fr;gap:36px;margin-bottom:65px}.section-heading h2{font-size:clamp(57px,18vw,82px)}.section-heading>p{grid-column:auto}.projects-grid{grid-template-columns:1fr;gap:18px}.project-card{grid-column:auto!important;min-height:60svh!important}.project-card:nth-child(3n){min-height:48svh!important}.project-info h3{font-size:clamp(27px,8vw,38px)}.project-info>span{opacity:.7;transform:none}.technology{width:var(--page);min-height:auto;margin-bottom:110px;padding:70px 24px;gap:65px}.technology h2{margin-block:42px 30px;font-size:clamp(54px,16vw,78px)}.technology-orb{width:270px;left:auto;right:-115px;bottom:-110px}.services{padding-bottom:110px}.service-row{grid-template-columns:36px 1fr 24px;gap:14px;padding-block:24px}.service-row p{grid-column:2;font-size:12px}.service-row i{grid-column:3;grid-row:1}.service-row:hover{padding-inline:8px}.studio{grid-template-columns:1fr;gap:70px;padding-block:105px}.studio-mark{width:min(78vw,430px);justify-self:center}.studio-copy h2{margin-top:40px;font-size:clamp(45px,13vw,66px)}.contact{padding-block:110px}.contact-heading h2{margin-bottom:78px;font-size:clamp(61px,18vw,94px)}.contact-grid{grid-template-columns:1fr;gap:70px}.contact-form{grid-template-columns:1fr;gap:30px}.contact-form label:nth-child(4){grid-column:auto}.footer{align-items:flex-start;flex-direction:column;padding-block:42px 30px}.footer-logo{width:min(82vw,420px)}.footer-meta{width:100%;justify-content:space-between;flex-wrap:wrap}.project-hero{padding:120px 20px max(86px,calc(64px + env(safe-area-inset-bottom)))}.project-title{width:100%}.project-title h1{font-size:clamp(58px,17vw,98px);word-break:normal}.project-detail{grid-template-columns:1fr;gap:45px;padding-block:105px}.project-description>p{font-size:clamp(30px,9vw,44px)}.project-meta{grid-column:auto;grid-template-columns:1fr}.project-gallery{grid-template-columns:1fr;gap:42px}.gallery-item{grid-column:auto!important}.gallery-item img,.gallery-item:nth-child(5n+3) img,.gallery-item:nth-child(5n+4) img{height:auto;max-height:none;aspect-ratio:4/3}.project-next{grid-template-columns:1fr;gap:50px;padding-block:100px}.project-next a:last-child{text-align:left}}
@media(max-width:420px){.nav-brand span{display:none}.hero-logo{width:100%}.hero-lower>p{max-width:100%}.liquid-sculpture{top:27%}.project-card{min-height:54svh!important}.section-label{gap:10px}}
@media(max-width:820px){.projects-grid{grid-template-columns:1fr;gap:18px}.project-card,.project-card:nth-child(n),.project-card:nth-child(3n){grid-column:auto!important;min-height:0!important;aspect-ratio:4/5}.project-info h3{font-size:clamp(27px,8vw,38px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.liquid-sculpture,.technology,.glass-stat,.primary-cta{background-color:rgba(4,25,55,.9)}}