@scope (.immersive-home) {



.sphere-scene { height: 620svh; position: relative; }
.sphere-stage { height: 100svh; width: 100%; position: sticky; top: 0; overflow: hidden; isolation: isolate; background: #0a0a0a; }
canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#light-canvas { z-index: 0; }
#sphere-canvas { z-index: 1; }
/* Unmodified kit SVG: the circle occupies one third of its viewBox. */
#brand-symbol { position: absolute; z-index: 2; left: var(--cx, 50%); top: var(--cy, 32%); width: var(--symbol-size, 800px); height: var(--symbol-size, 800px); transform: translate(-50%, -50%); opacity: 0; pointer-events: none; user-select: none; }
@font-face {font-family:Screener;src:url('/assets/fonts/screener-bold-local-demo.otf') format('opentype');font-display:swap;}

.journey {position:absolute;inset:0;z-index:3;perspective:1400px;pointer-events:none;}
.journey-panel {position:absolute;left:8%;top:50%;width: min(40%,500px);margin:0;opacity:0;transform:translateY(-50%);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none;color:rgb(var(--ink,245 245 245));}
.journey-panel.is-active {pointer-events:auto;}
h1,h2 {font-family:Screener,Arial,sans-serif;font-size:clamp(28px,3.4vw,58px);line-height:1.1;letter-spacing:-.025em;margin:0 0 24px;}
.journey-panel p {font-size:clamp(15px,1.3vw,19px);line-height:1.6;max-width:32ch;}
.eyebrow,.number {font:12px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:28px;}
.service {padding:36px;border-radius:28px;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 80px #00000012;color:#161616;}
.service h2 {font-size:clamp(28px,3vw,46px);}
.service p {color:#646464;min-height:62px;}
.journey-panel a {display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;color:#c74600;font-weight:700;font-size:16px;padding:22px 0 0;border-top:1px solid #00000018;}
.outro a {background:#ff5b00;color:white;border-radius:40px;border:0;padding:18px 24px;max-width:390px;}
a:focus-visible {outline:3px solid #ff5b00;outline-offset:6px;}
.scroll-cue {display:block;font-size:28px;margin-top:32px;}
@media(max-width:700px) {
 .sphere-scene {height:600svh;}
 .journey-panel {left:7%;top:72%;width:86%;max-width:none;}
 h1,h2,.service h2 {font-size:clamp(25px,6vw,36px);margin-bottom:12px;}
 .journey-panel p {font-size:14px;line-height:1.4;margin:10px 0;}
 .service {padding:22px;border-radius:22px;}
 .number,.eyebrow {margin-bottom:12px;font-size:10px;}
 .service p {min-height:0;}
 .journey-panel a {font-size:14px;padding-top:14px;}
 .outro a {padding:16px 20px;}
 .scroll-cue {margin-top:12px;}
}
@media(prefers-reduced-motion:reduce) {.journey-panel {will-change:auto;}}

}

.sphere-scene.immersive-home{height:620svh;position:relative;isolation:isolate;font-family:Arial,Helvetica,sans-serif;}
.immersive-home .service{min-height:0;display:block;padding:36px!important;}
.immersive-home .journey-panel h2:before{display:none;}
.immersive-home .journey-panel{margin-top:40px;}
.header,.floating-chat,.floating-chat:hover{filter:grayscale(var(--scene-mono,0));}
.hero:before{content:"";position:absolute;inset:0;background:#0a0a0a;opacity:var(--scene-dim,0);z-index:10;pointer-events:none;}
@media(max-width:700px){.immersive-home .service{padding:22px!important;}.immersive-home .journey-panel{margin-top:0;}}

.immersive-home .service{background:rgba(255,255,255,.96)!important;backdrop-filter:none;color:#161616;box-shadow:0 24px 80px #00000012;}
.immersive-home .service:before,.immersive-home .service:after{display:none;}