.experience-room{background:#030305;height:100svh;position:relative;overflow:hidden}.experience-room__stage,.experience-room__slide,.experience-room__motion{position:absolute;inset:0}.experience-room__motion img{object-fit:contain;width:100%;height:100%}@media (min-aspect-ratio:4/3){.experience-room__motion img{object-fit:cover}}.experience-room__motion--drift-a{animation:16s ease-in-out infinite alternate experienceDriftA}.experience-room__motion--drift-b{animation:16s ease-in-out infinite alternate experienceDriftB}@keyframes experienceDriftA{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.07)translate(-.7%,-.5%)}}@keyframes experienceDriftB{0%{transform:scale(1.07)translate(.5%,.4%)}to{transform:scale(1.02)translate(0)}}.experience-room__vignette{pointer-events:none;background:linear-gradient(#000000a8,#0000 28% 74%,#000000c7),radial-gradient(#0000 58%,#0000008c);position:absolute;inset:0}.experience-room__glow{background:radial-gradient(circle at 50% 100%,var(--accent-faint),transparent 36rem);opacity:.8;pointer-events:none;transition:background 1.2s;position:absolute;inset:0}.experience-room__preload{opacity:.01;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.experience-room__top{z-index:6;justify-content:space-between;align-items:center;padding:1.3rem 1.4rem;transition:opacity .5s;display:flex;position:absolute;top:0;left:0;right:0}.experience-room__top .gm-logo--fixed{position:static}.experience-room__exit{-webkit-backdrop-filter:blur(16px);color:#ffffffbd;font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;background:#08080c8c;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:.45rem;min-height:42px;padding:.6rem .95rem;font-size:.68rem;font-weight:700;transition:border-color .24s,background .24s,color .24s;display:inline-flex}.experience-room__exit:hover{background:var(--accent-faint);border-color:var(--accent-soft);color:var(--color-ivory)}.experience-room__narration{z-index:6;width:calc(100% - 2rem);max-width:480px;position:absolute;bottom:7.4rem;right:clamp(1rem,4vw,2.4rem)}.experience-room__narration p{-webkit-backdrop-filter:blur(20px);box-shadow:0 24px 70px #0006,0 0 40px var(--accent-faint);color:#ffffffd1;font-family:var(--font-serif);white-space:pre-line;background:#06060aa8;border:1px solid #ffffff1f;border-radius:18px;max-height:38svh;padding:1.2rem 1.4rem;font-size:1rem;font-style:italic;line-height:1.72;overflow:auto}.experience-room__controls{z-index:7;background:linear-gradient(#0000,#000000d1);justify-content:space-between;align-items:center;gap:1rem;padding:2.4rem 1.4rem 1.2rem;transition:opacity .5s;display:flex;position:absolute;bottom:0;left:0;right:0}.experience-room[data-controls=hidden] .experience-room__controls,.experience-room[data-controls=hidden] .experience-room__top,.experience-room[data-controls=hidden] .experience-room__hint{opacity:0;pointer-events:none}.experience-room__caption{gap:.25rem;min-width:0;display:grid}.experience-room__caption span{color:var(--accent);font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;font-size:.62rem;font-weight:700}.experience-room__caption strong{color:#ffffffdb;font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-style:italic;font-weight:500;overflow:hidden}.experience-room__buttons{align-items:center;gap:.5rem;display:flex}.experience-room__buttons button{-webkit-backdrop-filter:blur(16px);color:#ffffffb8;cursor:pointer;font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;background:#08080c8c;border:1px solid #ffffff21;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-width:44px;min-height:44px;padding:.6rem .8rem;font-size:.64rem;font-weight:700;transition:border-color .22s,background .22s,color .22s;display:inline-flex}.experience-room__buttons button:hover{background:var(--accent-faint);border-color:var(--accent-soft);color:var(--color-ivory)}.experience-room__buttons .experience-room__btn--active{background:var(--accent-faint);border-color:var(--accent-soft);color:var(--accent)}.experience-room__play{min-width:52px}.experience-room__counter{color:#ffffff8c;font-family:var(--font-sans);letter-spacing:.2em;text-align:right;text-transform:uppercase;white-space:nowrap;font-size:.68rem}.experience-room__progress{background:linear-gradient(90deg,var(--accent),transparent);opacity:.7;transform-origin:0;z-index:8;height:2px;position:absolute;bottom:0;left:0;right:0}.experience-room__hint{color:#ffffff47;font-family:var(--font-sans);letter-spacing:.18em;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:7;font-size:.58rem;transition:opacity .5s;position:absolute;bottom:.35rem;left:50%;transform:translate(-50%)}.experience-room--empty{justify-content:center;align-items:center;display:flex}.experience-room__empty{text-align:center;z-index:2;max-width:560px;padding:1.5rem;position:relative}.experience-room__empty h1{color:var(--color-ivory);font-family:var(--font-serif);font-size:clamp(2.2rem,6vw,4rem);font-weight:600;line-height:1.05}.experience-room__empty p{color:#ffffffa3;margin-top:1rem;line-height:1.8}.experience-room__empty a{border:1px solid var(--accent-soft);color:var(--color-ivory);font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:48px;margin-top:1.6rem;padding:.85rem 1.2rem;font-size:.74rem;font-weight:700;transition:background .24s,border-color .24s;display:inline-flex}.experience-room__empty a:hover{background:var(--accent-faint);border-color:var(--accent)}@media (max-width:760px){.experience-room__controls{flex-direction:column;align-items:stretch;gap:.7rem;padding-bottom:1.6rem}.experience-room__buttons{justify-content:center}.experience-room__buttons button span{display:none}.experience-room__caption,.experience-room__counter{text-align:center}.experience-room__narration{width:auto;bottom:11.5rem;left:1rem;right:1rem}.experience-room__hint{display:none}}.experience-room__loading{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;display:flex;position:absolute;inset:0}.experience-room__loading p{color:#ffffff8c;font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem}.experience-room__loading-orb{border:1px solid var(--accent-soft);border-top-color:var(--accent);border-radius:999px;width:2.4rem;height:2.4rem;animation:1s linear infinite experienceLoadingSpin}@keyframes experienceLoadingSpin{to{transform:rotate(360deg)}}