/* Homepage-only cinematic stage. Shared layouts and content remain unchanged. */
.hero.hero--immersive{--bite:0;position:relative;isolation:isolate;padding:0;background:#080b0c;overflow:hidden;overflow:clip}
.hero--immersive .hero-frame{position:relative;width:100%;max-width:none;height:calc(100svh - 100px);min-height:680px;max-height:1050px;margin:0;overflow:visible;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 84% 15%,#455c6938,transparent 49%),radial-gradient(ellipse at 12% 50%,#2f424c24,transparent 45%),#080b0c}
.hero--immersive .hero-frame:before{inset:28px 2.2% -70px;width:auto;z-index:1;border:1px solid #9daeb32b;border-top-color:#d4e3e55c;border-radius:30px 30px 0 0;background:linear-gradient(120deg,#b8d6df08,transparent 22%,transparent 75%,#879da90b);transform:perspective(1400px) rotateX(3deg);transform-origin:center top;box-shadow:inset 0 1px 1px #d5e0e026;pointer-events:none}
.hero--immersive .hero-frame:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 85%,#bf612018,transparent 65%);opacity:calc(.35 + var(--bite)*.6)}
.hero--immersive .hero-copy{position:relative;z-index:6;padding-top:23px;width:min(820px,calc(100% - 80px));text-align:center;pointer-events:none}
.hero--immersive .hero-copy:before{content:"";position:absolute;z-index:-1;inset:-25px -100px -48px;background:radial-gradient(ellipse at 50% 25%,#080b0cf5 12%,#080b0cc4 49%,transparent 74%);pointer-events:none}
.hero--immersive .hero-copy a{pointer-events:auto}
.hero--immersive .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:12px}
.hero--immersive h1{font-size:clamp(38px,3.65vw,64px);line-height:1.02;letter-spacing:-.018em;margin-bottom:13px;text-shadow:0 2px 5px #000,0 0 30px #000}
.hero--immersive .hero-description{font-size:12px;line-height:1.65;max-width:610px;margin-bottom:17px;color:#c1c9cb;text-shadow:0 1px 8px #000}
.hero--immersive .hero-actions{gap:26px}
.hero--immersive .hero-actions .button{min-height:46px;padding:12px 19px;font-size:10px}
.hero--immersive .hero-actions .text-link{font-size:9px;text-shadow:0 1px 7px #000}
.hero--immersive .hero-machine{position:absolute;inset:0;display:block;margin:0;min-height:0;pointer-events:none}
.hero--immersive .hero-media{position:absolute;z-index:4;left:50%;top:155px;width:94%;height:calc(100% - 65px);aspect-ratio:auto;transform:translateX(-50%) perspective(1500px) rotateX(5deg) scale(calc(1.015 + var(--bite)*.035));transform-origin:50% 32%;isolation:isolate;filter:drop-shadow(0 -10px 26px #000b);mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 90%,transparent 100%)}
.hero--immersive .hero-poster,.hero--immersive .hero-video{width:100%;height:100%;object-fit:cover;object-position:50% 43%;mask-image:linear-gradient(90deg,transparent 0%,transparent 7%,#000 19%,#000 81%,transparent 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 7%,#000 19%,#000 81%,transparent 93%,transparent 100%)}
.hero--immersive .media-vignette{background:linear-gradient(180deg,#080b0caa,transparent 18%,transparent 87%,#080b0c22);box-shadow:none}
.hero--immersive .instrument{position:absolute;z-index:5;top:41%;width:clamp(128px,10.5vw,156px);min-width:0;margin:0;padding:19px 16px;opacity:calc(1 - var(--bite)*.07);background:linear-gradient(130deg,#152126ba,#070c0dbc);border-color:#667a833f;box-shadow:inset 0 1px #bdcfd81f,0 20px 40px #0005;transform-origin:center;transition:opacity .25s}
.hero--immersive .instrument-left{left:1.5%;transform:perspective(850px) rotateY(12deg) rotateZ(3deg) translateX(calc(var(--bite)*-14px))}
.hero--immersive .instrument-right{right:1.5%;transform:perspective(850px) rotateY(-12deg) rotateZ(-3deg) translateX(calc(var(--bite)*14px))}
.hero--immersive .instrument strong{font-size:16px}.hero--immersive .instrument .micro{font-size:8px;white-space:normal}.hero--immersive .instrument ul{font-size:8px}.hero--immersive .instrument-note{font-size:8px}
.hero--immersive .hero-bottom{position:absolute;z-index:7;inset:auto 3% 9px;margin:0;padding:0;border:0;min-height:44px;pointer-events:none;text-shadow:0 2px 6px #000;color:#c1cbce}
.hero--immersive .hero-bottom a,.hero--immersive .hero-bottom button{pointer-events:auto}
.hero--immersive .motion-controls{padding:0;background:#080b0c88}.hero--immersive .motion-controls button{background:#080b0cb3}
.hero--immersive .hero-bottom>span:first-child{max-width:180px;font-size:8px}.hero--immersive .hero-bottom>a{font-size:8px}
@media(min-width:1700px){.hero--immersive .hero-copy{padding-top:25px}.hero--immersive .hero-media{top:160px;width:92%;height:calc(100% - 55px)}.hero--immersive .instrument{top:38%;padding:23px 18px}.hero--immersive .instrument-left{left:2%}.hero--immersive .instrument-right{right:2%}}
@media(max-width:1100px){.hero--immersive .hero-media{width:112%;top:180px;height:calc(100% - 100px)}.hero--immersive .instrument{top:44%;width:140px;padding:14px 12px}.hero--immersive .instrument-left{left:1.5%}.hero--immersive .instrument-right{right:1.5%}.hero--immersive .instrument strong{font-size:13px}.hero--immersive .hero-bottom .micro{display:none}}
@media(max-width:900px){.hero--immersive .instrument{display:none}.hero--immersive .hero-frame{height:calc(100svh - 83px);min-height:660px}.hero--immersive .hero-copy{padding-top:24px;width:calc(100% - 54px)}.hero--immersive .hero-frame:before{inset:22px 1.5% -60px}.hero--immersive .hero-media{top:180px;width:124%;height:calc(100% - 90px)}.hero--immersive .instrument{top:48%;width:115px;padding:12px 9px}.hero--immersive .instrument .micro{font-size:7px}.hero--immersive .instrument ul{font-size:7px}.hero--immersive .instrument-note{font-size:7px}.hero--immersive .instrument strong{font-size:12px}.hero--immersive .hero-bottom{inset:auto 22px 12px}}
@media(max-width:600px){.hero--immersive .hero-frame{height:calc(100svh - 78px);min-height:650px;max-height:860px}.hero--immersive .hero-frame:before{inset:18px 9px -60px;border-radius:20px 20px 0 0}.hero--immersive .hero-copy{padding-top:27px;width:calc(100% - 28px)}.hero--immersive .hero-copy:before{inset:-20px -15px -40px;background:linear-gradient(#080b0c 0%,#080b0cf2 65%,transparent)}.hero--immersive .eyebrow{font-size:7px;letter-spacing:.06em;margin-bottom:16px}.hero--immersive h1{font-size:clamp(26px,7.3vw,43px);line-height:1.07;margin-bottom:16px}.hero--immersive .hero-description{font-size:12px;line-height:1.75;max-width:370px;margin-bottom:18px;padding:0 6px}.hero--immersive .hero-actions{gap:6px}.hero--immersive .hero-actions .button{font-size:10px;min-height:46px;padding:12px 20px}.hero--immersive .hero-actions .text-link{min-height:38px;font-size:8px}.hero--immersive .hero-media{top:245px;width:172%;height:calc(100% - 175px);transform:translateX(-50%) perspective(1000px) rotateX(5deg);transform-origin:50% 25%;mask-image:linear-gradient(transparent 0%,#000 13%,#000 100%);-webkit-mask-image:linear-gradient(transparent 0%,#000 13%,#000 100%)}.hero--immersive .hero-poster{object-position:50% 48%;mask-image:radial-gradient(ellipse 70% 100% at 50% 50%,#000 50%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 70% 100% at 50% 50%,#000 50%,transparent 90%)}.hero--immersive .instrument{display:none}.hero--immersive .hero-bottom{inset:auto 15px 8px;justify-content:center}.hero--immersive .hero-bottom>span:first-child{max-width:none;font-size:7px;letter-spacing:.06em;padding:8px 13px;background:#080b0c99}.hero--immersive .media-vignette{background:linear-gradient(#080b0c33,transparent 25%,transparent)} }
@media(prefers-reduced-motion:reduce){.hero.hero--immersive{--bite:0!important}.hero--immersive .hero-media{transform:translateX(-50%) perspective(1500px) rotateX(5deg)}.hero--immersive .instrument{transition:none}}