:root{color:#f5f9ff;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f5f9ff;--muted:#91a0b4;--blue:#70d7ff;--line:#a7d1ed29;--page:min(1240px, calc(100vw - 96px));background:#020711;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#020711}body{min-width:320px;color:var(--ink);background:#020711;margin:0;overflow-x:hidden}body,button,a{-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit}img{max-width:100%;display:block}::selection{color:#fff;background:#4ac1ef57}.skip-link{z-index:1000;color:#020711;background:#fff;padding:12px 18px;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow,.section__index,.status,.project__meta,.intro__line{text-transform:uppercase;letter-spacing:.18em;font-family:DM Mono,monospace;font-size:11px}.intro{z-index:500;background:#01050c;place-items:center;transition:opacity .65s,visibility .65s;display:grid;position:fixed;inset:0;overflow:hidden}.intro--leaving{opacity:0;visibility:hidden}.intro__image{background:url(/assets/dream-titan-background.webp) 50% 55%/cover;animation:4.2s cubic-bezier(.2,.65,.25,1) both introPush;position:absolute;inset:-5%}.intro__veil{background:radial-gradient(circle at 50% 41%,#0000 8%,#00050d4d 53%,#000309eb 100%),linear-gradient(#01050c80,#0000 40%,#01050c73);animation:2.7s both veilReveal;position:absolute;inset:0}.intro__logo{filter:drop-shadow(0 0 28px #66d5ff40);clip-path:inset(0 100% 0 0);width:min(66vw,760px);animation:1.6s cubic-bezier(.65,0,.18,1) .7s forwards logoWipe;position:relative}.intro__line{opacity:0;color:#a9c5d7;animation:.8s 1.9s forwards riseIn;position:absolute;top:calc(50% + min(9vw,92px))}.intro__orbit{aspect-ratio:1;opacity:0;border:1px solid #7ed6fb1c;border-radius:50%;width:65vmin;animation:2s 1.2s forwards orbitIn;position:absolute}.intro__orbit--two{width:87vmin;animation-delay:1.4s}.intro__progress{background:#ffffff2e;width:130px;height:1px;position:absolute;bottom:42px;left:42px}.intro__progress span{background:#a2e6ff;width:0;height:100%;animation:3.5s linear .1s forwards progress;display:block}.intro__skip{color:#ffffffab;cursor:pointer;text-transform:uppercase;letter-spacing:.15em;background:0 0;border:0;min-height:44px;font-family:DM Mono,monospace;font-size:10px;position:absolute;bottom:28px;right:36px}.intro__skip:hover,.intro__skip:focus-visible{color:#fff}.intro__skip span{color:var(--blue);margin-left:8px}.site-header{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:90px;padding:0 max(40px,50vw - 720px);transition:height .35s,background .35s,border-color .35s;display:flex;position:fixed;top:0;left:0;right:0}.site-header--scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020711c7;height:70px}.brand{width:170px;padding:12px 0}.brand img{width:100%}.nav{align-items:center;gap:38px;display:flex}.nav a{color:#f4f9ffb8;text-transform:uppercase;letter-spacing:.16em;padding:15px 0;font-family:DM Mono,monospace;font-size:10px;text-decoration:none;transition:color .25s;position:relative}.nav a:after{content:"";background:var(--blue);transform-origin:100%;height:1px;transition:transform .25s;position:absolute;bottom:9px;left:0;right:0;transform:scaleX(0)}.nav a:hover,.nav a:focus-visible{color:#fff}.nav a:hover:after,.nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.menu-toggle{display:none}.hero{--mx:0;--my:0;isolation:isolate;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__image{z-index:-3;transform:scale(1.04) translate(calc(var(--mx) * -8px), calc(var(--my) * -5px));background:url(/assets/dream-titan-background.webp) 50% 62%/cover;transition:transform .35s ease-out;position:absolute;inset:-4%}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#01050df2 0%,#01050db8 28%,#01050d24 66%,#01050d47 100%),linear-gradient(#0000 76%,#020711 100%);position:absolute;inset:0}.hero__glow{z-index:-2;aspect-ratio:1;width:38vw;transform:translate(calc(var(--mx) * 17px), calc(var(--my) * 12px));background:radial-gradient(circle,#2ab7ef29,#0000 68%);position:absolute;top:34%;left:35%}.hero__stars{z-index:0;pointer-events:none;transform:translate(calc(var(--mx) * 8px), calc(var(--my) * 5px));position:absolute;inset:0}.hero__stars i{background:#b9ebff;border-radius:50%;animation:3.4s ease-in-out infinite alternate twinkle;display:block;position:absolute;box-shadow:0 0 9px 2px #32c2ff8c}.hero__content{width:var(--page);margin:80px auto 0}.hero__eyebrow{color:#a9c3d3;margin:0 0 25px;animation:.8s .15s both riseIn}.hero__eyebrow span{color:#54bfea;margin:0 7px}.hero h1{letter-spacing:-.055em;max-width:800px;margin:0;font-size:clamp(44px,6.2vw,96px);font-weight:300;line-height:.98;animation:1s .25s both riseIn}.hero h1 em,.connect h2 em{color:#9bdffc;font-family:Georgia,serif;font-weight:400}.hero__copy{color:#aab6c5;max-width:490px;margin:25px 0 32px;font-size:15px;font-weight:300;line-height:1.8;animation:.9s .4s both riseIn}.button{text-transform:uppercase;letter-spacing:.14em;border:1px solid #aae0f759;align-items:center;gap:30px;min-height:54px;padding:0 24px;font-family:DM Mono,monospace;font-size:10px;text-decoration:none;transition:background .3s,border-color .3s,transform .3s;animation:.9s .55s both riseIn;display:inline-flex}.button svg{width:18px}.button:hover,.button:focus-visible{background:#73d5fb1f;border-color:#93ddfa;transform:translateY(-2px)}.scroll-cue{color:#8b9bad;text-transform:uppercase;letter-spacing:.15em;writing-mode:vertical-rl;align-items:center;gap:15px;font-family:DM Mono,monospace;font-size:9px;text-decoration:none;display:flex;position:absolute;bottom:41px;right:max(40px,50vw - 720px)}.scroll-cue i{background:linear-gradient(var(--blue), transparent);transform-origin:top;width:1px;height:60px;animation:2s ease-in-out infinite scrollLine;display:block}.section{width:var(--page);margin:0 auto;padding:150px 0;position:relative}.section__index{color:#6c7c90;align-items:center;gap:14px;margin-bottom:78px;display:flex}.section__index span{background:#315267;width:44px;height:1px;display:inline-block}.studio{flex-direction:column;justify-content:center;min-height:800px;display:flex}.studio__grid{grid-template-columns:1.05fr .75fr;align-items:start;gap:13vw;display:grid}.studio h2,.project h2,.connect h2{letter-spacing:-.045em;margin:18px 0 0;font-size:clamp(42px,5.3vw,75px);font-weight:300;line-height:1.05}.studio h2 span{display:block}.studio h2 .accent{color:#8edaf8;font-family:Georgia,serif;font-weight:400}.studio .eyebrow{color:#65bcdf}.studio__body{border-left:1px solid #70d7ff47;margin:0;padding:33px 0 0 31px;position:relative}.studio__body:before{content:"“";color:#70d7ff33;font-family:Georgia,serif;font-size:84px;line-height:1;position:absolute;top:-24px;left:20px}.studio__body>p{color:#b0bdcb;margin:0 0 23px;font-size:16px;font-weight:300;line-height:1.9}.studio__body>p:first-child{color:#d7e1e8}.studio__signature{border-top:1px solid var(--line);color:#d9e5ed;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:17px;min-height:52px;margin-top:38px;padding:0;font-family:DM Mono,monospace;font-size:10px;display:flex}.studio__signature:before{content:"";background:#4f7890;width:26px;height:1px}.studio__signature small{color:#607286;font:inherit}.principles{border-top:1px solid var(--line);margin-top:47px}.principles span{border-bottom:1px solid var(--line);color:#d9e5ed;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:20px;min-height:52px;font-family:DM Mono,monospace;font-size:10px;display:flex}.principles b{color:#4f7890;font-weight:400}.constellation{z-index:-1;aspect-ratio:1;border:1px solid #4087ac12;border-radius:50%;width:500px;position:absolute;box-shadow:inset 0 0 80px #1c8dbe0a}.constellation--left{top:22%;left:-29vw}.project{background:#030a16;width:100%;padding:110px max(48px,50vw - 720px) 160px}.project .section__index{max-width:1240px;margin-left:auto;margin-right:auto}.project__frame{background:#06101e;border:1px solid #86c8e72e;align-items:flex-end;max-width:1380px;min-height:min(690px,72vw);margin:0 auto;display:flex;position:relative;overflow:hidden}.project__frame picture,.project__frame picture img{width:100%;height:100%;position:absolute;inset:0}.project__frame img{object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.project__frame:hover img{transform:scale(1.025)}.project__scrim{background:linear-gradient(90deg,#010711ed 2%,#02081294 47%,#0208121f 100%),linear-gradient(#0000 40%,#02070fcc);position:absolute;inset:0}.project__content{z-index:1;width:min(540px,70%);margin:8%;position:relative}.status{color:#b2ccda;align-items:center;gap:12px;display:flex}.status i{border:1px solid #73dbff;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 10px #49bfea}.project h2{margin:26px 0 24px;font-size:clamp(40px,5vw,74px)}.project__content>p{color:#a4b1c1;max-width:470px;font-weight:300;line-height:1.8}.project__meta{color:#718396;border-top:1px solid #b5dff229;grid-template-columns:auto 1fr;gap:11px 24px;margin-top:38px;padding-top:25px;display:grid}.project__meta strong{color:#d5e1e9;font-weight:400}.project__aside{color:#daecf580;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl;margin:0;font-family:DM Mono,monospace;font-size:9px;position:absolute;bottom:32px;right:22px}.connect{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:850px;display:flex;overflow:hidden}.connect__orb{z-index:-1;aspect-ratio:1;background:radial-gradient(circle,#2ba4d529,#082b440f 42%,#0000 68%);border:1px solid #69c4e812;border-radius:50%;width:min(640px,82vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 140px #1f8cbc17}.connect .eyebrow{color:#70c9eb}.connect h2{font-size:clamp(49px,6vw,84px)}.connect__copy{color:#8e9dae;max-width:570px;margin:28px auto 42px;font-size:15px;font-weight:300;line-height:1.8}.socials{gap:14px;display:flex}.socials a{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;grid-template-columns:22px 1fr 18px;align-items:center;gap:18px;min-width:210px;min-height:58px;padding:0 20px;font-family:DM Mono,monospace;font-size:10px;text-decoration:none;transition:border .25s,background .25s,transform .25s;display:grid}.socials svg{width:19px}.socials a svg:last-child{color:#75cbed;width:15px}.socials a:hover,.socials a:focus-visible{background:#44b0dd14;border-color:#75cbeda6;transform:translateY(-2px)}footer{border-top:1px solid var(--line);color:#607084;letter-spacing:.12em;text-transform:uppercase;grid-template-columns:170px 1fr auto;align-items:center;gap:30px;min-height:120px;padding:30px max(40px,50vw - 720px);font-family:DM Mono,monospace;font-size:9px;display:grid}footer img{opacity:.72;width:160px}footer p{text-align:center;margin:0}[data-reveal]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,.75,.25,1);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.studio__body[data-reveal]{transition-delay:.12s}@keyframes introPush{0%{filter:brightness(.25);transform:scale(1.14)}to{filter:brightness(.85);transform:scale(1.02)}}@keyframes veilReveal{0%{opacity:1}to{opacity:.65}}@keyframes logoWipe{to{clip-path:inset(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes orbitIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes progress{to{width:100%}}@keyframes twinkle{0%{opacity:.2;transform:scale(.6)}to{opacity:.95;transform:scale(1.15)}}@keyframes scrollLine{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 3px #49bfea}}@media (width<=900px){:root{--page:calc(100vw - 48px)}.site-header{height:74px;padding:0 24px}.site-header--scrolled{height:64px}.brand{width:138px}.menu-toggle{z-index:2;cursor:pointer;background:0 0;border:0;place-items:center;width:46px;height:46px;display:grid;position:relative}.menu-toggle span{background:#fff;width:23px;height:1px;transition:transform .3s,top .3s;position:absolute;top:18px}.menu-toggle span+span{top:27px}.menu-toggle.is-open span{top:23px;transform:rotate(45deg)}.menu-toggle.is-open span+span{transform:rotate(-45deg)}.nav{opacity:0;visibility:hidden;background:#020711f7;flex-direction:column;justify-content:center;gap:5px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.nav--open{opacity:1;visibility:visible}.nav a{border-bottom:1px solid var(--line);width:min(440px,100vw - 48px);padding:20px 0;font-size:13px}.hero__image{background-position:50% 62%}.hero:after{background:linear-gradient(90deg,#01050dd9,#01050d21),linear-gradient(#0000 55%,#020711)}.hero__content{align-self:flex-start;margin-top:150px}.hero h1{max-width:650px}.scroll-cue{bottom:28px;right:19px}.scroll-cue span{display:none}.section{padding:110px 0}.section__index{margin-bottom:58px}.studio__grid{grid-template-columns:1fr;gap:35px}.studio__body{max-width:600px;padding-top:0}.project{padding:90px 24px 110px}.project__frame{min-height:720px}.project__content{width:72%;margin:8% 7%}footer{padding:30px 24px}}@media (width<=600px){:root{--page:calc(100vw - 40px)}.intro__logo{width:78vw}.intro__line{font-size:9px;top:calc(50% + 50px)}.intro__progress{left:20px;bottom:max(28px, env(safe-area-inset-bottom));width:72px}.intro__skip{right:13px;bottom:max(12px, env(safe-area-inset-bottom))}.hero__image{background-position:53% 61%;inset:-3%}.hero:after{background:linear-gradient(#01050d85,#0000 25%,#01050d3b 53%,#020711 100%)}.hero{align-items:flex-end;min-height:max(700px,100svh)}.hero__content{align-self:auto;margin:0 auto 92px}.hero__eyebrow{margin-bottom:17px;font-size:9px}.hero h1{font-size:clamp(41px,13vw,58px)}.hero__copy{max-width:340px;margin:22px 0 27px;font-size:13px}.button{justify-content:space-between;width:100%;min-height:52px}.scroll-cue{display:none}.section{padding:90px 0}.section__index{margin-bottom:44px}.studio{min-height:0}.studio h2,.project h2{font-size:42px}.studio__body>p{font-size:14px;line-height:1.8}.project{padding:75px 20px 90px}.project__frame{align-items:flex-end;min-height:660px}.project__frame img{object-position:66% center}.project__scrim{background:linear-gradient(#01060f0d 0%,#01060fa8 48%,#01060ffa 95%)}.project__content{width:auto;margin:0 24px 42px}.status{font-size:9px;line-height:1.5}.project__aside{display:none}.project__meta{grid-template-columns:auto 1fr;font-size:9px}.connect{min-height:720px}.connect h2{font-size:47px}.connect__copy{font-size:14px}.socials{flex-direction:column;width:100%}.socials a{width:100%}footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:18px;padding:38px 20px}footer p{order:2}footer span{order:3}}@media (height<=520px) and (orientation:landscape){.hero{min-height:520px}.hero__image{background-position:50% 63%}.hero__content{margin-top:70px}.hero h1{font-size:48px}.hero__copy{margin:15px 0 18px}.hero__eyebrow{margin-bottom:12px}.scroll-cue{display:none}.intro__logo{width:48vw}.intro__line{top:calc(50% + 50px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}.hero__image,.hero__stars,.hero__glow{transform:none}}