.immersive{height:165svh;min-height:950px;background:#030b14;overflow:clip;position:relative;--hero-zoom:1;--hero-shift:0px;--copy-shift:0px;--copy-opacity:1;--progress:0;--tilt-x:0deg;--tilt-y:0deg}
.hero-stage{position:sticky;top:90px;height:calc(100svh - 90px);min-height:620px;isolation:isolate;overflow:hidden;background:#030b14;perspective:1400px}
.hero-visual{position:absolute;inset:0;z-index:-3;transform:scale(var(--hero-zoom)) translateY(var(--hero-shift));transform-origin:72% 55%;will-change:transform}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .6s cubic-bezier(.2,.6,.2,1);backface-visibility:hidden}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030c18eb 0%,#030c18d9 24%,#030c1855 48%,transparent 68%),linear-gradient(0deg,#030b14ed,transparent 25%,transparent 85%,#030b1433);pointer-events:none}
.hero-orbit{position:absolute;border:1px solid #adc7db1c;border-radius:50%;width:720px;height:720px;right:-80px;top:-60px;z-index:-1;transform:rotateX(62deg) rotateZ(-30deg);pointer-events:none}
.immersive-content{height:100%;display:flex;align-items:center;position:relative;padding-bottom:55px}
.immersive .hero-copy{width:49%;padding:35px 0;max-width:640px;transform:translateY(var(--copy-shift));opacity:var(--copy-opacity);will-change:transform,opacity}
.immersive .eyebrow{font-size:9px;letter-spacing:1.8px;line-height:1.7;max-width:450px;margin-bottom:25px}
.immersive h1{font-size:clamp(48px,5.3vw,79px);letter-spacing:-3.8px;line-height:.99;font-weight:500;margin-bottom:26px;text-shadow:0 2px 20px #0002}
.immersive h1 em{color:#ff9865}
.immersive .hero-desc{font-size:13px;color:#b9c6d1;line-height:1.85;max-width:420px;margin-bottom:29px}
.immersive .hero-actions{gap:20px}.immersive .hero-actions .btn{padding:16px 22px;font-size:11px}
.immersive .text-link{font-size:11px;color:#d0dbe2}
.distributor-signature{display:flex;align-items:center;gap:13px;margin-top:33px;color:#9eaebc;line-height:1.6}
.distributor-signature>span:first-child{font-size:10px;font-weight:700;letter-spacing:1px;border-right:1px solid #6173807a;padding-right:13px;color:#e4e9ed;white-space:nowrap}
.distributor-signature>span:last-child{font-size:7px;letter-spacing:1.2px}
.floating-spec{position:absolute;right:1%;bottom:110px;display:flex;align-items:center;gap:15px;padding:15px 20px;background:#0a1b2bbd;backdrop-filter:blur(16px);border:1px solid #a7b8c745;border-radius:3px;box-shadow:0 18px 70px #0004;transform:translateY(calc(var(--copy-shift) * -.2))}
.floating-spec b{font-size:10px;letter-spacing:1.3px;font-weight:500;display:block}.floating-spec div>span{font-size:9px;color:#9dafbf;display:block;margin-top:4px}
.immersive-bottom{position:absolute;bottom:0;left:0;right:0;height:65px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #9ab6ca26;color:#9db0bf;gap:15px;font-family:monospace;font-size:8px;letter-spacing:.7px}
.scroll-invite{display:flex;align-items:center;gap:10px}.scroll-invite i{display:block;width:13px;height:21px;border:1px solid #9db0bf88;border-radius:8px;position:relative}.scroll-invite i:after{content:'';position:absolute;top:4px;left:5px;width:1px;height:5px;background:#ff9865;animation:scrollCue 1.6s ease-in-out infinite}.image-disclaimer{font-family:Arial,sans-serif;font-size:8px;letter-spacing:0;color:#8c9eae}.scroll-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#3d536633}.scroll-progress>span{display:block;height:100%;width:calc(var(--progress) * 100%);background:#ef8454;box-shadow:0 0 12px #f7733d}
.product,.universe{transform-style:preserve-3d}.product-image>img{transition:transform .65s cubic-bezier(.16,.6,.3,1);will-change:transform}.product-image:hover>img{transform:perspective(600px) rotateY(-7deg) rotateX(4deg) translateZ(25px) scale(1.08)}.universe:hover{box-shadow:0 16px 40px #1126360c}
.section-heading h2{max-width:650px}.filter.active{box-shadow:0 3px 10px #14283715}.results-line #results-count{font-weight:600;font-size:12px}.results-line{margin-top:25px}
@keyframes scrollCue{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(5px);opacity:1}}
@media(min-width:1600px){.hero-stage{min-height:760px}.immersive .hero-copy{width:50%}.immersive h1{font-size:84px}.hero-visual img{object-position:center 58%}}
@media(max-width:1150px){.immersive h1{font-size:62px}.immersive .hero-copy{width:54%}.immersive .text-link{display:none}.immersive .eyebrow{font-size:8px}.hero-visual img{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#030c18f2,#030c18cc 25%,#030c1844 55%,transparent),linear-gradient(0deg,#030b14ed,transparent 30%)}.floating-spec{right:0;bottom:90px}.floating-spec b{font-size:8px}}
@media(max-width:850px){.immersive{height:145svh;min-height:1050px}.hero-stage{top:82px;height:calc(100svh - 82px);min-height:700px}.immersive-content{align-items:flex-start;padding-top:0;padding-bottom:0}.immersive .hero-copy{width:100%;max-width:100%;padding-top:35px}.immersive h1{font-size:54px;letter-spacing:-2.7px;line-height:1.02}.immersive h1 br:nth-child(2){display:none}.immersive h1 em{display:block}.immersive h1 em br{display:none}.immersive .hero-desc{font-size:12px;max-width:420px;margin-bottom:22px}.immersive .hero-desc br{display:none}.immersive .hero-actions{margin-top:0}.hero-visual{top:185px;bottom:25px;left:0;right:0;transform-origin:70% 55%}.hero-visual img{object-position:72% 50%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#030b14 0%,#030b14f5 19%,#030b1499 37%,#030b1422 52%,#030b1400 65%,#030b14e6 95%),linear-gradient(90deg,#030b1444,transparent 60%)}.distributor-signature{display:none}.floating-spec{bottom:85px;right:0;padding:13px 16px}.immersive-bottom{font-size:7px;height:58px}.image-disclaimer{position:absolute;right:0;bottom:60px;font-size:7px}.floating-spec div>span{font-size:8px}.hero-orbit{width:500px;height:500px;right:-180px;top:230px}}
@media(max-width:600px){.immersive{height:140svh;min-height:1000px}.hero-stage{top:76px;height:calc(100svh - 76px);min-height:660px}.immersive .hero-copy{padding-top:27px;transform:translateY(calc(var(--copy-shift) * .5))}.immersive .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:19px;max-width:310px;display:flex;align-items:flex-start;gap:8px;line-height:1.7}.immersive .eyebrow>span{flex-shrink:0;margin-top:4px;width:5px;height:5px}.immersive h1{font-size:43px;letter-spacing:-2px;line-height:1.01;margin-bottom:16px}.immersive .hero-desc{font-size:11px;max-width:315px;line-height:1.8;margin-bottom:21px}.immersive .hero-actions .btn{font-size:10px;padding:13px 17px;min-height:43px}.hero-visual{top:180px;bottom:20px;left:-80px;right:-65px}.hero-visual img{object-position:73% center}.hero-shade{background:linear-gradient(180deg,#030b14 0%,#030b14fa 19%,#030b14c9 30%,#030b1422 53%,transparent 68%,#030b14f2 95%)}.floating-spec{bottom:81px;padding:11px 13px;gap:10px}.floating-spec b{font-size:7px;letter-spacing:1px}.floating-spec div>span{font-size:7px}.floating-spec .tag-dot{width:5px;height:5px}.immersive-bottom{font-size:6px;letter-spacing:.2px;gap:10px;height:52px}.scroll-invite{gap:7px;font-size:6px}.image-disclaimer{font-size:6px;bottom:57px}.results-line #results-count{font-size:10px}.product-image:hover>img{transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.immersive{height:auto;min-height:0}.hero-stage{position:relative;top:0}.hero-visual,.hero-visual img,.immersive .hero-copy,.floating-spec{transform:none!important;opacity:1!important}.scroll-invite i:after{animation:none}.scroll-progress{display:none}.product-image>img{will-change:auto}}