/* A single atmospheric canvas, with dimensional content floating above it. */
:root{--bg:#100d1c;--panel:#20192d;--purple:#d0b6ff;--ink:#faf7ff;--muted:#c5bbd3;--line:rgba(221,205,255,.13);--call:#fff3d8}
body{position:relative;isolation:isolate;overflow-x:clip;background:var(--bg)}
.ambient-field{position:absolute;inset:0;z-index:-1;overflow:clip;pointer-events:none}
.ambient-blob{position:absolute;width:78vw;max-width:1150px;height:850px;border-radius:48% 52% 67% 33% / 39% 46% 54% 61%;background:radial-gradient(ellipse,rgba(189,146,239,.2),rgba(171,136,215,.07) 43%,transparent 72%);filter:blur(55px);transform:rotate(-18deg);animation:ambient-drift 24s ease-in-out infinite alternate}
.ambient-blob-1{top:-240px;left:-27%}.ambient-blob-2{top:5%;right:-34%;animation-delay:-9s}.ambient-blob-3{top:17%;left:-32%;animation-delay:-16s}.ambient-blob-4{top:28%;right:-25%;animation-delay:-4s}.ambient-blob-5{top:40%;left:-38%;animation-delay:-12s}.ambient-blob-6{top:49%;right:-20%;animation-delay:-20s}.ambient-blob-7{top:60%;left:-25%;animation-delay:-8s}.ambient-blob-8{top:72%;right:-30%;animation-delay:-16s}.ambient-blob-9{top:83%;left:-32%;animation-delay:-3s}.ambient-blob-10{bottom:-340px;right:-12%;width:100vw;max-width:none;animation-delay:-11s}
@keyframes ambient-drift{to{transform:translate3d(45px,55px,0) rotate(12deg) scale(1.12)}}
.hero,.clients-section,.services-section,.work-section,.why-section,.about-section,.contact-section,footer{background:transparent;border-top:0;border-bottom:0}
.hero-bottom,.section-tail,.footer-bottom,.footer-top{border-top:0;border-bottom:0}
.site-header.scrolled{background:rgba(16,13,28,.72);border-color:transparent;box-shadow:0 15px 40px rgba(16,13,28,.15);backdrop-filter:blur(24px)}
.button,.button-outline{background:var(--call);color:#21132f;border:1px solid #fff9ed;font-weight:700;box-shadow:0 5px 0 #b5a484,0 9px 26px rgba(0,0,0,.3),0 0 35px #ffe9b51c;min-height:58px;padding:17px 27px;gap:28px}
.button:hover,.button-outline:hover{color:#21132f;background:#fff9ea;transform:translateY(-3px);box-shadow:0 8px 0 #b5a484,0 13px 36px #0004,0 0 48px #ffe9b52c}
.button:active{transform:translateY(3px);box-shadow:0 2px 0 #b5a484,0 5px 16px #0003}
.button-small{min-height:46px;padding:12px 19px;gap:17px;box-shadow:0 3px 0 #b5a484,0 5px 23px #0003}
.button:focus-visible{outline:3px solid #fff;outline-offset:7px}
.footer-links .book-call{align-self:flex-start;display:inline-flex;align-items:center;gap:16px;background:var(--call);color:#21132f;border-radius:30px;padding:10px 17px;font-weight:700;box-shadow:0 3px 0 #b5a484;margin-top:6px}
.spatial-hero{min-height:920px;height:min(1050px,100svh);padding:0;display:flex;flex-direction:column;justify-content:center;overflow:clip;isolation:isolate}
.spatial-hero .hero-showcase{position:absolute;inset:0;z-index:1}
.spatial-hero .scene{height:100%;max-width:none;width:100%;perspective:1500px;margin:0}
.spatial-hero #orbit-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:1;pointer-events:none}
.scene-sculptures{position:absolute;inset:0;pointer-events:none;perspective:1300px}
.scene:has(#orbit-canvas[data-renderer="webgl"]) .scene-sculptures{display:none}
.sculpture-ring{position:absolute;display:block;width:165px;height:165px;border:25px solid #bd9bdf;border-radius:50%;box-shadow:inset 8px 10px 12px -6px #342145,inset -6px -8px 8px #f8eaff66,7px 13px 0 -3px #74548d,13px 22px 25px -8px #05020c88,0 -3px 9px #e8caff66;animation:sculpture-float 10s ease-in-out infinite alternate}
.sculpture-ring-one{left:34%;top:9%;width:110px;height:110px;border-width:18px;transform:rotateX(52deg) rotateY(-20deg) rotateZ(-16deg);--sculpture-turn:rotateX(52deg) rotateY(-20deg) rotateZ(-16deg)}
.sculpture-ring-two{left:8%;top:44%;transform:rotateY(45deg) rotateX(22deg);--sculpture-turn:rotateY(45deg) rotateX(22deg);animation-delay:-5s}
.sculpture-ring-three{left:54%;bottom:5%;width:135px;height:135px;border-width:23px;transform:rotateY(-35deg) rotateX(55deg);--sculpture-turn:rotateY(-35deg) rotateX(55deg);animation-delay:-3s}
.sculpture-orb{position:absolute;width:44px;height:44px;right:22%;bottom:12%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff2ff,#d7b5f0 25%,#765085 68%,#2e1b3d 92%);box-shadow:8px 14px 24px #05020c55}
@keyframes sculpture-float{to{transform:translate3d(0,-17px,0) var(--sculpture-turn) rotateZ(16deg)}}
.motion-paused .sculpture-ring{animation-play-state:paused}
.spatial-hero .hero-layout{position:relative;z-index:3;display:block;text-align:center;width:min(100% - 48px,850px);margin:auto;pointer-events:none;padding-top:115px;padding-bottom:65px}
.spatial-hero .hero-copy{position:relative;max-width:none;margin:0;pointer-events:none}
.spatial-hero .hero-copy .eyebrow{justify-content:center;margin-bottom:27px;color:#ddccef;font-size:.75rem;letter-spacing:.21em}
.spatial-hero h1{font-size:clamp(4.8rem,7.4vw,7.8rem);line-height:.98;letter-spacing:-.04em;font-weight:700;max-width:none;text-shadow:0 5px 35px #100d1c88}
.hero-gradient{background:linear-gradient(135deg,#efe1ff 12%,#bc94ed 55%,#f5eaff);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;filter:drop-shadow(0 5px 1px #7c598735)}
.spatial-hero .hero-description{max-width:510px;margin:30px auto 0;color:#cec4db;line-height:1.75;font-size:1rem}
.spatial-hero .hero-actions{justify-content:center;gap:28px;margin-top:31px;pointer-events:auto;display:inline-flex;align-items:center}
.spatial-hero .hero-actions .button{min-height:63px;font-size:1rem;padding:19px 28px;gap:31px}
.spatial-hero .hero-actions .text-link{font-size:.875rem;color:#e0d2ee;padding:14px 0}
.spatial-hero .hero-proof{justify-content:center;margin-top:29px;color:#b8a9cb;font-size:.75rem;gap:15px}
.spatial-hero .hero-bottom{position:absolute;bottom:30px;left:0;right:0;z-index:4;margin:0 auto;padding:0;color:#c3b2d4;pointer-events:none;max-width:660px}
.spatial-hero .hero-bottom a,.spatial-hero .scene-buttons{pointer-events:auto}
.spatial-hero .scene-controls{margin:0;max-width:none;gap:26px}
.spatial-hero .scene-counter{display:flex;gap:6px;align-items:center;font-size:.75rem;min-width:51px;color:#9f8db4;white-space:nowrap}
.spatial-hero .scene-counter b{font-weight:500;color:#fff}
.spatial-hero .scene-buttons{display:flex;align-items:center;gap:14px}
.spatial-hero .scene-buttons .icon-button{background:#ffffff08;border-color:#cfb9ef36;backdrop-filter:blur(8px)}
.spatial-hero .scene-card{width:205px;height:330px;margin-left:-102.5px;margin-top:-165px;border-radius:20px;background:#30263d;border:1px solid #eadbff99;box-shadow:0 34px 55px #07040e88,5px 5px 0 #60516f,-2px -2px 0 #ead6fc55;transform-style:preserve-3d;overflow:visible}
.spatial-hero .card-depth{position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#a38fb8,#30223f 65%,#746087);transform:translateZ(-13px);box-shadow:8px 10px 0 #41334f,0 20px 45px #05030d55}
.spatial-hero .scene-card-face{position:absolute;inset:0;overflow:hidden;border-radius:19px;transform:translateZ(2px);background:#211a2d}
.spatial-hero .scene-card-face::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#ffffff24,transparent 30%,transparent 70%,#dcbcff18);border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff30}
.spatial-hero .scene-card video{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .3s;border-radius:0}
.spatial-hero .scene-card:hover video,.spatial-hero .scene-card.is-front video{opacity:1}
.spatial-hero .scene-card:hover{box-shadow:0 42px 60px #05030ba6,6px 6px 0 #857398,-2px -2px 0 #f0dfff99}
.spatial-hero .scene-card-label{padding:40px 14px 15px;gap:7px;background:linear-gradient(transparent,#140b20dc 85%)}
.spatial-hero .scene-card-label strong{font-size:1.45rem;letter-spacing:-.025em}
.spatial-hero .scene-card-label>span{font-size:.75rem;color:#e9ddf7;letter-spacing:.045em}
.intro-section{position:relative;padding:75px 0 110px}
.intro-wrap{max-width:1100px}
.intro-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:38px}
.intro-heading .eyebrow{margin-bottom:22px}
.intro-heading h2{font-size:clamp(2.65rem,4.2vw,4.1rem)}
.intro-status{font-size:.875rem;color:#b9a6cc;padding-bottom:6px}
.intro-perspective{perspective:1600px;padding:0 8px}
.intro-video-frame{position:relative;aspect-ratio:16/9;isolation:isolate;transform-style:preserve-3d;transform:rotateX(var(--intro-rx,3deg)) rotateY(var(--intro-ry,-2deg));border-radius:26px;background:linear-gradient(130deg,#342442,#191223 55%,#2e213f);border:1px solid #e2cafb55;box-shadow:0 36px 75px -25px #080510c9,5px 9px 0 #4b365f,7px 12px 0 #1c1427;transition:box-shadow .3s}
.intro-video-frame::before{content:'';position:absolute;inset:8px;z-index:2;border-radius:19px;border:1px solid #e4c9fc12;pointer-events:none}
.intro-placeholder{position:absolute;inset:0;overflow:hidden;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:17px}
.intro-placeholder-halo{position:absolute;width:65%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#c296ef24,transparent 65%);z-index:-1}
.intro-placeholder>img{width:72px;height:72px;object-fit:contain;opacity:.8}
.intro-play-symbol{width:68px;height:68px;border:1px solid #e2c7ff66;border-radius:50%;background:linear-gradient(145deg,#ddc0ff24,#ac86d114);box-shadow:0 8px 0 #150d21,0 12px 30px #08031055;display:grid;place-items:center;margin-bottom:4px;color:#ead6ff}
.intro-play-symbol svg{width:22px;height:22px;margin-left:4px}
.intro-placeholder strong{font-family:var(--heading);font-size:clamp(1.6rem,3.5vw,3.25rem);line-height:1.03;letter-spacing:-.035em;font-weight:500;color:#e9d9f8}
.intro-coming{font-size:.875rem;color:#bda8cf}
.intro-frame-caption{position:absolute;bottom:24px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;letter-spacing:.12em;font-size:.65rem;color:#a68fbf}
.intro-video-frame>video{width:100%;height:100%;border-radius:25px;background:#08060c;object-fit:contain}
.hits-section{padding-top:65px}
.reels-track{perspective:1300px;padding-top:25px;padding-bottom:36px}
.reel-card{box-shadow:0 22px 35px -14px #030107a6,4px 5px 0 #44324f;rotate:0 1 0 var(--reel-turn,0deg);transition:transform .35s,rotate .45s,box-shadow .35s}
.reel-card:hover{box-shadow:0 34px 45px -10px #030107a6,5px 6px 0 #745688}
.services-grid{perspective:1400px;gap:24px}
.service-card{background:linear-gradient(135deg,#d5b3fc0d,#d5b3fc03);border-color:#d5b3fc24;box-shadow:0 20px 40px -30px #000b,3px 4px 0 #b78edf0b;translate:0 var(--spatial-lift,0px);rotate:1 0 0 var(--spatial-angle,0deg);transform-origin:center center}
.work-grid{perspective:1800px}
.work-media{transform:perspective(1600px) rotateX(var(--spatial-angle,0deg)) rotateY(var(--work-angle,-3deg));translate:0 var(--spatial-lift,0px);transform-style:preserve-3d;border-color:#d4b5f459;box-shadow:0 30px 45px -17px #030107a6,5px 7px 0 #5b426d70;transition:box-shadow .4s}
.work-card:nth-child(even) .work-media{--work-angle:3deg}
.brand-disc{box-shadow:0 22px 35px #05020977,8px 7px 0 #6f557c;transform:perspective(800px) rotateY(-17deg) rotateX(9deg)}
.contact-orbit{border:0;box-shadow:none;background:radial-gradient(ellipse,#b78edf0d,transparent 66%);filter:blur(30px)}
.contact-orbit::before,.contact-orbit::after{display:none}
.contact-inner .button{min-height:64px;font-size:1rem;padding:20px 32px;margin-top:35px}
.motion-paused .ambient-blob{animation-play-state:paused}
.motion-paused .service-card,.motion-paused .work-media{translate:none;rotate:none;transform:none}
.motion-paused .intro-video-frame{transform:none}
@media(min-width:1650px){.spatial-hero .scene-card{width:245px;height:392px;margin-left:-122.5px;margin-top:-196px}.spatial-hero h1{font-size:8.3rem}}
@media(max-width:1150px){.spatial-hero{min-height:865px}.spatial-hero .hero-layout{max-width:680px}.spatial-hero h1{font-size:6rem}.spatial-hero .scene-card{width:160px;height:272px;margin-left:-80px;margin-top:-136px}.spatial-hero .hero-description{max-width:465px}.spatial-hero .scene-card-label strong{font-size:1.15rem}.spatial-hero .scene-card-label{padding-inline:11px}.intro-frame-caption{font-size:.65rem}}
@media(max-width:960px){.header-inner{height:85px}.header-actions{gap:14px}.site-header .brand>span{display:none}.spatial-hero{height:auto;min-height:1010px;justify-content:start}.spatial-hero .hero-layout{margin:0 auto;padding-top:150px;padding-bottom:0;max-width:740px}.spatial-hero h1{font-size:clamp(4rem,9.5vw,5.7rem)}.spatial-hero .hero-description{max-width:520px}.spatial-hero .hero-showcase{top:540px;bottom:25px}.spatial-hero .hero-bottom{bottom:24px}.spatial-hero .hero-proof{margin-top:24px}.spatial-hero .scene-card{width:176px;height:290px;margin-left:-88px;margin-top:-145px}.spatial-hero .scene-controls{gap:18px}.intro-section{padding-top:45px}.intro-heading{align-items:start}.intro-heading .intro-status{max-width:145px;padding-top:42px}.intro-placeholder{gap:14px}.intro-placeholder>img{width:56px;height:56px}.intro-play-symbol{width:54px;height:54px}.intro-frame-caption{bottom:21px;left:24px;right:24px}.ambient-blob{max-width:none;width:110vw;height:850px;filter:blur(45px)}}
@media(max-width:700px){.header-inner{height:78px;width:calc(100% - 28px)}.header-actions{gap:9px}.header-actions .button-small{display:inline-flex;min-height:43px;padding:11px 15px;font-size:.8125rem;gap:10px}.header-actions .button-small svg{width:15px;height:15px}.header-actions .motion-button{width:36px;min-width:36px;min-height:36px;padding:7px}.header-actions .menu-toggle{width:32px;padding:5px}.site-header .brand img{width:43px;height:43px}.spatial-hero{min-height:960px}.spatial-hero .hero-layout{width:calc(100% - 34px);padding-top:135px}.spatial-hero .hero-copy .eyebrow{letter-spacing:.13em;margin-bottom:22px;font-size:.75rem}.spatial-hero h1{font-size:clamp(3.25rem,12.5vw,5.1rem);letter-spacing:-.065em;line-height:1}.spatial-hero .hero-description{max-width:440px;font-size:1rem;line-height:1.7;margin-top:25px}.spatial-hero .hero-actions{flex-direction:column;gap:12px;margin-top:25px}.spatial-hero .hero-actions .button{min-height:60px;font-size:.9375rem;padding:18px 29px;gap:31px}.spatial-hero .hero-actions .text-link{padding:9px 0}.spatial-hero .hero-proof{font-size:.75rem;gap:12px;margin-top:13px}.spatial-hero .hero-showcase{top:575px;bottom:26px}.spatial-hero .scene-card{width:150px;height:252px;margin-left:-75px;margin-top:-126px;border-radius:17px}.spatial-hero .card-depth{border-radius:17px}.spatial-hero .scene-card-face{border-radius:16px}.spatial-hero .scene-card-label strong{font-size:1.1rem}.spatial-hero .scene-card-label>span{font-size:.75rem}.spatial-hero .hero-bottom{width:calc(100% - 38px);bottom:15px;align-items:center}.spatial-hero .scroll-cue{font-size:.75rem}.spatial-hero .scroll-cue>span{width:19px;height:27px}.spatial-hero .scene-note{display:none}.spatial-hero .scene-buttons{gap:11px}.spatial-hero .scene-counter{font-size:.75rem}.intro-section{padding:55px 0 70px}.intro-heading{display:block;margin-bottom:27px}.intro-heading h2{font-size:2.7rem}.intro-heading .eyebrow{margin-bottom:18px}.intro-heading .intro-status{display:block;padding-top:20px;max-width:none;font-size:.875rem}.intro-perspective{padding:0}.intro-video-frame{border-radius:17px;box-shadow:0 25px 45px -20px #080510c9,3px 5px 0 #4b365f,5px 8px 0 #1c1427}.intro-placeholder{padding:15px;gap:10px;border-radius:16px}.intro-video-frame::before{inset:5px;border-radius:12px}.intro-placeholder>img{display:none}.intro-play-symbol{width:38px;height:38px;margin-bottom:0;box-shadow:0 4px 0 #150d21,0 8px 20px #08031055}.intro-play-symbol svg{width:15px;height:15px}.intro-placeholder strong{font-size:1.65rem}.intro-coming{font-size:.75rem}.intro-frame-caption{display:none}.hits-section{padding-top:35px}.services-grid{gap:17px}.service-card{translate:0 calc(var(--spatial-lift,0px)*.35)}.work-media{translate:0 calc(var(--spatial-lift,0px)*.3);box-shadow:0 22px 35px -18px #030107a6,3px 5px 0 #5b426d70}.contact-inner .button{min-height:60px;font-size:.9375rem}.footer-links .book-call{padding:10px 13px;font-size:.8125rem;gap:10px}.footer-links .book-call svg{width:16px}.ambient-blob{width:160vw;max-width:none;height:730px}.ambient-blob:nth-child(odd){left:-75%}.ambient-blob:nth-child(even){right:-85%}}
@media(max-width:380px){.header-actions{gap:5px}.header-actions .button-small{padding-inline:12px;gap:8px;font-size:.75rem}.header-inner{width:calc(100% - 22px)}.spatial-hero h1{font-size:12.2vw}.spatial-hero .hero-proof{font-size:.7rem;gap:9px}.spatial-hero .hero-description{font-size:1rem}.spatial-hero{min-height:990px}.spatial-hero .hero-showcase{top:615px}.spatial-hero .hero-bottom{width:calc(100% - 30px)}.spatial-hero .scroll-cue{font-size:.7rem;gap:8px}.spatial-hero .scene-buttons{gap:7px}.intro-placeholder strong{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.ambient-blob{animation:none}.scene-card,.service-card,.work-media{will-change:auto}.reel-card{rotate:none}.intro-video-frame{transform:none}}
/* One composition on every screen: floating media surrounds the central copy. */
@media(max-width:960px){
 .header-inner{height:100px;width:calc(100% - 36px)}
 .site-header .brand img{width:76px;height:76px;max-width:none}
 .site-header .brand>span{display:none}
 .spatial-hero{min-height:970px;height:auto;display:block;padding:0 0 205px}
 .spatial-hero .hero-layout{width:calc(100% - 52px);max-width:600px;padding:285px 0 0;margin:0 auto;order:initial}
 .spatial-hero .hero-copy{padding:0}
 .spatial-hero h1{font-size:clamp(3.8rem,7.7vw,4.8rem);line-height:1.02;letter-spacing:-.04em}
 .spatial-hero .hero-copy .eyebrow{font-size:.75rem;letter-spacing:.15em;margin-bottom:23px}
 .spatial-hero .hero-description{font-size:1rem;max-width:440px;margin-top:24px;line-height:1.65}
 .spatial-hero .hero-actions{margin-top:26px}
 .spatial-hero .hero-proof{margin-top:25px}
 .spatial-hero .hero-showcase{position:absolute;inset:0;width:100%;height:100%;margin:0;order:initial}
 .spatial-hero .scene{perspective:1100px}
 .spatial-hero .scene-card{width:165px;height:265px;margin-left:-82.5px;margin-top:-132.5px}
 .spatial-hero .hero-bottom{position:absolute;inset:auto 0 25px;width:calc(100% - 56px);max-width:530px;margin:0 auto;order:initial}
 .sculpture-ring-one{display:block;left:calc(50% - 53px);top:125px;width:106px;height:106px;border-width:18px}
 .sculpture-ring-two{display:block;left:auto;right:-40px;top:47%;width:110px;height:110px;border-width:19px}
 .sculpture-ring-three{display:block;left:calc(50% - 48px);bottom:115px;width:96px;height:96px;border-width:17px}
 .sculpture-orb{right:auto;left:4%;bottom:28%;width:32px;height:32px}
}
@media(max-width:700px){
 .header-inner{height:98px;width:calc(100% - 24px);gap:8px}
 .site-header .brand img{width:72px;height:72px}
 .header-actions{gap:7px}
 .header-actions .button-small{min-height:43px;padding:11px 14px;font-size:.8125rem;gap:10px}
 .header-actions .motion-button{width:32px;min-width:32px;min-height:32px;padding:5px}
 .header-actions .menu-toggle{width:28px;padding:3px}
 .spatial-hero{min-height:940px;padding-bottom:210px}
 .spatial-hero .hero-layout{width:calc(100% - 36px);padding-top:275px;max-width:420px}
 .spatial-hero .hero-copy{display:flex;flex-direction:column;align-items:center}
 .spatial-hero .hero-copy .eyebrow{order:0;letter-spacing:.09em;margin-bottom:21px;font-size:.75rem}
 .spatial-hero h1{order:1;font-size:clamp(2.55rem,11.6vw,3.7rem);line-height:1.02;letter-spacing:-.045em}
 .spatial-hero .hero-description{order:2;max-width:300px;line-height:1.65;margin-top:23px;font-size:1rem}
 .spatial-hero .hero-actions{order:4;flex-direction:column;gap:9px;margin-top:24px}
 .spatial-hero .hero-actions .button{min-height:59px;font-size:.9375rem;padding:18px 27px;gap:27px}
 .spatial-hero .hero-actions .text-link{padding:8px 0;font-size:.875rem}
 .spatial-hero .hero-proof{order:3;font-size:.75rem;gap:9px;margin:18px auto 0;max-width:310px}
 .spatial-hero .scene-card{width:clamp(110px,32vw,136px);height:clamp(178px,52vw,220px);margin-left:calc(clamp(110px,32vw,136px)/-2);margin-top:calc(clamp(178px,52vw,220px)/-2);border-radius:15px}
 .spatial-hero .card-depth,.spatial-hero .scene-card-face{border-radius:14px}
 .spatial-hero .scene-card-label{padding:28px 9px 11px;gap:4px}
 .spatial-hero .scene-card-label strong{font-size:.95rem;line-height:1.05}
 .spatial-hero .scene-card-label>span{font-size:.75rem;letter-spacing:.02em}
 .spatial-hero .scene-card-label svg{width:10px;height:10px}
 .spatial-hero .hero-bottom{width:calc(100% - 36px);bottom:24px}
 .spatial-hero .scene-buttons{gap:9px}
 .sculpture-ring-one{left:calc(50% - 43px);top:125px;width:86px;height:86px;border-width:15px}
 .sculpture-ring-two{right:-70px;top:47%;width:92px;height:92px;border-width:16px}
 .sculpture-ring-three{left:calc(50% - 39px);bottom:115px;width:78px;height:78px;border-width:14px}
 .sculpture-orb{left:3%;bottom:28%;width:26px;height:26px}
}
@media(max-width:370px){
 .site-header .brand img{width:64px;height:64px}
 .header-inner{width:calc(100% - 20px);gap:5px}
 .header-actions{gap:5px}
 .header-actions .button-small{padding-inline:11px;font-size:.75rem;gap:8px}
 .header-actions .motion-button{width:30px;min-width:30px;min-height:30px}
 .spatial-hero .hero-layout{padding-top:262px;width:calc(100% - 28px)}
 .spatial-hero .hero-copy .eyebrow{letter-spacing:.06em}
 .spatial-hero .hero-description{max-width:280px}
 .spatial-hero .hero-proof{font-size:.7rem;gap:8px}
}

@media(max-width:960px){
 .site-header{isolation:isolate;background:transparent}
 .site-header::before{content:'';position:absolute;inset:0 0 -20px;z-index:-1;pointer-events:none;background:linear-gradient(#100d1cf5 10%,#100d1ccc 66%,transparent);backdrop-filter:blur(16px);mask-image:linear-gradient(#000 65%,transparent)}
 .site-header.scrolled{background:transparent;box-shadow:none;backdrop-filter:none}
}