/* V5 — scene affordances, accessible controls, responsive polish */
.cinema-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:rgba(133,209,218,.12);z-index:6;pointer-events:none}
.cinema-progress span{display:block;height:100%;width:20%;background:linear-gradient(90deg,#28a6b3,#8cf0ce);box-shadow:0 0 18px #28d8d2;transition:width .65s ease}
.cinema-hotspots{position:absolute;inset:0;z-index:2;pointer-events:none}
.campus-hotspot{position:absolute;left:var(--x);top:var(--y);display:flex;gap:8px;align-items:center;background:rgba(9,26,41,.85);border:1px solid rgba(122,225,215,.63);border-radius:24px;padding:7px 12px 7px 8px;color:#e7faf8;backdrop-filter:blur(8px);font:600 10px 'DM Sans',sans-serif;letter-spacing:.1em;cursor:pointer;pointer-events:auto;transition:transform .2s,background .2s}
.campus-hotspot:hover,.campus-hotspot:focus-visible{transform:translateY(-3px);background:rgba(15,77,86,.95);outline:2px solid #88ecdf;outline-offset:3px}
.hotspot-pulse{position:relative;width:10px;height:10px;border-radius:50%;background:#7ef5d6;box-shadow:0 0 15px #2cd4cd}
.hotspot-pulse:after{content:'';position:absolute;inset:-6px;border:1px solid #7ef5d6;border-radius:50%;animation:skaiPulse 2.7s infinite}
@keyframes skaiPulse{0%{transform:scale(.65);opacity:1}80%,100%{transform:scale(1.8);opacity:0}}
.cinema-hero .cinema-copy{pointer-events:none}.cinema-hero .cinema-copy button,.cinema-hero .cinema-copy a{pointer-events:auto}
@media(max-width:1100px){.cinema-hotspots{display:none}}
@media(max-width:800px){.cinema-hero{min-height:700px}.cinema-side{top:18%;gap:6px}.cinema-copy{bottom:12%}.cinema-copy h1{font-size:clamp(36px,9vw,54px)}.cinema-copy p:not(.cinema-eyebrow){font-size:13px;line-height:1.6}.cinema-bottom{bottom:15px}}
@media(prefers-reduced-motion:reduce){.hotspot-pulse:after{animation:none}.cinema-progress span{transition:none}}