.experience-track{position:relative}
.experience-tilt,.experience-tilt-status{display:none}
@media(max-width:900px){
  .experience-active .experience-tilt{display:block;position:absolute;z-index:4;top:7.3rem;right:1.5rem;max-width:calc(100% - 3rem);padding:.65rem .85rem;border:1px solid #deb88255;border-radius:999px;background:#130f0caa;color:var(--accent2);font:inherit;font-size:.65rem;cursor:pointer}
  .experience-active .experience-tilt[aria-pressed="true"]{background:#deb88222;border-color:var(--accent2)}
  .experience-active .experience-tilt-status{display:block;position:absolute;z-index:4;top:10rem;right:1.5rem;left:1.5rem;text-align:right;font-size:.7rem;color:var(--muted)}
  .experience-tilt-status:empty,.experience-active .experience-tilt[hidden],.experience-active .experience-tilt-status[hidden]{display:none}
}
.experience-tilt:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#soundLandscape{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
#starLandscape{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.experience-active .experience-track{height:320vh;height:320svh}
.experience-active #hero{position:sticky;top:0;height:100vh;height:100svh;min-height:0;padding-top:9rem}
#hero.hero-space-bg{background:#07080d}
.hero-space-bg .hero-overlay{background:radial-gradient(ellipse at 75% 40%,#29304422,transparent 55%),radial-gradient(ellipse at 20% 80%,#5b38231a,transparent 60%);pointer-events:none}
.hero-space-bg .hero-content::after{display:none}
.experience-active .hero-waves{display:none}
.experience-active .hero-content{z-index:3;transition:opacity .5s,transform .6s}
.experience-active .hero-content h1{font-size:clamp(3.3rem,7.8vw,7.5rem);line-height:.98;letter-spacing:-.05em}
.experience-active .hero-tag{background:transparent;border:0;padding:0;font-size:.65rem;letter-spacing:.3em}
.experience-active .hero-sub{font-size:1rem;max-width:48ch}
.experience-active .hero-cta .btn{border-radius:999px;font-size:.7rem;padding:1rem 1.6rem}
.experience-active .hero-content.is-away{opacity:0;transform:translateY(-35px);pointer-events:none}
.experience-panel{position:absolute;z-index:3;left:10%;top:50%;width:min(560px,44%);transform:translateY(-42%);animation:experience-arrive .65s ease both}
.experience-panel[hidden],.experience-controls[hidden]{display:none}
.experience-panel h2{font-size:clamp(3rem,5.7vw,6rem);font-weight:400;line-height:1.04;letter-spacing:-.045em}
.experience-panel h2 em{color:var(--accent2);font-weight:400}
.experience-panel>p:not(.experience-kicker){max-width:34ch;color:var(--muted);font-size:1rem;line-height:1.8;margin:1.8rem 0}
.experience-kicker{font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:1.7rem}
.experience-link,.experience-destinations a{color:var(--white);text-decoration:none;font-size:.8rem;border-bottom:1px solid var(--accent3);padding-bottom:.6rem}
.experience-destinations{display:flex;gap:1.8rem;flex-wrap:wrap}
.experience-link:hover,.experience-destinations a:hover{color:var(--accent2)}
.experience-controls{position:absolute;z-index:4;bottom:2rem;left:4rem;right:4rem;display:flex;align-items:center;gap:1.5rem}
.experience-chapters{display:flex;gap:.5rem}
.experience-chapters button{width:38px;height:38px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);font:inherit;font-size:.65rem;cursor:pointer}
.experience-chapters button[aria-current="step"]{border-color:var(--accent3);color:var(--accent2)}
.experience-progress{width:100px;height:1px;background:#deb88244}
.experience-progress span{display:block;height:1px;background:var(--accent2);transform:scaleX(var(--journey-progress,0));transform-origin:left}
.experience-skip{margin-left:auto;color:var(--muted);font-size:.7rem;text-decoration:none;letter-spacing:.06em}
.experience-controls .video-audio-toggle{margin:0;flex-shrink:0;order:4;background:#201810b3}
.experience-active .scroll-hint{z-index:3;bottom:6rem;font-size:.55rem;letter-spacing:.25em;animation:none;transition:opacity .3s}
.experience-active .scroll-line{height:25px}
.experience-active .scroll-hint.is-away{opacity:0;pointer-events:none}
.experience-controls a:focus-visible,.experience-controls button:focus-visible,.experience-panel a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@keyframes experience-arrive{from{opacity:0;transform:translateY(calc(-42% + 25px))}to{opacity:1;transform:translateY(-42%)}}
@media(max-width:900px){
  .experience-controls{left:1.5rem;right:1.5rem;bottom:1.5rem;gap:.7rem}
  .experience-progress{width:45px}
  .experience-panel{left:8%;width:84%;top:46%;text-shadow:0 2px 24px #130f0c}
  .experience-panel h2{font-size:clamp(3rem,10vw,4.5rem)}
  .experience-panel>p:not(.experience-kicker){font-size:.9rem;max-width:30ch}
  .experience-active #hero{padding:7rem 1.5rem 5rem}
  .experience-active .hero-content h1{font-size:clamp(3rem,12vw,5rem)}
  .experience-active .hero-sub{font-size:.88rem}
  .experience-active .hero-cta{margin-top:1.8rem}
  .experience-active .hero-cta .btn{padding:.9rem 1.15rem}
}
@media(prefers-reduced-motion:reduce){
  #hero.hero-space-bg{background-color:#07080d;background-image:radial-gradient(1px 1px at 20% 25%,#fff9 90%,transparent),radial-gradient(1px 1px at 70% 65%,#deb88299 90%,transparent),radial-gradient(1px 1px at 40% 80%,#fff7 90%,transparent);background-size:220px 210px,340px 300px,280px 260px}
  #soundLandscape,#starLandscape{display:none}
  .experience-panel,.experience-active .hero-content{animation:none;transition:none}
}
@media(max-height:760px){.experience-active .scroll-hint{display:none}}