.immersive-experience{height:720svh;position:relative;background:#080c0b;isolation:isolate}
.experience-stage{position:sticky;top:88px;height:calc(100svh - 88px);min-height:520px;overflow:hidden;background:#080c0b}
.immersive-experience .hero{position:absolute;inset:0;width:100%;height:100%;max-width:none;overflow:hidden;padding:0}
.immersive-experience .hero-visual{position:absolute;inset:0;height:100%;width:100%;margin:0;z-index:0;overflow:hidden}
.immersive-experience .hero-visual:after{pointer-events:none;background:linear-gradient(0deg,#080c0b 0%,transparent 19%,transparent 85%,#080c0b55)}
.immersive-experience .hero-image{position:absolute;width:100%;height:100%;max-width:none;top:0;left:0;object-fit:contain;transform:none;animation:none;transition:opacity 1.3s;z-index:1;pointer-events:none}
#studio-world{width:100%;height:100%;display:block;position:absolute;inset:0;opacity:0;transition:opacity 1.3s;touch-action:pan-y;outline:0}
.world-ready #studio-world{opacity:0}.world-ready .hero-image{opacity:1}.world-ready.world-entered #studio-world{opacity:1}.world-ready.world-entered .hero-image{opacity:0;transform:scale(2.1)}
.immersive-experience .hero-copy{z-index:4;bottom:90px;transition:opacity .35s,transform .5s;pointer-events:none;animation:none}
.immersive-experience .hero-copy h1{font-size:clamp(40px,4.4vw,68px);text-shadow:0 4px 30px #000;line-height:1.55}
.immersive-experience .hero-copy p{font-size:16px;text-shadow:0 2px 18px #000}
.immersive-experience .hero-side-copy{z-index:6;top:28px;padding:14px 16px;border:1px solid #3e4b3433;border-radius:10px;background:#080c0b9e;backdrop-filter:blur(12px);width:185px;left:3%}
.immersive-experience .hero-side-copy p{font-size:12px}
.immersive-experience .hero-services{top:27px;right:2%;width:178px;z-index:7;background:#080c0bb0;backdrop-filter:blur(14px);border:1px solid #3e4b3433;border-radius:12px;padding:10px 5px;gap:3px}
.immersive-experience .hero-services button{min-height:48px;font-size:11px}
.immersive-experience .hero-services button[aria-pressed=true]{border-radius:6px;background:#1b2915;color:#c7ff57}
.immersive-experience .hero-scroll{display:none}
.immersive-experience .hero.in-room .hero-copy{opacity:0;transform:translateY(15px);pointer-events:none}
.immersive-experience .hero.in-room .hero-side-copy{opacity:0;pointer-events:none;transition:opacity .3s}
.world-room{position:absolute;bottom:96px;left:3%;width:min(365px,31vw);padding:25px 27px;border:1px solid #72835550;border-radius:16px;background:linear-gradient(130deg,#0a120de8,#0b110be0);backdrop-filter:blur(16px);z-index:9;box-shadow:0 12px 60px #0006;animation:world-info-in .4s both}
.world-room .eyebrow{font-size:10px;margin-bottom:10px;color:#a4b296}
.world-room h2{font-size:27px;line-height:1.65;letter-spacing:-.5px;color:#c7ff57}
.world-room h3{font-family:var(--body);font-size:17px;font-weight:500;margin-top:10px;line-height:1.9}
.world-room>p{font-size:13px;line-height:1.9;margin-top:10px;color:#afbaa5}
.world-room-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:23px}
.world-room-actions>.button{font-size:12px;min-height:44px;padding:5px 6px 5px 15px;gap:15px}
.world-room-actions>.button .circle-arrow{width:31px;height:31px}
.world-room-actions>.text-link{font-size:11px;gap:8px}.world-room-actions>.text-link svg{width:17px;height:17px}
.world-controls{position:absolute;bottom:16px;right:3%;left:3%;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #4d603b88;padding-top:12px;background:linear-gradient(0deg,#080c0be6,transparent)}
.world-stepper{display:flex;align-items:center;gap:16px}.world-stepper .icon-button{width:40px;height:40px;min-width:40px;min-height:40px;font-size:19px}
#world-count{min-width:85px;text-align:center;font-size:11px;color:#d0dcc4}
#world-overview{display:flex;align-items:center;gap:9px;font-size:11px;min-height:40px;padding:5px 15px;border:1px solid #4b5a3e;border-radius:30px;background:#0c150d90;color:#d0dcc4}
#world-overview svg{width:17px;height:17px}#world-skip{font-size:11px;color:#cad5be;min-height:40px;display:flex;align-items:center;padding:5px 0}
#world-skip:hover,#world-overview:hover{color:#c7ff57}
.world-status{position:absolute;right:250px;left:250px;top:20px;z-index:5;text-align:center;font-size:10px;color:#bdc9b2;pointer-events:none;text-shadow:0 2px 10px #000}
.world-unavailable{height:auto}.world-unavailable .experience-stage{position:relative;top:auto;height:790px}.world-unavailable #studio-world,.world-unavailable .world-controls{display:none}.world-unavailable .hero-image{opacity:1}.world-unavailable .hero-copy{opacity:1}.world-unavailable .world-status{top:auto;bottom:15px}
@keyframes world-info-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.world-room{width:300px;max-width:36vw;padding:20px}.world-room h2{font-size:23px}.world-room h3{font-size:15px}.world-room>p{font-size:12px}.immersive-experience .hero-services{width:155px}.immersive-experience .hero-services button{font-size:10px;min-height:43px}.immersive-experience .hero-side-copy{width:155px}.world-status{right:195px;left:195px}}
@media(max-width:700px){
 .immersive-experience{height:660svh}
 .experience-stage{top:75px;height:calc(100svh - 75px);min-height:500px}
 .immersive-experience .hero{display:block}
 .immersive-experience .hero-visual{inset:0;position:absolute;z-index:0;height:100%;overflow:hidden}
 .immersive-experience .hero-image{height:100%;width:700px;max-width:none;left:50%;top:0;transform:translateX(-50%);object-fit:cover}
 .immersive-experience .hero-copy{position:absolute;top:25px;right:20px;left:20px;bottom:auto;padding:0;z-index:4}
 .immersive-experience .hero-copy h1{font-size:32px;letter-spacing:-1px;line-height:1.65}
 .immersive-experience .hero-copy p{font-size:12px;line-height:1.8;max-width:280px;margin:11px auto 0}
 .immersive-experience .mobile-hero-cta{pointer-events:auto;margin-top:18px}
 .immersive-experience .mobile-hero-cta .button{font-size:13px;min-height:45px;gap:17px}
 .immersive-experience .mobile-hero-cta .circle-arrow{height:32px;width:32px}
 .immersive-experience .hero-services{position:absolute;top:auto;bottom:142px;right:15px;left:15px;width:auto;margin:0;border:0;background:#080c0b88;padding:7px 0;display:flex;gap:7px;border-radius:0;scrollbar-width:none;backdrop-filter:blur(10px)}
 .immersive-experience .hero-services::-webkit-scrollbar{display:none}
 .immersive-experience .hero-services button{font-size:10px;padding:8px 10px;min-height:43px;border:1px solid #52633d;gap:7px;background:#0b130cb0}
 .immersive-experience .hero-services button[aria-pressed=true]{border-color:#c7ff57}
 .immersive-experience .hero-services svg{width:19px;height:19px}
 .world-room{top:17px;bottom:auto;right:16px;left:16px;width:auto;max-width:none;padding:15px 18px;background:linear-gradient(110deg,#080f0ce8,#0c140ee0);border-radius:12px}
 .world-room .eyebrow{font-size:8px;margin-bottom:4px}
 .world-room h2{font-size:21px;line-height:1.7}
 .world-room h3{font-size:13px;margin-top:1px;line-height:1.8}
 .world-room>p{display:none}
 .world-room-actions{margin-top:11px;gap:16px;flex-wrap:nowrap;justify-content:space-between}
 .world-room-actions>.button{font-size:10px;padding:4px 5px 4px 12px;min-height:37px;gap:10px}
 .world-room-actions>.button .circle-arrow{height:27px;width:27px}
 .world-room-actions>.text-link{font-size:10px;gap:5px}
 .world-room-actions>.text-link svg{width:14px;height:14px}
 .world-controls{bottom:87px;right:15px;left:15px;gap:8px;padding-top:8px;flex-wrap:wrap}
 .world-stepper{gap:8px}.world-stepper .icon-button{min-width:32px;min-height:32px;width:32px;height:32px;font-size:15px}
 #world-count{min-width:55px;font-size:9px}
 #world-overview{font-size:8px;min-height:32px;padding:5px 8px;gap:5px}#world-overview svg{width:13px;height:13px}
 #world-skip{font-size:8px;min-height:32px}
 .world-status{top:auto;bottom:202px;right:20px;left:20px;font-size:8px;padding:0 20px;line-height:1.8}
 .world-active .mobile-contact{opacity:0;pointer-events:none;transform:translateY(100%)}
 .world-active .world-controls{bottom:17px}.world-active .immersive-experience .hero-services{bottom:65px}.world-active .world-status{display:none}
 .world-unavailable{height:auto}.world-unavailable .experience-stage{height:740px;top:auto}.world-unavailable .hero-services{bottom:40px}.world-unavailable .world-status{display:block;bottom:12px}
}
@media(max-width:360px){.world-controls{gap:7px}#world-overview span{display:none}.immersive-experience .hero-copy h1{font-size:29px}.world-room h2{font-size:19px}.world-room h3{font-size:12px}.world-room-actions>.text-link{font-size:9px}.world-room{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.world-room{animation:none}.immersive-experience .hero-copy,.immersive-experience .hero-image,#studio-world{transition:none}}

/* The room remains the stage; editorial detail sits alongside it. */
.world-room{width:min(350px,29vw);padding:22px;bottom:87px}
.world-room h2{font-size:25px}.world-room h3{font-size:15px}.world-room>p{font-size:12px}
.room-inspector{border-top:1px solid #435637;margin-top:16px;padding-top:15px}
.room-inspector>.eyebrow{display:block;font-size:9px;margin-bottom:9px}
.room-inspect-options{display:flex;flex-wrap:wrap;gap:7px}
.room-inspect-options button{border:1px solid #46573b;border-radius:5px;padding:7px 10px;min-height:40px;background:#142015;color:#c7d1bc;font-size:10px;cursor:pointer;line-height:1.5}
.room-inspect-options button:hover,.room-inspect-options button[aria-pressed=true]{color:#c7ff57;border-color:#9ebf66;background:#23371b}
#room-detail-copy{color:#b5c1aa;line-height:1.9;font-size:11px;margin-top:10px;min-height:42px}
.world-progress{position:absolute;top:0;right:0;left:0;height:2px;background:#4c5e3b;z-index:15}
.world-progress i{display:block;background:#c7ff57;height:100%;transform:scaleX(0);transform-origin:right;box-shadow:0 0 12px #c7ff5770}
#world-motion{position:absolute;top:18px;left:calc(50% - 46px);font-size:10px;color:#b7c7aa;background:#0b160fbd;backdrop-filter:blur(8px);border:1px solid #50643c;border-radius:30px;padding:8px 15px;min-height:38px;cursor:pointer;z-index:10}
.quiet-world #world-motion{color:#c7ff57}.quiet-world .hero-image,.quiet-world #studio-world{transition:none}
@media(min-width:701px){.world-room>p{display:none}.world-room h3{margin-top:5px}.world-status{top:64px}}
@media(max-width:700px){
 .immersive-experience{height:570svh}
 .experience-stage{min-height:440px}
 .world-room{top:auto;bottom:117px;right:12px;left:12px;padding:12px 15px;width:auto;max-width:none;border-radius:12px;background:linear-gradient(110deg,#0b140ff5,#101c12f2)}
 .world-room>.eyebrow,.world-room h3{display:none}
 .world-room h2{font-size:18px;line-height:1.6}
 .room-inspector{margin-top:7px;padding-top:8px}
 .room-inspector>.eyebrow{display:none}
 .room-inspect-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .room-inspect-options button{padding:6px 4px;font-size:9px;min-height:40px}
 #room-detail-copy{font-size:10px;line-height:1.8;margin-top:7px;min-height:35px}
 .world-room-actions{margin-top:8px}.world-room-actions>.button{min-height:40px}
 .world-active .world-room{bottom:117px}
 #world-motion{top:12px;left:13px;font-size:9px;min-height:36px;padding:7px 12px}
 .world-active .immersive-experience .hero-services{bottom:62px}
 .world-active .world-controls{bottom:12px}
 .world-room-actions>.text-link{min-height:40px}
}
@media(max-height:650px) and (max-width:700px){.world-room{padding:8px 12px;bottom:108px!important}.world-room h2{font-size:16px}.room-inspect-options button{font-size:8px;min-height:34px}#room-detail-copy{display:none}.world-room-actions{margin-top:5px}.room-inspector{margin-top:3px;padding-top:5px}.world-active .hero-services{bottom:55px!important}}
@media(max-height:620px) and (min-width:701px){.world-room{padding:14px}.world-room h3,.world-room>.eyebrow{display:none}.world-room h2{font-size:20px}.room-inspector{margin-top:8px;padding-top:8px}.room-inspector>.eyebrow{display:none}.world-room-actions{margin-top:10px}}
@media(max-width:700px){#studio-world{height:calc(100% - 225px);top:0;bottom:auto}.world-unavailable #world-motion{display:none}}