.heroReferenceStage.immersiveHero{--hero-rx:0deg;--hero-ry:0deg;--hero-x:0px;--hero-y:0px;isolation:isolate;transform-style:preserve-3d;background:radial-gradient(circle at 74% 34%,rgba(0,126,255,.22),transparent 35%),linear-gradient(145deg,#010713,#031326 56%,#010713)}.heroReferenceStage.immersiveHero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(rgba(46,168,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(46,168,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 28%,#000 58%,transparent 100%);transform:perspective(1200px) translate3d(calc(var(--hero-x) * -.18),calc(var(--hero-y) * -.18),20px) rotateX(64deg) translateY(43%);transform-origin:center bottom;opacity:.48}.heroReferenceStage.immersiveHero .heroWorlds{position:absolute;inset:0;z-index:0;overflow:hidden;transform-style:preserve-3d;transform:perspective(1600px) translate3d(calc(var(--hero-x) * .16),calc(var(--hero-y) * .12),0);transition:transform .72s cubic-bezier(.2,.8,.2,1);will-change:transform}.heroReferenceStage.immersiveHero .heroScene{position:absolute;inset:0;display:block;margin:0;opacity:0;overflow:visible;pointer-events:none;transform:perspective(1500px) translate3d(7%,0,-260px) scale(.78) rotateY(13deg);transform-origin:82% center;transition:opacity 1.05s ease,transform 1.35s cubic-bezier(.16,.84,.22,1);filter:none !important;will-change:opacity,transform}.heroReferenceStage.immersiveHero .heroScene::before{content:"";position:absolute;inset:-6%;z-index:0;background-image:var(--scene-image);background-position:center;background-size:cover;filter:blur(28px) brightness(.36) saturate(1.12);opacity:.72;transform:translate3d(calc(var(--hero-x) * -.12),calc(var(--hero-y) * -.1),-80px) scale(1.12)}.heroReferenceStage.immersiveHero .heroScene::after{content:"";position:absolute;left:36%;right:3%;bottom:13%;z-index:0;height:19%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(24,151,255,.24),transparent 62%),linear-gradient(180deg,rgba(52,176,255,.16),transparent);filter:blur(11px);transform:perspective(900px) translate3d(calc(var(--hero-x) * .28),calc(var(--hero-y) * .18),5px) rotateX(70deg);transform-origin:center bottom;opacity:.9}.heroSceneBackplate{position:absolute;left:35.3%;right:2.4%;top:6.4%;bottom:22.6%;z-index:1;border:1px solid rgba(84,190,255,.44);border-radius:20px;background:linear-gradient(145deg,rgba(5,20,37,.98),rgba(0,7,17,.98));box-shadow:18px 28px 50px rgba(0,0,0,.62),7px 7px 0 rgba(4,40,74,.78),12px 12px 0 rgba(1,12,26,.92),0 0 46px rgba(0,132,255,.18);transform:perspective(1500px) translate3d(calc(var(--hero-x) * .4),calc(var(--hero-y) * .32),52px) rotateX(1deg) rotateX(var(--hero-rx)) rotateY(-8.5deg) rotateY(var(--hero-ry));transform-origin:right center;transition:transform .72s cubic-bezier(.2,.8,.2,1)}.heroReferenceStage.immersiveHero .heroScene img{position:absolute;left:34%;right:4%;top:5%;bottom:24%;z-index:2;width:auto;height:auto;max-width:none;object-fit:contain;object-position:center;border:1px solid rgba(113,208,255,.6);border-radius:18px;background:#020814;box-shadow:0 34px 64px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05),0 0 48px rgba(0,137,255,.2),inset 0 0 0 1px rgba(255,255,255,.07);filter:brightness(.92) saturate(1.04) contrast(1.06) !important;transform:perspective(1500px) translate3d(calc(var(--hero-x) * .62),calc(var(--hero-y) * .48),105px) rotateX(1deg) rotateX(var(--hero-rx)) rotateY(-7deg) rotateY(var(--hero-ry)) scale(.96);transform-origin:right center;transition:transform .72s cubic-bezier(.2,.8,.2,1),filter .5s ease,box-shadow .5s ease;will-change:transform}.heroReferenceStage.immersiveHero .heroScene.is-active{z-index:2;opacity:1;transform:perspective(1500px) translate3d(0,0,0) scale(1) rotateY(0)}.heroReferenceStage.immersiveHero:hover .heroScene.is-active img{filter:brightness(1) saturate(1.08) contrast(1.07) !important;box-shadow:0 42px 80px rgba(0,0,0,.66),0 0 0 1px rgba(255,255,255,.07),0 0 62px rgba(0,145,255,.27)}.heroReferenceStage.immersiveHero .heroReferenceShade{z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(1,6,15,.97) 0%,rgba(1,7,16,.78) 29%,rgba(1,7,16,.16) 49%,rgba(1,7,16,.02) 82%),linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,4,10,.48))}.heroDepthGeometry{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;transform-style:preserve-3d}.depthPlane{position:absolute;display:block;border:1px solid rgba(77,194,255,.48);background:linear-gradient(135deg,rgba(0,129,255,.055),rgba(0,23,58,.02));box-shadow:0 0 19px rgba(0,151,255,.23),inset 0 0 28px rgba(0,102,255,.06);transition:transform .72s cubic-bezier(.2,.8,.2,1)}.depthPlaneOne{width:24%;height:29%;right:-5%;top:8%;opacity:.8;transform:translate3d(calc(var(--hero-x) * -.8),calc(var(--hero-y) * -.68),155px) rotateY(-18deg) skewY(-3deg)}.depthPlaneTwo{width:14%;height:24%;right:22%;bottom:21%;opacity:.5;transform:translate3d(calc(var(--hero-x) * -.48),calc(var(--hero-y) * -.38),90px) rotate(-5deg)}.depthPlaneThree{width:7%;height:44%;right:1.5%;bottom:16%;opacity:.38;transform:translate3d(calc(var(--hero-x) * -1.05),calc(var(--hero-y) * -.9),190px) rotateY(-12deg)}.heroSceneRail{position:absolute;top:24px;right:24px;z-index:8;display:grid;gap:7px;width:148px;padding:8px;border:1px solid rgba(93,194,255,.34);border-radius:17px;background:rgba(1,9,20,.67);box-shadow:0 18px 50px rgba(0,0,0,.46),0 0 28px rgba(0,134,255,.1);backdrop-filter:blur(17px)}.heroSceneRail button{appearance:none;display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:center;min-height:38px;padding:6px 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9cb0c8;text-align:left;cursor:pointer;transition:.3s ease}.heroSceneRail button span{color:#49b9ff;font:700 9px/1 Manrope,sans-serif;letter-spacing:.12em}.heroSceneRail button strong{color:inherit;font:600 10px/1.2 Manrope,sans-serif}.heroSceneRail button:hover,.heroSceneRail button:focus-visible{color:#f2f9ff;border-color:rgba(71,180,255,.42);outline:none}.heroSceneRail button.is-active{color:#fff;border-color:rgba(83,195,255,.63);background:linear-gradient(135deg,rgba(0,113,255,.31),rgba(0,49,110,.14));box-shadow:0 0 22px rgba(0,132,255,.18)}.heroSceneRail button.is-active::after{content:"";width:30px;height:1px;grid-column:2;background:linear-gradient(90deg,#32b8ff,transparent);box-shadow:0 0 8px rgba(33,173,255,.75)}.heroReferenceStage.immersiveHero .architectLine{z-index:5;border-width:1px;opacity:.54;transform:translate3d(calc(var(--hero-x) * -.72),calc(var(--hero-y) * -.62),140px) skewY(-2deg);transition:transform .72s cubic-bezier(.2,.8,.2,1)}@media (max-width:1180px){.heroReferenceStage.immersiveHero .heroScene img{left:37%;right:3%}.heroSceneBackplate{left:38.2%;right:1.6%}}@media (max-width:900px){.heroReferenceStage.immersiveHero::before,.heroReferenceStage.immersiveHero .heroParticles,.heroReferenceStage.immersiveHero .heroLight,.heroReferenceStage.immersiveHero .heroDepthGeometry,.heroReferenceStage.immersiveHero .architectLine{display:none}.heroReferenceStage.immersiveHero .heroScene:not(.is-active)::before{background-image:none}.heroReferenceStage.immersiveHero .heroWorlds,.heroReferenceStage.immersiveHero .heroScene,.heroReferenceStage.immersiveHero .heroScene img,.heroSceneBackplate{transition-duration:.25s;will-change:auto}.heroSceneRail{backdrop-filter:none}.heroReferenceStage.immersiveHero .heroWorlds{transform:none}.heroReferenceStage.immersiveHero .heroScene::before{filter:blur(22px) brightness(.42) saturate(1.08);opacity:.65}.heroReferenceStage.immersiveHero .heroScene img{left:6%;right:6%;top:35%;bottom:28%;border-radius:14px;transform:perspective(1200px) translate3d(0,0,70px) rotateX(1deg) rotateY(-4deg) scale(.98)}.heroSceneBackplate{left:7%;right:5%;top:36%;bottom:27%;border-radius:15px;transform:perspective(1200px) translate3d(0,0,38px) rotateY(-5deg)}.heroReferenceStage.immersiveHero .heroScene::after{left:7%;right:6%;bottom:19%;height:14%}.heroSceneRail{top:auto;left:7%;right:7%;bottom:146px;width:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.heroSceneRail button{display:flex;justify-content:center;min-width:0;padding:8px 5px;text-align:center}.heroSceneRail button strong,.heroSceneRail button::after{display:none}.depthPlaneOne{width:35%;right:-8%}.depthPlaneTwo,.depthPlaneThree{display:none}}@media (max-width:700px){.heroReferenceStage.immersiveHero .heroReferenceShade{background:linear-gradient(180deg,rgba(1,7,16,.96) 0%,rgba(1,7,16,.68) 31%,rgba(1,7,16,.12) 51%,rgba(1,7,16,.72) 100%)}.heroReferenceStage.immersiveHero .heroScene img{left:4%;right:4%;top:37%;bottom:29%;transform:perspective(1000px) translate3d(0,0,52px) rotateY(-3deg)}.heroSceneBackplate{left:5%;right:3%;top:38%;bottom:28%}.heroSceneRail{bottom:140px}}@media (prefers-reduced-motion:reduce){.heroReferenceStage.immersiveHero::before,.heroReferenceStage.immersiveHero .heroWorlds,.heroReferenceStage.immersiveHero .heroScene,.heroReferenceStage.immersiveHero .heroScene::before,.heroReferenceStage.immersiveHero .heroScene::after,.heroReferenceStage.immersiveHero .heroScene img,.heroSceneBackplate,.heroDepthGeometry *,.heroReferenceStage.immersiveHero .architectLine{animation:none !important;transition:none !important;transform:none !important}}