.immersive-home .site-header{background:linear-gradient(#0b0e17a6,transparent);font-family:"Barlow Condensed","Barlow",sans-serif}
.immersive-home .brand{width:150px;flex-basis:150px}
.immersive-home .desktop-nav{gap:clamp(20px,3vw,48px)}
.experience{position:relative;height:560vh;height:560svh;background:#131b24;--opening:1;--reveal:0;--story:0;--lift:0px;--reveal-lift:24px}
.experience-stage{position:sticky;top:0;height:100vh;height:100svh;min-height:540px;overflow:hidden;isolation:isolate;background:#182130}
.experience-poster,.experience-canvas,.experience-shade{position:absolute;inset:0;width:100%;height:100%}
.experience-poster{object-fit:cover;object-position:center;transition:opacity .6s ease}
.experience-mobile-ren{display:none}
.experience-canvas{display:block;opacity:0;transition:opacity .6s ease}
.experience.is-ready .experience-mobile-ren{display:none}
.experience-canvas{opacity:1}
.experience.is-ready .experience-poster,.experience.is-ready .experience-mobile-ren{opacity:0;pointer-events:none}
.experience.is-deep .experience-canvas,.experience.is-deep .experience-poster{transition:none}
.experience-shade{pointer-events:none;background:linear-gradient(90deg,#080d1699 0%,#080d1655 32%,transparent 63%),linear-gradient(0deg,#0d152433,transparent 40%)}
.experience-opening{position:absolute;left:5.5%;top:36%;width:49%;max-width:810px;opacity:var(--opening);transform:translateY(var(--lift));will-change:transform,opacity}
.experience-logo{width:100%;height:auto;filter:drop-shadow(0 3px 14px #0003)}
.experience-tagline{font-size:clamp(20px,2.25vw,35px);letter-spacing:.07em;font-weight:400;line-height:1.4;margin:24px 0 30px;text-wrap:balance;color:#fff}
.experience-actions{display:grid;grid-template-columns:1.12fr 1fr;align-items:stretch;gap:20px;width:560px;max-width:100%}
.store-badge{display:block;flex:0 1 278px;transition:transform .2s}
.store-badge img{width:100%;height:auto}
.store-badge:hover{transform:translateY(-3px)}
.experience-trailer{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;border:2px solid #f0ede5;border-radius:5px;background:#0b0d0e55;padding:12px 22px;font-family:"Barlow Condensed",var(--body);font-size:clamp(19px,1.7vw,27px);font-weight:600;white-space:nowrap;transition:background .2s,transform .2s}
.experience-trailer:hover{background:#d73525;transform:translateY(-3px)}
.experience .icon{filter:invert(1)}
.experience-reveal{position:absolute;top:13%;left:5.5%;width:min(49%,750px);opacity:var(--reveal);transform:translateY(var(--reveal-lift));will-change:transform,opacity;text-shadow:0 2px 30px #050a14}
.experience-reveal h2{font-family:var(--display);font-size:clamp(56px,7.4vw,112px);text-transform:uppercase;line-height:1.03;margin-bottom:26px;text-wrap:balance}
.experience-reveal h2 span{display:block}
.experience-reveal p{font-size:clamp(20px,1.8vw,28px);line-height:1.5;max-width:30ch}
.experience-tactics{position:absolute;bottom:7%;left:15%;width:80%;list-style:none;padding:0;margin:0;display:flex;justify-content:space-between;gap:24px;opacity:var(--reveal);font-family:var(--display);font-size:clamp(22px,2.4vw,36px);line-height:1.2;text-transform:uppercase;text-shadow:0 2px 20px #000}
.experience-tactics li+li{border-left:2px solid var(--red);padding-left:28px}
.experience-scroll{position:absolute;bottom:22px;left:calc(50% - 24px);width:48px;height:48px;display:grid;place-items:center;opacity:var(--opening)}
.experience-scroll .icon{width:42px;height:42px}
.experience-loading{position:absolute;right:28px;bottom:78px;font-size:13px;color:#fff9;margin:0}
.experience.is-fallback{height:100vh;height:100svh}
.experience.is-fallback .experience-reveal,.experience.is-fallback .experience-tactics{display:none}
.immersive-home .fallback-introduction{display:none}
.experience.is-fallback+.fallback-introduction{display:block}
@media(min-width:1600px){.experience-opening{top:34%}}
@media(max-width:1100px) and (min-width:701px){.experience-opening{left:5%;width:51%}.experience-tagline{letter-spacing:.025em}.experience-actions{gap:12px}.experience-trailer{padding:10px 14px;gap:10px}.experience-reveal{width:36%}}
@media(max-width:700px),(max-aspect-ratio:11/10){
 .experience{height:480vh;height:480svh}
 .experience-stage{min-height:0}
 .experience-opening{left:6%;top:15%;width:88%;max-width:none}
 .experience-logo{width:92%;max-width:430px}
 .experience-tagline{font-size:18px;letter-spacing:.035em;margin:13px 0 18px;text-wrap:nowrap}
 .experience-actions{gap:12px;width:100%;max-width:425px}
 .store-badge{flex:1 1 52%}
 .experience-trailer{min-height:48px;font-size:18px;gap:8px;padding:8px}
 .experience-trailer .icon{width:18px;height:18px;flex-basis:18px}
 .experience-shade{background:linear-gradient(180deg,#080d16b3,transparent 58%),linear-gradient(90deg,#080d1633,transparent)}
 .experience-reveal{top:15%;left:6%;width:88%;max-width:440px}
 .experience-reveal h2{font-size:48px;max-width:10ch;margin-bottom:16px}
 .experience-reveal p{font-size:18px;max-width:34ch;margin-bottom:15px}
 .experience-tactics{left:6%;bottom:10%;width:88%;flex-wrap:wrap;font-size:20px;gap:12px}
 .experience-tactics li+li{padding-left:12px}
 .experience-scroll{bottom:18px;left:20px}
}
@media(prefers-reduced-motion:reduce){.experience{height:310svh}.experience-poster,.experience-mobile-ren{display:none}
.experience-canvas{transition:none}.experience-opening,.experience-reveal{will-change:auto}}

@media(max-width:700px) and (orientation:portrait){
 .experience-poster{object-position:left center}
 .experience-mobile-ren{display:block;position:absolute;bottom:4%;left:50%;transform:translateX(-50%);height:52%;width:auto;max-width:74%;max-height:calc(100% - 310px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 9px #10101780);transition:opacity .6s ease}
}