/*
 * BIG MONDO WORLD V5.0 — CROVIXA SIX EXPERIENCE UPGRADES
 * Original visual motion, preserving the 4.9.5 film, gallery, and photo story.
 * All decorative movement honors prefers-reduced-motion.
 */

/* 1 ── THE CHORUS TAKEOVER ─────────────────────────────────────────────── */
.chorus-takeover{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .18s ease;isolation:isolate}
.chorus-takeover.is-visible{opacity:1}
.chorus-takeover:before{content:"";position:absolute;inset:28% 0 0;width:83%;background:linear-gradient(90deg,rgba(2,15,50,.72) 0%,rgba(4,26,62,.3) 47%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 34%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 34%,#000 78%,transparent 100%)}
.chorus-copy{position:absolute;left:clamp(22px,7vw,145px);bottom:clamp(145px,21vh,245px);width:min(85vw,1120px);display:flex;flex-direction:column;align-items:flex-start;filter:drop-shadow(0 11px 21px #030b29ae)}
.chorus-copy strong,.chorus-copy em{font:900 clamp(64px,12vw,195px)/.76 var(--display);white-space:nowrap;letter-spacing:-.038em;transform-origin:left center;-webkit-text-stroke:1px #fff;paint-order:stroke fill}
.chorus-copy strong{color:#fff;transform:skew(-8deg) rotate(-2deg);text-shadow:4px 6px 0 #125cad,11px 12px 35px #001c58}
.chorus-copy em{font-style:normal;color:#ffd44b;transform:translateX(3vw) skew(-8deg) rotate(-2deg);text-shadow:4px 6px 0 #164b9c,11px 12px 35px #041d4f}
/* Longer first/last chorus lines have a distinct fit so even Safari never
   clips THAT GIRL WENT or IN THAT CREEK against the viewport edge. */
.chorus-takeover[data-phrase="0"] .chorus-copy strong,
.chorus-takeover[data-phrase="0"] .chorus-copy em,
.chorus-takeover[data-phrase="2"] .chorus-copy strong,
.chorus-takeover[data-phrase="2"] .chorus-copy em{font-size:clamp(52px,8.25vw,139px)}
.chorus-copy .chorus-rule{margin:25px 0 0 7px;height:4px;width:clamp(100px,18vw,260px);background:linear-gradient(90deg,#ffd44b,#52d6f6,transparent);box-shadow:0 0 25px #69d1ffb5;transform-origin:left center;transform:scaleX(var(--hook-progress,.15))}
.chorus-takeover.is-beating .chorus-copy strong{animation:chorusTypeSlam .45s cubic-bezier(.16,.78,.19,1) both}
.chorus-takeover.is-beating .chorus-copy em{animation:chorusTypeSlamB .50s cubic-bezier(.16,.78,.19,1) both}
/* Let the longer "That Girl" phrases pop without being clipped mid-animation. */
.chorus-takeover:is([data-phrase="0"],[data-phrase="2"]).is-beating .chorus-copy strong{animation-name:chorusLongSlam}
.chorus-takeover:is([data-phrase="0"],[data-phrase="2"]).is-beating .chorus-copy em{animation-name:chorusLongSlamB}
@keyframes chorusLongSlam{
  0%{transform:translate3d(0,27px,0) skew(-9deg) rotate(-2deg) scale(1.055);opacity:.6;filter:blur(5px)}
  65%{transform:translate3d(0,-3px,0) skew(-8deg) rotate(-2deg) scale(1.01);opacity:1;filter:blur(0)}
  100%{transform:skew(-8deg) rotate(-2deg);opacity:1}
}
@keyframes chorusLongSlamB{
  0%{transform:translate3d(3vw,28px,0) skew(-9deg) rotate(-2deg) scale(1.055);opacity:.6;filter:blur(5px)}
  65%{transform:translate3d(3vw,-3px,0) skew(-8deg) rotate(-2deg) scale(1.01);opacity:1;filter:blur(0)}
  100%{transform:translateX(3vw) skew(-8deg) rotate(-2deg);opacity:1}
}

.chorus-ripple{position:absolute;aspect-ratio:1;border-radius:50%;left:64%;top:30%;width:clamp(340px,46vw,770px);border:2px solid #8de8ff78;box-shadow:inset 0 0 55px #0b9afd33,0 0 45px #21e2ff48,0 0 0 30px #2dadff16,0 0 0 100px #2dadff0a;transform:translate(-50%,-50%) scale(.4);opacity:0}
.chorus-ripple--one{animation:chorusWaterRipple 3.0s ease-out infinite}
.chorus-ripple--two{animation:chorusWaterRipple 3.0s ease-out -1.5s infinite}
@keyframes chorusTypeSlam{0%{transform:translate3d(-70px,60px,0) skew(-15deg) rotate(-4deg) scale(1.3);opacity:.6;filter:blur(5px)}65%{transform:translate3d(7px,-5px,0) skew(-8deg) rotate(-2deg) scale(1.03);opacity:1;filter:blur(0)}100%{transform:skew(-8deg) rotate(-2deg);opacity:1}}
@keyframes chorusTypeSlamB{0%{transform:translate3d(10vw,80px,0) skew(-16deg) rotate(3deg) scale(1.35);opacity:.6;filter:blur(5px)}64%{transform:translate3d(2.5vw,-8px,0) skew(-8deg) rotate(-2deg) scale(1.03);opacity:1;filter:blur(0)}100%{transform:translateX(3vw) skew(-8deg) rotate(-2deg);opacity:1}}
@keyframes chorusWaterRipple{0%{opacity:.6;transform:translate(-50%,-50%) scale(.23)}85%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}

/* 2 ── SONG-SPECIFIC MUSIC WORLDS ────────────────────────────────────── */
.track-world{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .65s cubic-bezier(.25,.8,.25,1);isolation:isolate;contain:paint}
.tracks-section.world-active .track-world{opacity:1}
.tracks-section:not(.world-active) .track-world:after,
.tracks-section:not(.world-active) .world-orbit,
.tracks-section:not(.world-active) .world-shimmer{animation-play-state:paused}
.track-world:before{content:"";position:absolute;inset:-20%;opacity:.9;filter:blur(30px);transition:background .4s;background:radial-gradient(ellipse at 50% 50%,#5188f54f,transparent 65%)}
.track-world:after{content:"";position:absolute;inset:-5%;background:linear-gradient(100deg,transparent 20%,#ffffff0d 47%,transparent 60%);opacity:.5;transform:translateX(-80%);animation:worldLightSweep 7s linear infinite;mix-blend-mode:screen}
.world-orbit{position:absolute;aspect-ratio:1;border:2px solid #ffffff3c;border-radius:50%;width:min(62vw,700px);opacity:.6;transform:rotate(-12deg);box-shadow:0 0 46px #8ac8ff13,inset 0 0 45px #8ac8ff12;transition:border-color .5s,box-shadow .5s}
.world-orbit--one{left:-13%;top:14%;animation:worldFloat 7.6s ease-in-out infinite alternate}
.world-orbit--two{right:-9%;bottom:-36%;width:min(85vw,920px);animation:worldFloat 8.4s ease-in-out -3s infinite alternate-reverse}
.world-shimmer{position:absolute;inset:0;opacity:calc(.12 + var(--world-energy,0)*.6);background:repeating-linear-gradient(130deg,transparent 0 35px,#ffffff14 36px 37px,transparent 38px 92px);mix-blend-mode:screen;transform:translateX(-2%);animation:worldShimmer 4.2s linear infinite}
.world-name{position:absolute;right:4%;bottom:16%;font:900 clamp(80px,13vw,265px)/.85 var(--display);max-width:95%;white-space:nowrap;text-transform:uppercase;letter-spacing:-.055em;color:#ffffff1c;transform:skew(-8deg) rotate(-3deg);-webkit-text-stroke:1px #ffffff12;user-select:none}
.tracks-section[data-world=mondo] .track-world:before{background:radial-gradient(ellipse at 29% 45%,#18b8fa6a,transparent 48%),radial-gradient(ellipse at 83% 70%,#184dbc9d,transparent 62%)}
.tracks-section[data-world=creek] .track-world:before{background:repeating-radial-gradient(ellipse at 60% 79%,#42d9ee38 0 4px,transparent 6px 59px),radial-gradient(ellipse at 50% 80%,#31a8ff8a,transparent 65%)}
.tracks-section[data-world=creek] .world-orbit{border-color:#60eafa9c;box-shadow:0 0 65px #3ea9ff45}
.tracks-section[data-world=walk] .track-world:before{background:repeating-linear-gradient(110deg,transparent 0 75px,#ff9f4d27 75px 96px,transparent 97px 150px),radial-gradient(ellipse at 72% 60%,#ffb04477,transparent 63%)}
.tracks-section[data-world=walk] .world-orbit{border-color:#ffe6a4aa;border-radius:17%;transform:rotate(32deg)}
.tracks-section[data-world=nocap] .track-world:before{background:conic-gradient(from 30deg at 80% 40%,transparent,#f9468f52,transparent,#8b3ffb87,transparent);filter:blur(48px)}
.tracks-section[data-world=nocap] .world-orbit{border-color:#fca7ff9e;transform:rotate(-28deg) skew(-16deg)}
.tracks-section[data-world=tiktok] .track-world:before{background:radial-gradient(ellipse at 29% 28%,#02eddf88,transparent 40%),radial-gradient(ellipse at 72% 61%,#ef28ab7f,transparent 55%)}
.tracks-section[data-world=tiktok] .world-orbit{border-color:#4afffdab;box-shadow:8px -5px 0 #ff65c958}
.tracks-section[data-world=goat] .track-world:before{background:radial-gradient(ellipse at 45% 45%,#ffce4eab,transparent 40%),conic-gradient(from 90deg at 70% 55%,#f4a82018,#ffffff18,#f4a82018,transparent)}
.tracks-section[data-world=goat] .world-orbit{border-color:#ffedaa;box-shadow:0 0 65px #ffd25f60}
.tracks-section[data-world=money] .track-world:before{background:repeating-linear-gradient(123deg,transparent 0 110px,#71d6c529 110px 116px,transparent 117px 220px),radial-gradient(ellipse at 48% 48%,#ffe67c8a,transparent 58%)}
.tracks-section[data-world=money] .world-orbit{border-color:#8ffad5;box-shadow:0 0 55px #fff1b34f}
.tracks-section[data-world=fill] .track-world:before{background:radial-gradient(circle at 46% 61%,#ff954585 0,transparent 48%),radial-gradient(ellipse at 87% 32%,#fd45c47d,transparent 60%)}
.tracks-section[data-world=fill] .world-orbit{border-color:#ffad88a1}
.tracks-section[data-world=wave] .track-world:before{background:repeating-radial-gradient(ellipse at 50% 91%,#27e4f246 0 9px,transparent 12px 61px),radial-gradient(ellipse at 60% 70%,#3665ec96,transparent 65%)}
.tracks-section[data-world=wave] .world-orbit{border-color:#5aceff99;box-shadow:0 0 66px #2679ff63}
@keyframes worldFloat{0%{translate:0 0;opacity:.29}100%{translate:9% -6%;opacity:.7}}
@keyframes worldShimmer{to{transform:translateX(7%)}}
@keyframes worldLightSweep{0%{transform:translateX(-100%)}100%{transform:translateX(150%)}}
.tracks-section.world-active .song-card.card-playing>.card-activate{box-shadow:0 0 0 2px #fff9d8,0 0 var(--beat-glow,35px) #8df0ffc1,0 19px 44px #050926cd!important}

/* 3 ── LIVING POLAROIDS OPEN INTO A CINEMATIC SCREEN ─────────────────── */
.living-cinema{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:clamp(15px,2vw,32px);isolation:isolate}
.living-cinema[hidden]{display:none!important}
.living-cinema-backdrop{position:absolute;inset:0;background:#040d25eb;backdrop-filter:blur(21px);-webkit-backdrop-filter:blur(21px);animation:cinemaBackdrop .38s ease-out both}
.living-cinema-frame{position:relative;aspect-ratio:9/16;max-width:calc(90vw - 40px);width:min(53vh,460px);max-height:82svh;overflow:hidden;border:8px solid #faf2e5;outline:1px solid #d0e9ff8a;box-shadow:12px 15px 0 #ff8c58,0 50px 140px #020719be;isolation:isolate;border-radius:3px;background:#0b1b35;will-change:transform}
.living-cinema-ambient{position:absolute;inset:-12%;background-position:center;background-size:cover;filter:blur(24px) brightness(.58);opacity:.8;z-index:0;transform:scale(1.04)}
.living-cinema-poster,.living-cinema-frame>video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;z-index:1}
.living-cinema-poster{object-fit:cover;transition:opacity .5s ease;opacity:1}
.living-cinema-frame>video{z-index:2;opacity:0;transition:opacity .5s ease;position:absolute;background:transparent}
.living-cinema-frame.has-live-video>video{opacity:1}
.living-cinema-frame.has-live-video .living-cinema-poster{opacity:0;pointer-events:none}
.living-cinema-chrome{position:absolute;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:15px;background:linear-gradient(180deg,#030e28df,transparent);color:#fff;pointer-events:none}
.living-cinema-chrome>span{font:900 10px/1.4 var(--sans);letter-spacing:.13em;margin-top:12px;text-shadow:0 3px 10px #000}
.living-cinema-chrome button{flex:none;pointer-events:auto;color:#091b3b;background:var(--gold);border:2px solid white;border-radius:50px;font:900 10px var(--sans);padding:10px 14px;box-shadow:0 5px 20px #0006}
.living-cinema-chrome button:hover{background:white}
body.living-cinema-open{overflow:hidden}
.story-picture-frame.is-cinema-source{opacity:.28!important;pointer-events:none}
.story-picture-frame .living-inline-player{display:none!important} /* legacy in-card player is not used */
@keyframes cinemaBackdrop{from{opacity:0}to{opacity:1}}

/* 4 ── MONDO TV DIRECTOR'S CUT — THREE REAL CHAPTERS, TWO RELEASES ───── */
.scene-rail{display:flex;flex:none;gap:10px;align-items:stretch;max-width:100%;min-height:68px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px;margin-top:-2px}
.scene-rail[hidden]{display:none!important}
.scene-rail-label{align-self:center;flex:0 0 134px;font:900 10px/1.5 var(--sans);letter-spacing:.11em;color:#11264b}
.scene-rail-label small{display:block;font:800 9px var(--sans);color:#2e7cb9;letter-spacing:.17em;padding-top:4px}
.scene-choice{display:flex;gap:9px;align-items:center;flex:1 1 180px;min-width:150px;max-width:280px;border-radius:4px;background:#ffffff9e;color:#0d2145;border:1px solid #b2cde4;text-align:left;padding:5px 9px 5px 5px;transition:background .3s,transform .3s,box-shadow .3s}
.scene-choice:hover,.scene-choice:focus-visible{background:#fff;transform:translateY(-3px);box-shadow:0 8px 16px #183a5529}
.scene-choice[aria-pressed=true]{background:#fff1bf;border-color:#d9a52f;box-shadow:inset 0 0 0 1px #f7c746}
.scene-choice img{width:76px;height:52px;object-fit:cover;border-radius:2px;flex:none;filter:saturate(.83);transition:filter .3s}
.scene-choice:hover img{filter:saturate(1.15)}
.scene-choice>span{font:900 10px/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase}
.scene-choice small{display:block;font:700 9px var(--sans);color:#3461a0;padding-top:4px}
.tv-video-frame.is-film-cut:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(110deg,transparent,#fff7dc99,#ffffff 55%,transparent 88%);transform:translateX(-105%);animation:directorFilmCut .66s cubic-bezier(.3,.5,.2,1) both;mix-blend-mode:screen}
@keyframes directorFilmCut{0%{transform:translateX(-125%);opacity:1}100%{transform:translateX(135%);opacity:0}}

/* 5 ── INTERACTIVE SIGNATURE / CROWN ──────────────────────────────────── */
.hero-crown{padding:0;background:transparent;border:none;border-radius:12px;cursor:pointer;pointer-events:auto;z-index:6;transition:filter .25s;touch-action:manipulation}
.hero-crown:hover,.hero-crown:focus-visible{filter:drop-shadow(0 0 17px #fff0b2) drop-shadow(0 7px 0 #b78019)}
.hero-crown:focus-visible{outline:3px solid #ffe77e;outline-offset:8px}
.hero.signature-energized .hero-word-big{filter:drop-shadow(0 0 22px #70f7fffa) drop-shadow(3px 7px #0b54a4)}
.hero.signature-energized .hero-word-mondo{filter:drop-shadow(0 0 24px #ffe76efc) drop-shadow(3px 7px #b37b18)}
.hero.signature-energized .hero-crown img{animation:signatureCrownPop .83s cubic-bezier(.2,.8,.17,1)}
.signature-burst{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}
.signature-spark{position:absolute;width:14px;height:14px;background:#ffdb47;transform-origin:center;clip-path:polygon(50% 0%,59% 38%,100% 50%,59% 61%,50% 100%,40% 61%,0% 50%,40% 38%);filter:drop-shadow(0 0 8px #fff9c2);pointer-events:none}
.signature-spark:nth-child(3n){background:#56e5ff;width:10px;height:10px}
.signature-spark:nth-child(4n){background:#fff;border-radius:100%}
@keyframes signatureCrownPop{0%{transform:rotate(-18deg) scale(.8)}40%{transform:rotate(12deg) scale(1.2)}75%{transform:rotate(-4deg) scale(1.05)}100%{transform:none}}

/* 6 ── THE ENCORE — FINAL CINEMATIC CHAPTER ───────────────────────────── */
.encore{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate;color:white;background:radial-gradient(ellipse at 78% 35%,#42bbff 0,transparent 42%),radial-gradient(ellipse at 20% 78%,#3722b9 0,transparent 50%),linear-gradient(135deg,#032e94 0%,#0645bc 52%,#03275f 100%);padding:125px clamp(24px,7vw,120px) 108px}
.encore-grain{position:absolute;inset:0;background:radial-gradient(#fff3 .65px,transparent 1px);background-size:9px 9px;opacity:.17;pointer-events:none;z-index:0}
.encore-word-wall{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.15;transform:rotate(-7deg);white-space:nowrap;color:transparent;-webkit-text-stroke:2px #ffffffb7;font:900 clamp(130px,27vw,600px)/.95 var(--display);letter-spacing:-.05em;z-index:0}
.encore-word-wall span{display:block;transform:translateX(-20%)}
.encore-word-wall span:nth-child(2){transform:translateX(-3%)}
.encore.is-visible .encore-word-wall span{animation:encoreDrift 19s linear infinite alternate}
.encore.is-visible .encore-word-wall span:nth-child(2){animation-direction:alternate-reverse;animation-duration:22s}
.encore-orbit{position:absolute;z-index:0;aspect-ratio:1;border:2px solid #b9eeff53;width:74vw;max-width:1000px;border-radius:50%;box-shadow:0 0 40px #6ae8ff34,inset 0 0 40px #6ae8ff24;left:-32%;top:17%;transform:rotate(-15deg)}
.encore-orbit--two{left:auto;right:-29%;top:-26%;width:58vw;border-color:#ffe06388;box-shadow:0 0 66px #ffe18c27}
.encore-kicker{position:absolute;z-index:2;top:clamp(95px,13vh,160px);left:7%;font:900 12px var(--sans);letter-spacing:.26em;color:#ffe270;border-bottom:2px solid #ffdb65;padding-bottom:10px}
.encore-content{position:relative;z-index:2;width:min(1250px,100%);margin:0 auto;transform:translateY(80px);opacity:0;transition:transform 1.15s cubic-bezier(.12,.77,.19,1),opacity 1.15s}
.encore.is-visible .encore-content{transform:translateY(0);opacity:1}
.encore-caption{display:block;font:900 clamp(11px,.9vw,16px)/1.5 var(--sans);letter-spacing:.24em;margin-bottom:22px;color:#e9efff}
.encore h2{font:900 clamp(70px,10.1vw,176px)/.83 var(--display);letter-spacing:-.06em;margin:0;text-transform:uppercase;transform:skew(-5deg);text-shadow:6px 10px 0 #0327675e;white-space:nowrap}
.encore h2 span{color:#fff}
.encore h2 em{font-style:normal;color:#ffda4a;text-shadow:6px 11px 0 #073f84}
.encore p{font:900 clamp(12px,1.15vw,17px)/1.6 var(--sans);letter-spacing:.10em;margin:29px 0 27px;color:#e4f4ff}
.encore-actions{display:flex;flex-wrap:wrap;gap:12px}
.encore-actions a,.encore-actions button{font:900 12px var(--sans);letter-spacing:.07em;display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:19px 25px;border-radius:99px;border:2px solid white;transition:transform .28s,box-shadow .28s,background .28s}
.encore-actions a{background:#ffda4a;color:#071c43;border-color:#ffda4a}
.encore-actions button{background:#052b74b0;color:white}
.encore-actions a:hover,.encore-actions button:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0005}
.encore-actions button:hover{background:#ffffff24}
.encore-endline{position:absolute;bottom:26px;left:7%;right:7%;display:flex;justify-content:space-between;font:900 10px var(--sans);letter-spacing:.19em;z-index:2;color:#dae8ff;border-top:1px solid #ffffff65;padding-top:16px}
@keyframes encoreDrift{from{transform:translateX(-22%)}to{transform:translateX(10%)}}

/* Accessibility, responsive layouts, and safe system rendering. */
@media (max-width:1000px){
 .scene-rail-label{flex-basis:102px}
 .scene-choice{flex:0 0 155px;min-width:155px}
 .scene-choice img{width:52px;height:44px}
 .scene-choice>span{font-size:9px}
 .encore h2{font-size:clamp(63px,10vw,108px)}
}
@media (max-width:600px){
 .chorus-copy{bottom:clamp(135px,23svh,180px);left:6vw;width:91vw}
 .chorus-copy strong,.chorus-copy em{font-size:clamp(43px,10.4vw,65px);line-height:.85;white-space:normal}
 .chorus-takeover[data-phrase="0"] .chorus-copy strong,
 .chorus-takeover[data-phrase="0"] .chorus-copy em,
 .chorus-takeover[data-phrase="2"] .chorus-copy strong,
 .chorus-takeover[data-phrase="2"] .chorus-copy em{font-size:clamp(33px,8.5vw,53px)}
 .chorus-copy .chorus-rule{height:3px;margin-top:15px}
 .chorus-ripple{left:55%;top:58%;width:120vw}
 .world-name{bottom:32%;font-size:clamp(65px,19vw,110px)}
 .world-orbit{width:106vw}
 .scene-rail{gap:7px;min-height:60px;max-width:calc(100vw - 26px)}
 .scene-rail-label{flex:0 0 91px;font-size:8px}
 .scene-rail-label small{font-size:7px}
 .scene-choice{min-width:130px;flex:0 0 130px;padding:3px 6px 3px 3px;gap:5px}
 .scene-choice img{width:47px;height:42px}
 .scene-choice>span{font-size:8px}
 .scene-choice small{font-size:8px}
 .living-cinema{padding:12px}
 .living-cinema-frame{width:min(91vw,47.5svh);max-height:84svh;border-width:6px;box-shadow:7px 9px 0 #ff8c58,0 26px 70px #020719bd}
 .living-cinema-chrome{padding:7px}
 .living-cinema-chrome>span{font-size:7px;letter-spacing:.08em;margin-top:13px}
 .living-cinema-chrome button{font-size:10px;padding:9px 11px;min-height:44px}
 .hero-crown{z-index:6}
 .encore{min-height:90svh;padding:145px 22px 95px}
 .encore-kicker{left:23px;font-size:9px;letter-spacing:.17em}
 .encore-content{width:100%}
 .encore-caption{font-size:9px;letter-spacing:.13em}
 .encore h2{white-space:normal;font-size:clamp(46px,11.5vw,80px);line-height:.87;letter-spacing:-.06em;text-shadow:3px 5px #0427677a}
 .encore h2 em{text-shadow:3px 5px 0 #073f84}
 .encore p{font-size:11px;margin:21px 0 24px}
 .encore-actions{flex-direction:column;align-items:stretch}
 .encore-actions a,.encore-actions button{padding:17px 18px;font-size:10px;justify-content:space-between}
 .encore-endline{left:23px;right:23px;bottom:23px;font-size:8px;letter-spacing:.06em}
 .encore-orbit--one{width:120vw}
}
@media (max-width:360px){
 .chorus-copy strong,.chorus-copy em{font-size:44px}
 .encore h2{font-size:44px}
 .encore-endline{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 .chorus-takeover,.chorus-takeover *,.signature-burst *,.encore *, .track-world *,.tv-video-frame.is-film-cut:after{animation:none!important;transition-duration:0s!important}
 .chorus-takeover{display:none!important}
 .track-world{display:none!important}
 .encore-content{opacity:1!important;transform:none!important}
 .encore-word-wall{opacity:.09!important}
 .hero-crown{transition:none!important}
 .living-cinema-backdrop{animation:none}
 .living-cinema-frame{will-change:auto}
}
/* Fit scene navigation INSIDE the pinned television viewport; keep 16:9. */
.tv-landing.has-chapters{gap:clamp(7px,.8svh,11px)}
.tv-landing.has-chapters .tv-landing-heading{min-height:clamp(100px,13svh,145px)}
.tv-landing.has-chapters .tv-landing-heading h2{font-size:clamp(55px,7.2vw,105px)}
.tv-landing.has-chapters .tv-video-frame{width:min(100%,92svh);height:auto;min-height:0;aspect-ratio:16/9}
.tv-landing.has-chapters .scene-rail{min-height:60px}
@media(max-width:600px){
 .tv-landing.has-chapters{gap:9px}
 .tv-landing.has-chapters .tv-landing-heading{min-height:0}
 .tv-landing.has-chapters .tv-landing-heading h2{font-size:clamp(53px,15.8vw,83px)}
 .tv-landing.has-chapters .tv-video-frame{width:100%;height:auto!important;min-height:0!important;aspect-ratio:16/9}
 .tv-landing.has-chapters .scene-rail{min-height:55px}
}

/* A real internal route gives visitors and crawlers a durable path to the
   accessible album tracklist without interrupting the cinematic collection. */
.album-guide-link{display:inline-flex;align-items:center;gap:8px;margin-top:15px;color:#ffda4a;font:900 10px var(--sans);letter-spacing:.12em;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.album-guide-link:hover,.album-guide-link:focus-visible{color:white}