@charset "utf-8";
@font-face{font-family:Manrope;src:url("/fonts/Manrope-Variable.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
:root{--night:#070b13;--black:#03060b;--slate:#111a2a;--panel:#0b111c;--white:#f5f7fc;--muted:#a3afc4;--blue:#416dff;--blue-hi:#83a1ff;--rule:rgba(212,224,255,.18);--gutter:clamp(22px,5vw,82px);--sans:Manrope,Arial,Helvetica,sans-serif;--ease:cubic-bezier(.2,.75,.2,1)}
html{scroll-behavior:smooth;scroll-padding-top:32px}body.studio-v3{margin:0;background:var(--night);color:var(--white);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}body.studio-v3,body.studio-v3 *{box-sizing:border-box}body.studio-v3 a{color:inherit;text-decoration:none}body.studio-v3 img{display:block;max-width:100%}.studio-v3 .skip-link{position:fixed;z-index:100;left:12px;top:10px;padding:12px 16px;background:#fff;color:#111;transform:translateY(-180%)}.studio-v3 .skip-link:focus-visible{transform:none}.studio-v3 .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.studio-header{height:132px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;background:var(--night);border-bottom:1px solid var(--rule)}.studio-logo{width:auto;flex:0 0 auto;display:flex;align-items:center;gap:14px}.studio-logo img{display:block;width:88px;height:88px;object-fit:contain;flex:none}.studio-wordmark{display:inline-flex;align-items:baseline;gap:3px;color:#f5f7fc;font-size:16px;line-height:1;font-weight:800;letter-spacing:-.085em}.studio-wordmark span{color:var(--blue-hi);font-size:.72em;letter-spacing:.04em}.studio-nav{display:flex;align-items:center;gap:clamp(18px,2.8vw,42px);font-size:12px;font-weight:700;letter-spacing:.03em}.studio-nav>a:not(.studio-contact){color:rgba(245,247,252,.78);transition:color .2s}.studio-nav>a:hover,.studio-nav>a:focus-visible{color:var(--blue-hi)}.studio-contact{padding:10px 0;border-bottom:1px solid var(--blue-hi)}.studio-contact span{padding-left:10px;color:var(--blue-hi)}.studio-languages{display:flex;gap:12px}.studio-languages a{font-size:10px;color:#8490a4}.studio-languages a[aria-current=page]{color:#fff;text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:6px}.studio-menu{display:none}
.studio-hero{min-height:calc(100svh - 132px);min-height:max(690px,calc(100svh - 132px));padding:0 var(--gutter);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 55%,rgba(31,63,143,.2),transparent 39%),linear-gradient(118deg,#080c15 0%,#080d18 52%,#060a12 100%)}.hero-rule,.hero-footline{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.15em;color:#a5afc2}.hero-rule{padding:22px 0 12px;border-bottom:1px solid var(--rule)}.hero-rule span:last-child{color:#7f8ba2}.hero-stage{min-height:570px;height:calc(100svh - 212px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(410px,.8fr);align-items:center;position:relative}.hero-copy{position:relative;z-index:4;padding:4vh 0 7vh}.hero-copy h1{max-width:930px;margin:0;font-size:clamp(76px,8.6vw,136px);font-weight:750;line-height:.81;letter-spacing:-.095em;text-transform:uppercase}.hero-blue{color:var(--blue-hi)}.hero-deck{max-width:400px;margin:32px 0 0 6px;color:#c5cee0;font-size:clamp(15px,1.25vw,19px);line-height:1.5;letter-spacing:-.015em}.hero-actions{display:flex;align-items:center;gap:28px;margin:27px 0 0 6px;font-size:12px;font-weight:700}.hero-primary{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--blue-hi);transition:color .2s}.hero-primary span,.hero-secondary span{font-size:17px;color:var(--blue-hi);transition:transform .3s var(--ease)}.hero-primary:hover,.hero-secondary:hover{color:#fff}.hero-primary:hover span,.hero-secondary:hover span{transform:translate(4px,-3px)}.hero-secondary{display:flex;align-items:center;gap:12px;color:#abb8d1}.hero-secondary span{color:#a5baff}.hero-footline{padding:17px 0 21px;border-top:1px solid var(--rule);color:#8692a8}.hero-footline span:last-child{display:flex;align-items:center;gap:10px}.hero-footline i{width:3px;height:3px;border-radius:50%;background:var(--blue-hi)}
.atelier-object{position:absolute;width:min(49vw,715px);aspect-ratio:1;right:-1.5vw;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;perspective:1200px;--px:0px;--py:0px}.object-shadow{position:absolute;inset:12%;background:radial-gradient(ellipse,rgba(35,72,171,.33),transparent 68%);filter:blur(28px)}.glass-plane{position:absolute;display:block;inset:12% 18%;border:1px solid rgba(166,194,255,.42);background:linear-gradient(142deg,rgba(117,153,255,.16),rgba(29,48,86,.05) 50%,rgba(68,105,202,.12));backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);clip-path:polygon(12% 0,100% 11%,88% 100%,0 88%);transition:transform 1s var(--ease)}.glass-back{transform:translate(calc(-22% + var(--px)*-.18),calc(-6% + var(--py)*-.18)) rotateY(-25deg) rotateZ(7deg);opacity:.48}.glass-mid{inset:19% 13%;transform:translate(calc(3% + var(--px)*-.1),calc(1% + var(--py)*-.1)) rotateY(-25deg) rotateZ(7deg);opacity:.75}.glass-front{inset:27% 8%;transform:translate(calc(24% + var(--px)*-.05),calc(8% + var(--py)*-.05)) rotateY(-25deg) rotateZ(7deg);background:linear-gradient(130deg,rgba(50,82,156,.28),rgba(5,12,25,.12) 52%,rgba(86,125,237,.16));opacity:.9}.signal-engraving{position:absolute;inset:12%;width:76%;height:76%;z-index:3;filter:drop-shadow(0 0 10px rgba(65,109,255,.2));animation:signal-flow 7s linear infinite}.object-index{position:absolute;z-index:4;left:27%;top:24%;font-size:9px;font-weight:700;letter-spacing:.16em;color:#d4deff}.object-mark{position:absolute;z-index:4;width:clamp(78px,9vw,122px);height:auto;right:22%;bottom:22%;opacity:.92;filter:drop-shadow(0 8px 22px rgba(0,0,0,.3))}.atelier-object::before,.atelier-object::after{content:"";position:absolute;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(100,143,255,.9),transparent)}.atelier-object::before{width:82%;height:1px;top:25%;left:7%;transform:rotate(-16deg);opacity:.55}.atelier-object::after{width:1px;height:74%;top:12%;left:53%;background:linear-gradient(180deg,transparent,rgba(100,143,255,.52),transparent)}@keyframes signal-flow{to{stroke-dashoffset:-360}}
.service-stage{padding:clamp(96px,12vw,178px) var(--gutter) clamp(85px,10vw,145px);background:#080c14;position:relative;overflow:hidden}.section-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start;margin-bottom:clamp(58px,9vw,118px)}.overline{margin:0;color:var(--blue-hi);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section-intro .overline{padding-top:12px}.section-intro h2{max-width:940px;margin:0;font-size:clamp(58px,8.1vw,124px);font-weight:700;line-height:.82;letter-spacing:-.09em;text-transform:uppercase}.intro-copy{max-width:360px;grid-column:2;margin:12px 0 0;color:#9eabc2;font-size:13px}.service-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.service-list li{display:grid;grid-template-columns:6% minmax(0,1fr) minmax(70px,16%) 28px;gap:18px;align-items:center;min-height:clamp(122px,14vw,190px);padding:24px 0;border-bottom:1px solid var(--rule);position:relative}.service-count{align-self:start;padding-top:9px;color:var(--blue-hi);font-size:10px;font-weight:700;letter-spacing:.11em}.service-list h3{margin:0;font-size:clamp(36px,5.6vw,82px);font-weight:650;line-height:.9;letter-spacing:-.075em;text-transform:uppercase;transition:color .3s}.service-list p{max-width:430px;margin:11px 0 0;color:#9ba7ba;font-size:12px}.service-line{height:1px;width:100%;background:linear-gradient(90deg,rgba(65,109,255,0),rgba(65,109,255,.65));transform:scaleX(.12);transform-origin:left;transition:transform .65s var(--ease)}.service-arrow{font-size:23px;color:var(--blue-hi);justify-self:end;align-self:start;transition:transform .25s}.service-list li.is-current .service-line,.service-list li:hover .service-line{transform:scaleX(1)}.service-list li:hover h3{color:#dbe4ff}.service-list li:hover .service-arrow{transform:translate(4px,-4px)}.service-tail{display:flex;justify-content:space-between;align-items:center;margin-top:26px;color:#8794aa;font-size:10px}.tail-mark{font-size:22px;font-weight:800;letter-spacing:-.1em;color:#dbe4ff}.tail-mark span{color:var(--blue-hi)}
.process-stage{padding:clamp(94px,11vw,160px) var(--gutter) clamp(65px,7vw,96px);background:linear-gradient(130deg,#0b1428,#0a1020 72%,#0b1428);position:relative;overflow:hidden}.process-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(65,109,255,.07) 50%,transparent 50.1%);pointer-events:none}.process-heading{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:start}.process-heading .overline{padding-top:12px}.process-heading h2{max-width:920px;margin:0;font-size:clamp(54px,6vw,92px);font-weight:700;line-height:.84;letter-spacing:-.085em;text-transform:uppercase}.process-heading>p:last-child{grid-column:2;max-width:390px;margin:9px 0 0;color:#aebbd1;font-size:14px}.process-rail{list-style:none;padding:0;margin:clamp(88px,11vw,160px) 0 0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.process-rail::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:linear-gradient(90deg,var(--blue-hi),var(--blue),rgba(131,161,255,.24));transform:scaleX(1);transform-origin:left;transition:transform 1.4s var(--ease)}.process-rail.is-active::before{transform:scaleX(1)}.process-rail li{position:relative;display:flex;flex-direction:column;gap:16px;padding-top:29px;color:#bdc8dc}.process-dot{position:absolute;left:0;top:0;width:14px;height:14px;border:1px solid #6c85c3;border-radius:50%;background:#0b1428;z-index:1;transition:background .35s,border-color .35s,box-shadow .35s}.process-rail li.is-current .process-dot{background:var(--blue-hi);border-color:#fff;box-shadow:0 0 20px rgba(65,109,255,.65)}.process-num{font-size:9px;font-weight:700;letter-spacing:.12em;color:#7f8ba2}.process-name{font-size:clamp(12px,1.4vw,17px);font-weight:700}.process-baseline{display:flex;justify-content:space-between;gap:20px;margin-top:58px;padding-top:15px;border-top:1px solid var(--rule);font-size:9px;font-weight:700;letter-spacing:.14em;color:#7f8ba2}.process-baseline i{font-size:7px;color:var(--blue-hi);padding-left:8px}
.proof-stage{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);gap:clamp(40px,8vw,120px);align-items:center;padding:clamp(72px,8vw,110px) var(--gutter);background:#080c14;position:relative}.proof-copy{max-width:420px}.proof-copy h2{margin:22px 0 0;font-size:clamp(42px,4vw,60px);font-weight:700;line-height:.88;letter-spacing:-.075em;text-transform:uppercase}.proof-copy>p:not(.overline):not(.proof-note){max-width:360px;margin:22px 0 0;color:#a4b0c4;font-size:13px;line-height:1.55}.proof-link{display:inline-flex;align-items:center;gap:25px;margin-top:22px;padding:10px 0;border-bottom:1px solid var(--blue-hi);font-size:11px;font-weight:700}.proof-link span{color:var(--blue-hi);font-size:16px}.proof-note{margin:24px 0 0;color:#7f8ba2;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.proof-frame{position:relative;min-width:0;margin:0;padding:0 0 0 0}.browser-chrome{height:30px;padding:0 12px;display:flex;align-items:center;gap:6px;background:#141d2d;border:1px solid rgba(178,197,238,.22);border-bottom:0}.browser-chrome>span{width:5px;height:5px;border:1px solid #75839b;border-radius:50%}.browser-chrome i{margin-left:10px;color:#8e9bb1;font-size:8px;font-style:normal;letter-spacing:.08em}.proof-desktop{width:100%;height:auto;aspect-ratio:1280/800;object-fit:cover;object-position:top;background:#0d1320;border:1px solid rgba(178,197,238,.22)}.proof-mobile{position:absolute;right:-18px;bottom:20px;width:clamp(84px,10vw,138px);height:auto;padding:4px;border:1px solid rgba(196,211,245,.32);background:#090d15;box-shadow:0 16px 36px rgba(0,0,0,.42)}.proof-frame figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:14px;color:#8591a6;font-size:8px;font-weight:700;letter-spacing:.12em}.proof-frame figcaption span:last-child{color:#6681c7}
.closing-stage{min-height:580px;padding:clamp(90px,12vw,170px) var(--gutter);position:relative;overflow:hidden;background:#0b1221;color:#fff}.closing-stage .overline{position:relative;z-index:2}.closing-stage h2{position:relative;z-index:2;max-width:1050px;margin:23px 0 0;font-size:clamp(58px,9vw,136px);line-height:.83;letter-spacing:-.095em;text-transform:uppercase}.closing-stage>p:not(.overline){position:relative;z-index:2;max-width:420px;margin:25px 0 0;color:#b2bfd5;font-size:14px}.closing-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:25px;margin-top:29px;padding:12px 0;border-bottom:1px solid var(--blue-hi);font-size:12px;font-weight:700}.closing-link span{color:var(--blue-hi);font-size:18px;transition:transform .25s}.closing-link:hover span{transform:translate(4px,-4px)}.closing-geometry{position:absolute;width:min(54vw,760px);aspect-ratio:1;right:-12vw;top:50%;transform:translateY(-50%);border:1px solid rgba(97,136,239,.24);clip-path:polygon(15% 0,100% 15%,85% 100%,0 85%)}.closing-geometry::before,.closing-geometry::after{content:"";position:absolute;inset:12%;border:1px solid rgba(97,136,239,.18);clip-path:inherit}.closing-geometry::after{inset:25%;border-color:rgba(97,136,239,.16)}.closing-geometry span{position:absolute;display:block;width:1px;height:70%;top:15%;left:50%;background:linear-gradient(180deg,transparent,rgba(65,109,255,.5),transparent);transform:rotate(28deg)}.closing-geometry span:nth-child(2){transform:rotate(-28deg)}.closing-geometry span:nth-child(3){height:1px;width:70%;top:50%;left:15%;transform:none;background:linear-gradient(90deg,transparent,rgba(65,109,255,.5),transparent)}
.studio-footer{padding:38px var(--gutter) 24px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:28px;background:#05080f;border-top:1px solid var(--rule)}.footer-logo{width:auto;display:flex;align-items:center;gap:12px}.footer-logo img{width:88px;height:90px;object-fit:contain}.studio-footer>p{justify-self:end;margin:0;color:#8692a8;font-size:11px}.footer-bottom{grid-column:1/-1;display:flex;align-items:center;gap:clamp(20px,4vw,58px);padding-top:18px;border-top:1px solid var(--rule);color:#8290a7;font-size:9px;letter-spacing:.09em}.footer-bottom span{margin-right:auto}.footer-bottom a:hover{color:var(--blue-hi)}
[data-service]{transition:color .3s}.atelier-object[data-parallax] .glass-plane{will-change:transform}
@media(max-width:1000px){.studio-header{height:132px}.studio-logo{width:auto;flex-basis:auto}.studio-nav{gap:19px}.hero-stage{height:auto;min-height:660px;grid-template-columns:1fr}.hero-copy{align-self:center;padding:0 0 10px}.hero-copy h1{font-size:clamp(68px,7.4vw,96px);max-width:74vw}.atelier-object{width:min(46vw,420px);right:-24vw;top:60%}.section-intro,.process-heading{grid-template-columns:1fr;gap:28px}.section-intro .overline,.process-heading .overline{padding:0}.intro-copy,.process-heading>p:last-child{grid-column:1;margin:0}.process-heading h2{max-width:700px}.proof-stage{grid-template-columns:.78fr 1.22fr;gap:38px}.proof-copy h2{font-size:clamp(42px,5.8vw,62px)}}
@media(max-width:700px){html{scroll-padding-top:20px}.studio-header{height:88px;padding:0 20px}.studio-logo{width:auto;flex-basis:auto}.studio-logo img{width:68px;height:68px}.studio-menu{display:flex;position:absolute;top:20px;right:18px;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:transparent}.studio-menu span:not(.sr-only){width:21px;height:1px;background:#f4f6fc}.studio-nav{display:none;position:absolute;top:88px;left:0;right:0;padding:18px 20px 22px;background:#080d17;border-bottom:1px solid var(--rule);align-items:stretch;gap:0;flex-direction:column}.studio-nav.is-open{display:flex}.studio-nav>a:not(.studio-contact){padding:13px 0;border-bottom:1px solid var(--rule)}.studio-languages{padding:15px 0}.studio-hero{min-height:0;padding:0 20px}.hero-rule{padding:16px 0 10px;font-size:7px;letter-spacing:.1em}.hero-stage{display:block;min-height:0;padding:8vh 0 0}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(56px,12.2vw,76px);line-height:.8;letter-spacing:-.095em;max-width:100%}.hero-deck{max-width:280px;margin:22px 0 0 3px;font-size:13px}.hero-actions{flex-wrap:wrap;gap:10px 20px;margin:20px 0 0 3px;font-size:10px}.hero-primary{gap:14px;padding:9px 0}.atelier-object{position:relative;display:block;width:min(57vw,218px);right:auto;top:auto;transform:none;margin:28px 0 -12px auto;perspective:800px}.glass-plane{inset:12% 18%}.glass-mid{inset:18% 13%}.glass-front{inset:25% 8%}.object-mark{width:68px;right:20%;bottom:20%}.object-index{font-size:7px;top:23%;left:24%}.signal-engraving{inset:13%;width:74%;height:74%}.hero-footline{padding:13px 0 16px;font-size:7px;letter-spacing:.08em}.hero-footline span:last-child{gap:6px}.service-stage{padding:82px 20px 70px}.section-intro{display:block;margin-bottom:45px}.section-intro h2{margin-top:20px;font-size:clamp(51px,13.4vw,86px);line-height:.83}.intro-copy{margin-top:20px;font-size:12px;max-width:290px}.service-list li{grid-template-columns:28px minmax(0,1fr) 18px;gap:9px;min-height:112px;padding:18px 0}.service-count{font-size:8px;padding-top:6px}.service-list h3{font-size:clamp(29px,8vw,49px);line-height:.92;letter-spacing:-.07em}.service-list p{max-width:250px;margin-top:8px;font-size:10px;line-height:1.4}.service-line{display:none}.service-arrow{font-size:17px}.service-tail{font-size:8px;line-height:1.4}.tail-mark{font-size:18px}.process-stage{padding:78px 20px 58px}.process-heading{display:block}.process-heading h2{margin-top:20px;font-size:clamp(48px,12.6vw,80px);line-height:.84}.process-heading>p:last-child{margin-top:18px;font-size:12px;max-width:280px}.process-rail{display:block;margin:48px 0 0;padding-left:0}.process-rail::before{left:6px;right:auto;top:8px;bottom:8px;width:1px;height:auto;background:linear-gradient(180deg,var(--blue-hi),var(--blue),rgba(131,161,255,.24));transform:scaleY(1);transform-origin:top}.process-rail.is-active::before{transform:scaleY(1)}.process-rail li{display:grid;grid-template-columns:31px 30px 1fr;align-items:center;gap:10px;min-height:60px;padding:0}.process-dot{position:relative;grid-column:1;grid-row:1;width:13px;height:13px}.process-num{grid-column:2;grid-row:1;font-size:8px}.process-name{grid-column:3;grid-row:1;font-size:13px}.process-baseline{margin-top:35px;font-size:7px;letter-spacing:.08em}.process-baseline i{font-size:6px;padding-left:4px}.proof-stage{display:flex;flex-direction:column;align-items:stretch;gap:36px;padding:78px 20px 76px}.proof-copy h2{max-width:330px;margin-top:17px;font-size:clamp(42px,11vw,68px)}.proof-copy>p:not(.overline):not(.proof-note){font-size:12px;margin-top:16px;max-width:290px}.proof-link{margin-top:16px;font-size:10px}.proof-note{margin-top:17px;font-size:8px}.browser-chrome{height:25px;padding:0 9px}.browser-chrome>span{width:4px;height:4px}.browser-chrome i{font-size:7px}.proof-desktop{aspect-ratio:1280/800}.proof-mobile{width:clamp(68px,20vw,84px);right:-7px;bottom:18px;padding:3px}.proof-frame figcaption{font-size:6px;letter-spacing:.08em;margin-top:10px}.closing-stage{min-height:470px;padding:78px 20px}.closing-stage h2{font-size:clamp(53px,13.8vw,88px);line-height:.84;margin-top:19px}.closing-stage>p:not(.overline){max-width:280px;margin-top:18px;font-size:12px}.closing-link{margin-top:23px;font-size:10px}.closing-geometry{width:75vw;right:-42vw;top:48%}.studio-footer{grid-template-columns:1fr;padding:32px 20px 19px;gap:17px}.footer-logo{width:auto;display:flex;align-items:center;gap:12px}.studio-footer>p{justify-self:start;font-size:10px}.footer-bottom{grid-column:auto;flex-wrap:wrap;gap:13px 20px;padding-top:16px;font-size:8px}.footer-bottom span{width:100%;margin:0}.footer-bottom a:last-child{margin-left:auto}}
@media(max-width:370px){.studio-header{padding:0 14px}.hero-copy h1{font-size:12vw}.hero-deck{max-width:250px}.proof-frame figcaption{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.signal-engraving{animation:none}.process-rail::before{transform:scale(1)}.process-rail.is-active::before{transform:scale(1)}}