/* The entrance is an interactive presentation; original artist artwork and pages stay intact. */
:root{color-scheme:dark;--paper:#f4f0e8;--muted:#bcc6cb;--gold:#efd097;--ice:#91dcde;--line:#d5e7eb29;--pointer-x:68%;--pointer-y:45%;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#070d12;color:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,a{font:inherit}a{color:inherit;text-underline-offset:5px}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,.carousel:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1:focus,h2:focus{outline:none}[hidden]{display:none!important}
.ambient,.veil,.grain,#light-field,.light-source,.horizon{position:fixed;inset:0;pointer-events:none}.ambient{inset:-10%;background:url('/images/personas/pc/pc-hero.png') center/cover;filter:blur(55px) saturate(2.1);opacity:.30;transform:scale(1.08);z-index:-6;transition:opacity 1s}.veil{background:linear-gradient(95deg,#060c13ef 8%,#07131a8a 62%,#090d14a6),linear-gradient(0deg,#03090fd6,transparent 55%);z-index:-5}.grain{background:radial-gradient(ellipse at 76% 35%,#734de84d,transparent 44%),radial-gradient(ellipse at 65% 69%,#08b9cd42,transparent 43%),radial-gradient(ellipse at 91% 52%,#eeb35a36,transparent 35%);z-index:-4}#light-field{width:100%;height:100%;z-index:-3;opacity:.8}.light-source{background:radial-gradient(ellipse 40vw 45vh at var(--pointer-x) var(--pointer-y),#79e5e238,transparent 65%);z-index:-2}.horizon{top:55%;background:linear-gradient(0deg,#070d1200,#74d4d508 50%,transparent);border-top:1px solid #7fdadb0c;transform:perspective(500px) rotateX(55deg);transform-origin:bottom;z-index:-1}
.shell{height:100svh;min-height:610px;display:flex;flex-direction:column;padding:24px clamp(22px,5vw,80px) 22px;position:relative;isolation:isolate}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none}.brand{background:none;padding:8px 0;text-align:left;font-size:17px;font-weight:750;letter-spacing:3px;white-space:nowrap}.brand span{color:var(--gold)}.brand small{display:block;margin-top:7px;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:500}.top-actions{display:flex;align-items:center;gap:28px}.company-link{text-decoration:none;font-size:12px}.company-link span{margin-left:12px;color:var(--gold)}.company-link:hover{color:var(--gold)}.motion-control{display:flex;align-items:center;gap:9px;background:#ffffff05;border:1px solid var(--line);border-radius:30px;padding:11px 15px;min-height:44px;font-size:10px;letter-spacing:.04em}.motion-dot{width:5px;height:5px;border-radius:50%;background:var(--ice);box-shadow:0 0 10px #80e4df}.motion-control[aria-pressed=true] .motion-dot{box-shadow:none;background:var(--muted)}.motion-control:hover{border-color:#efd09770}
.content{flex:1;min-height:0;display:flex}.screen{flex:1;min-height:0;display:flex;align-items:center;gap:clamp(25px,5vw,80px);position:relative;padding:24px 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.intro{width:44%;max-width:650px;z-index:2}.kicker{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin:0 0 25px;line-height:1.5}.intro h1,.panel h2{font-size:clamp(44px,5.8vw,88px);letter-spacing:-4px;font-weight:450;line-height:1.07;margin:0 0 26px}.intro h1 em{display:block;font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--gold);letter-spacing:-3px}.intro p{color:var(--muted);font-size:16px;line-height:1.75;max-width:30em}.more{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 21px;margin-top:21px;background:var(--paper);color:#0c131b;border:1px solid var(--paper);border-radius:2px;text-decoration:none;font-size:12px;font-weight:650;min-height:48px;transition:background .2s,transform .2s,box-shadow .2s}.more:hover{background:#fff8e6;transform:translateY(-2px);box-shadow:0 9px 35px #efd09712}.more.secondary{background:#ffffff05;color:var(--paper);border-color:var(--line)}.more.secondary:hover{background:#ffffff12}
.carousel{width:56%;height:min(65vh,610px);position:relative;perspective:1200px;display:flex;flex-direction:column;justify-content:center;min-width:0;outline-offset:8px;touch-action:pan-y}.artstage{flex:1;min-height:0;position:relative;transform-style:preserve-3d;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .6s ease;z-index:1}.artstage::before{content:"";position:absolute;inset:12% 5%;background:radial-gradient(ellipse,#95e7de23,transparent 69%);filter:blur(25px);transform:translateZ(-70px)}.art{position:absolute;inset:3% 4%;width:92%;height:94%;object-fit:contain;filter:drop-shadow(0 30px 22px #0009);opacity:0;transform:translate3d(50px,8px,-130px) rotateY(-14deg) scale(.85);transition:transform 1.4s cubic-bezier(.22,.7,.2,1),opacity 1s;pointer-events:none}.art.current{opacity:1;transform:translateZ(25px) rotateY(-4deg) scale(1)}.art.previous{opacity:.12;transform:translate3d(-13%,20px,-140px) rotateY(15deg) scale(.88)}.orbit{position:absolute;inset:4% -3% 14%;border:1px solid #a3ddde2d;border-radius:50%;pointer-events:none;box-shadow:0 0 45px #96e5d807}.orbit-one{transform:rotate(-19deg);animation:orbitOne 24s ease-in-out infinite}.orbit-two{inset:10% -5% 20%;border-color:#efd09721;transform:rotate(22deg);animation:orbitTwo 31s ease-in-out infinite}.orbit::before,.orbit::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#b6ede2;box-shadow:0 0 13px #a0fff3;left:16%;top:14%}.orbit::after{left:auto;top:auto;right:16%;bottom:14%;background:var(--gold);box-shadow:0 0 12px #efd097}.art-index{position:absolute;right:0;top:3%;display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);letter-spacing:1px;z-index:2}.art-index #art-number{font-size:15px;color:var(--gold)}.index-line{width:30px;height:1px;background:var(--line)}.art-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:9px;z-index:2}.art-caption a{font-size:14px;font-weight:500;text-decoration:none;line-height:1.4;min-height:44px;display:flex;flex-direction:column;justify-content:center}.art-caption a:hover{color:var(--gold)}.art-caption a span{color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}.controls{display:flex;gap:8px}.controls button{width:44px;height:44px;background:#ffffff06;border:1px solid var(--line);border-radius:50%;font-size:17px;transition:background .2s,border-color .2s}.controls button:hover{background:#ffffff12;border-color:var(--gold)}.pause-note{font-size:9px;letter-spacing:.3px;color:var(--muted);margin-top:10px;text-align:right;min-height:14px}
.bottom{position:relative;display:flex;align-items:center;border-top:1px solid var(--line);padding-top:17px;gap:24px;flex:none}.navigation-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);max-width:58px;line-height:1.7}.portals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;flex:1;max-width:720px}.portals button{background:none;min-height:55px;text-align:left;padding:4px 0 4px 23px;position:relative}.portals strong{display:block;font-size:14px;font-weight:500}.portals span:not(.door-number){display:block;font-size:8px;color:var(--muted);letter-spacing:1px;margin-top:6px}.portals .door-number{position:absolute;left:0;top:6px;font-size:9px;color:#a8b8bf;letter-spacing:.5px}.portals button::after{content:"";position:absolute;left:23px;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}.portals button:hover strong,.portals button[aria-current=page] strong{color:var(--gold)}.portals button:hover::after,.portals button[aria-current=page]::after{transform:scaleX(1)}.tagline{margin-left:auto;font-family:Georgia,serif;font-size:13px;font-style:italic;color:var(--gold);white-space:nowrap}
.panel{width:100%;max-width:1120px;margin:auto 0;position:relative;z-index:2}.panel h2{font-size:clamp(40px,4.8vw,68px);margin-bottom:20px}.panel-lead{font-size:17px;line-height:1.65;max-width:680px;color:var(--muted)}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:28px}.tile{padding:22px 0;border-top:1px solid var(--line);min-width:0}.tile h3{font-size:20px;font-weight:450;margin:0 0 10px}.tile p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.tile a{display:inline-block;margin-top:16px;font-size:12px;color:var(--gold);min-height:30px}.status{display:inline-block;font-size:9px;font-weight:550;letter-spacing:1px;text-transform:uppercase;padding:5px 7px;color:var(--gold);border:1px solid #efd09750;margin-bottom:12px}.back{margin-top:20px;background:none;padding:10px 0;font-size:12px;color:var(--gold);min-height:44px}.back:hover{text-decoration:underline}.panel-links{display:flex;gap:12px;flex-wrap:wrap}.panel-links .more{margin-top:12px}.music-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.music-art{width:100%;max-height:45vh;object-fit:contain;filter:drop-shadow(0 20px 25px #0007)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:10;background:var(--paper);color:#07131b;padding:1rem}.skip-link:focus{top:1rem}.screen-animation{animation:screenIn .55s ease}.no-script{max-width:35rem;margin:3rem auto;padding:1rem;line-height:1.7}
@keyframes screenIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes orbitOne{0%,100%{transform:rotate(-19deg) scale(1)}50%{transform:rotate(-9deg) scale(1.035)}}@keyframes orbitTwo{0%,100%{transform:rotate(22deg) scale(1)}50%{transform:rotate(11deg) scale(.97)}}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}body.motion-paused .screen-animation{animation:none!important}body.motion-paused .artstage{transform:none}body.motion-paused .light-source{background:radial-gradient(ellipse at 70% 45%,#79e5e238,transparent 65%)}
@media(max-width:1050px){.tagline{display:none}.portals{max-width:none}.screen{gap:20px}.intro h1{letter-spacing:-3px}.top-actions{gap:18px}.panel-grid{gap:18px}.shell{padding:22px 28px}.music-panel{gap:25px}.navigation-label{display:none}}
@media(max-width:650px){.shell{padding:15px 22px 14px;min-height:660px}.topbar{gap:10px}.brand{font-size:13px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:1px}.top-actions{gap:0}.company-link{display:none}.motion-control{font-size:9px;padding:10px 11px;gap:7px}.screen{flex-direction:column;justify-content:center;gap:7px;padding:13px 0}.intro{width:100%;max-width:none}.intro .kicker{margin:0 0 11px;font-size:9px;letter-spacing:2px}.intro h1{font-size:43px;margin:0 0 10px;letter-spacing:-2px}.intro h1 em{letter-spacing:-2px}.intro p{font-size:12px;line-height:1.55;margin:0;max-width:32em}.intro .more{margin-top:13px;padding:11px 16px;min-height:44px;font-size:11px;gap:25px}.carousel{width:100%;height:34svh;min-height:200px;max-height:330px;margin-top:3px}.artstage{min-height:120px}.orbit{inset:4% 1% 17%}.orbit-two{inset:10% -1% 26%}.art-caption{margin-top:6px;padding-top:7px}.art-caption a{font-size:12px}.art-caption a span{font-size:9px}.pause-note{display:none}.art-index{top:3%;font-size:8px}.art-index #art-number{font-size:11px}.index-line{width:18px}.controls{gap:5px}.bottom{padding-top:11px;gap:0}.portals{width:100%;gap:12px}.portals button{padding-left:0;min-height:48px}.portals strong{font-size:12px}.portals span:not(.door-number){font-size:9px;letter-spacing:.3px}.portals .door-number{display:none}.portals button::after{left:0}.panel h2{font-size:34px;letter-spacing:-1.8px;margin-bottom:14px}.panel>.kicker{margin-bottom:13px}.panel-lead{font-size:13px;line-height:1.6;margin-bottom:15px}.panel-grid{grid-template-columns:1fr;gap:0;margin-top:14px}.tile{padding:12px 0}.tile h3{font-size:16px;margin-bottom:5px}.tile p{font-size:11px;line-height:1.6}.tile a{font-size:11px;margin-top:8px;min-height:24px}.status{font-size:8px;margin-bottom:7px;padding:3px 5px}.back{margin-top:6px}.music-panel{grid-template-columns:1fr;gap:16px}.music-art{max-height:26svh}.panel-links .more{padding:12px 15px;font-size:11px}.panel-links{gap:8px}.light-source{background:radial-gradient(ellipse at 50% 55%,#79e5e238,transparent 65%)}}
/* Short/zoomed views keep content reachable; ordinary desktop and phone views use one screen. */
@media(max-height:680px){.shell{height:auto;min-height:100svh}.screen{overflow:visible}.carousel{height:320px}.panel{padding:25px 0}.intro h1{font-size:clamp(40px,5vw,65px)}}
@media(max-height:740px) and (max-width:650px){.shell{min-height:100svh;height:auto}.carousel{height:205px}.intro h1{font-size:36px}.screen{overflow:visible}.panel{padding:15px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.artstage,.art.current{transform:none}.art.previous{opacity:0}.light-source{background:radial-gradient(ellipse at 70% 45%,#79e5e238,transparent 65%)}}

/* Bounded material accents surround the original artwork; text remains on a dark stable surface. */
.carousel::before{content:"";position:absolute;inset:4% -12% 8%;border-radius:50%;background:radial-gradient(ellipse at 25% 55%,#24e2e53b,transparent 55%),radial-gradient(ellipse at 82% 32%,#8c5cff47,transparent 54%),radial-gradient(ellipse at 55% 88%,#efbc6038,transparent 54%);filter:blur(28px);pointer-events:none;}.orbit{border-color:#6de8e956;box-shadow:0 0 28px #24cdd518,inset 0 0 30px #805bec0d}.orbit-two{border-color:#bc91ef40}.art.current{filter:drop-shadow(0 24px 32px #0009) drop-shadow(0 0 22px #6d69b42b)}
@media(max-width:650px){.carousel::before{inset:0 -10% 12%;filter:blur(20px)}}

/* An on-demand artwork index provides a direct path to every existing artist. */
.carousel{position:relative}.artwork-map{position:absolute;inset:0 0 72px;z-index:5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px;background:#071019f5;border:1px solid #bde5df55;border-radius:8px;box-shadow:0 20px 70px #000a;overflow:auto;backdrop-filter:blur(18px)}
.artwork-choice{display:flex;align-items:center;gap:12px;text-align:left;min-height:44px;padding:12px;background:linear-gradient(115deg,color-mix(in srgb,var(--choice-color) 12%,transparent),#ffffff03);border:1px solid #ffffff16;border-radius:4px;font-size:12px;line-height:1.4}.choice-number{color:var(--choice-color);font-size:10px;letter-spacing:1px}.artwork-choice:hover,.artwork-choice[aria-pressed=true]{border-color:var(--choice-color);background:color-mix(in srgb,var(--choice-color) 20%,#071019)}
.artstage::before{background:radial-gradient(ellipse,color-mix(in srgb,var(--artwork-color,#a98ce8) 32%,transparent),transparent 69%);transition:background 1s}.carousel::before{background:radial-gradient(ellipse at 25% 55%,#24e2e53b,transparent 55%),radial-gradient(ellipse at 82% 32%,color-mix(in srgb,var(--artwork-color,#a98ce8) 40%,transparent),transparent 54%),radial-gradient(ellipse at 55% 88%,#efbc6038,transparent 54%)}
@media(max-width:650px){.artwork-map{inset:0 0 52px;gap:5px;padding:8px}.artwork-choice{font-size:10px;gap:6px;padding:7px;min-height:44px}}

.art-caption .artwork-listen{flex-direction:row;align-items:center;gap:5px;font-size:11px;padding:0 9px;border:1px solid var(--line);border-radius:22px;white-space:nowrap}.art-caption .artwork-listen span{color:inherit;font-size:11px;margin:0}.art-caption .artwork-listen[hidden]{display:none}@media(max-width:650px){.art-caption{gap:5px}.art-caption .artwork-listen{padding:0 7px;font-size:10px}.art-caption #artist-link{max-width:38%;font-size:11px}}

/* Native visitor-controlled films reuse the approved company assets. */
.music-films{min-width:0}.music-films>h3{font-size:20px;font-weight:450;margin:0 0 10px}.music-films p{font-size:13px;line-height:1.6;color:var(--muted)}.film-choices{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.film-choices button{min-height:44px;padding:10px 13px;border:1px solid var(--line);background:#ffffff05;color:var(--paper);font:inherit;font-size:12px}.film-choices button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}.film-choices button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.music-films video{display:block;width:100%;aspect-ratio:16/9;background:#07070a;object-fit:contain;max-height:38svh}.music-films a{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font-size:12px}.film-artist{margin-top:4px}#film-detail h3{font-size:17px;margin:12px 0 0}#film-detail p{margin:4px 0}#film-status{font-size:12px;margin:4px 0 0}

/* A quiet, deterministic treatment around the intact native teaser. */
.music-films video{--teaser-progress:0%;--teaser-glow:0;border-bottom:3px solid transparent}
.music-films video.film-playing{border-image:linear-gradient(90deg,var(--gold) var(--teaser-progress),#ffffff18 var(--teaser-progress)) 1;box-shadow:0 0 35px rgb(239 208 151 / var(--teaser-glow))}
.film-light-control{display:block;min-height:44px;margin:8px 0;padding:10px 13px;border:1px solid var(--line);background:#ffffff05;color:var(--paper);font:inherit;font-size:12px}
.film-light-control:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.music-films video.film-playing{box-shadow:none;border-image:none}}

/* A reserved, visible player beside discovery; never hidden audio or an overlay. */
.content.has-music-session{gap:clamp(18px,2.5vw,36px)}.music-session{flex:0 0 40%;min-width:0;max-width:470px;margin:24px 0;padding:20px;background:#0a151beb;border:1px solid #b9d7cc44;border-radius:8px;overflow-y:auto;scrollbar-width:thin}.music-session .kicker{font-size:9px;line-height:1.6;letter-spacing:1.8px;margin-bottom:12px}.music-session video{max-height:28svh}.music-session .film-choices{gap:5px}.music-session .film-choices button{font-size:11px;padding:9px}.music-session .panel-links{gap:5px}.music-session .music-films p{font-size:12px}.session-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.session-actions button{min-height:44px;background:#ffffff06;border:1px solid var(--line);padding:10px 12px;font-size:12px}.session-actions button:focus-visible,.song-artwork-discovery summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.music-panel{display:block}.song-artwork-discovery{margin:20px 0;border:1px solid var(--line);padding:14px;border-radius:5px}.song-artwork-discovery summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;color:var(--gold);font-size:13px}.song-artwork-discovery figure{margin:12px 0}.song-artwork-discovery img{display:block;max-width:100%;max-height:42vh;object-fit:contain}.song-artwork-discovery figcaption,.song-artwork-discovery p{font-size:12px;color:var(--muted)}.song-artwork-discovery a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--gold)}.has-music-session #entrance{flex-direction:column;align-items:flex-start;gap:16px}.has-music-session .intro{width:100%;max-width:none}.has-music-session .intro h1{font-size:clamp(34px,4.2vw,64px);letter-spacing:-2px}.has-music-session .carousel{width:100%;height:30vh;min-height:230px}.has-music-session .panel-grid{grid-template-columns:1fr;gap:0}.has-music-session .tile{padding:14px 0}.has-music-session .panel h2{font-size:clamp(32px,4vw,54px)}
@media(max-width:850px){.shell:has(.has-music-session){height:auto;min-height:100svh}.content.has-music-session{flex-direction:column;gap:8px}.music-session{order:-1;flex:none;width:100%;max-width:none;overflow:visible;margin:16px 0;padding:16px}.music-session .music-films{display:block}.music-session video{max-height:230px}.content.has-music-session .screen{overflow:visible;flex:none;width:100%;min-height:260px}.has-music-session .carousel{height:270px}.has-music-session .intro h1{font-size:43px}}
@media(max-width:500px){.music-session .music-films{display:block}.music-session video{max-height:210px}.music-session .music-films>p{margin:8px 0}.music-session .film-choices{margin:10px 0}.music-session .panel-links{display:flex;gap:0 12px}.music-session #film-detail h3{margin-top:8px}.music-session .film-light-control{margin:6px 0}.music-session .session-actions{margin:8px 0}.music-session #film-status{margin-top:8px}.has-music-session .intro h1{font-size:36px}}

/* Mobile reserves a compact session row; only discovery content scrolls. */
.music-session #film-title{font-size:22px;font-weight:500;line-height:1.2;margin:0 0 12px}.session-actions button{flex:1 1 auto}.music-session #film-status{min-height:2.6em}.music-session #film-detail h3{margin:0}
@media(max-width:850px){.shell:has(.has-music-session){height:100svh;min-height:0;padding:12px 16px}.content.has-music-session{flex:1;min-height:0;overflow:hidden;gap:6px}.content.has-music-session .music-session{flex:none;order:-1;margin:9px 0 0;padding:10px 12px;overflow:visible}.music-session .kicker{font-size:8px;letter-spacing:1.2px;margin:0 0 5px}.music-session #film-title{font-size:20px;margin:0 0 7px}.music-session video{height:min(18svh,130px);max-height:130px;aspect-ratio:auto;margin:0}.music-session .session-actions{margin:7px 0 0;gap:6px}.music-session .session-actions button{padding:8px 9px;font-size:11px;min-height:44px}.music-session #film-status{font-size:11px;line-height:1.4;margin:3px 0 0;min-height:2.8em}.content.has-music-session .screen{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 2px;display:block}.has-music-session #entrance{display:block}.has-music-session .carousel{height:220px;min-height:180px}.has-music-session .panel{padding:0}.shell:has(.has-music-session) .bottom{padding-top:9px}.shell:has(.has-music-session) .topbar{flex:none}.shell:has(.has-music-session) .portals button{min-height:44px}.shell:has(.has-music-session) .portals strong{font-size:11px}.shell:has(.has-music-session) .portals span:not(.door-number){font-size:8px}}
@media(max-width:850px) and (max-height:500px){.shell:has(.has-music-session){padding:8px 14px}.content.has-music-session{flex-direction:row;gap:14px}.content.has-music-session .music-session{width:44%;flex:0 0 44%;max-height:100%;margin:5px 0;overflow-y:auto;padding:8px 10px}.content.has-music-session .screen{width:auto;flex:1}.music-session video{height:70px;max-height:70px}.music-session .kicker{font-size:7px;margin-bottom:3px}.music-session #film-title{font-size:16px;margin-bottom:5px}.music-session #film-status{font-size:10px;min-height:0}.music-session .session-actions button{font-size:10px;padding:7px}.has-music-session .intro h1{font-size:30px}.shell:has(.has-music-session) .brand{font-size:11px}.shell:has(.has-music-session) .brand small{display:none}.shell:has(.has-music-session) .bottom{padding-top:5px}}

/* Transport never joins options scrolling, including short landscape views. */
@media(max-width:850px){.content.has-music-session .music-session{display:flex;max-height:none;overflow:hidden}.music-session .music-films{display:flex;flex-direction:column;flex:1;min-height:0;max-height:100%}.music-session .music-films>.kicker,.music-session #film-title,.music-session video,.music-session .session-actions,.music-session #film-status{flex:none}}
@media(max-width:850px) and (max-height:500px){.content.has-music-session .music-session{height:100%;max-height:100%;margin:0;padding:6px 8px;overflow:hidden}.music-session .music-films{height:100%;min-height:0}.music-session .kicker{font-size:6px;line-height:1.2;margin:0 0 2px}.music-session #film-title{font-size:16px;line-height:1.15;margin:0 0 3px}.music-session video{height:clamp(48px,calc(65svh - 160px),70px);max-height:70px}.music-session .session-actions{margin:4px 0 0;gap:4px}.music-session .session-actions button{padding:5px 6px;font-size:10px;min-height:44px}.music-session #film-status{font-size:9px;line-height:14px;height:14px;min-height:0;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* Choices use the full discovery context; transport remains in reserved space. */
.session-options-button{display:block;min-height:44px;width:100%;text-align:left;margin-top:6px;padding:10px 12px;border:1px solid var(--line);background:#ffffff06;color:var(--gold);font-size:12px}.session-options-button:focus-visible,.session-choice-panel:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.session-choice-panel{border:1px solid #d5e7eb44;border-radius:6px;padding:16px;margin:0 0 24px;background:#08151bd9;scroll-margin-top:8px}.session-choice-panel h3{font-size:20px;font-weight:500;line-height:1.3;margin:0 0 12px}.session-choice-panel .film-choices{margin:12px 0}.session-choice-panel #film-detail p{font-size:12px;color:var(--muted)}.session-choice-panel a{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font-size:12px}.session-choice-panel .film-artist{margin-top:8px}.session-choice-panel #film-detail h3{display:none}.session-choice-panel .film-light-control{margin-top:10px}
@media(max-width:850px){.music-session .session-options-button{flex:none;margin-top:5px;font-size:11px;padding:9px}.session-choice-panel{padding:12px;margin-bottom:20px}.session-choice-panel h3{font-size:18px}.content.has-music-session .music-session{max-height:none}.music-session .music-films{min-height:0}}
@media(max-width:850px) and (max-height:500px){.music-session .session-options-button{min-height:44px;margin-top:2px;font-size:10px;padding:7px 6px}.session-choice-panel{padding:10px}.session-choice-panel h3{font-size:16px}.content.has-music-session .music-session{max-height:100%}}

/* Compact controls reserve their own grid; status never overflows a capped player. */
.session-media{min-width:0}
@media(max-width:850px){.content.has-music-session .music-session{max-height:none}.music-session .music-films{max-height:none}.music-session .session-media{flex:none}.music-session .audio-light-controls{margin:6px 0 0;padding-top:6px}.music-session .session-media #audio-light-status{font-size:11px;line-height:1.4;margin:5px 0 0}}
@media(max-width:850px) and (max-height:500px){
.content.has-music-session{gap:10px}
.content.has-music-session .music-session{width:62%;flex:0 0 62%;padding:6px;max-height:100%}
.music-session .music-films{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:minmax(88px,1fr) 44px 44px;gap:4px;height:100%;min-height:0}
.music-session .session-media{grid-column:1;grid-row:1 / 4;display:flex;flex-direction:column;min-width:0;min-height:0}
.music-session .session-media .kicker{font-size:6px;line-height:1.2;margin:0 0 2px}
.music-session .session-media #film-title{font-size:16px;line-height:1.15;margin:0 0 3px}
.music-session .session-media .kicker,.music-session .session-media #film-title{flex:none}
.music-session .session-media .audio-field{flex:0 1 76px;min-width:0;min-height:48px;display:flex}
.music-session video{height:100%;min-height:48px;max-height:76px;width:100%;object-fit:contain}
.music-session .session-actions{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:4px;margin:0;min-height:88px}
.music-session .session-actions button{min-height:44px;min-width:44px;padding:4px;font-size:10px}
.music-session .session-options-button{grid-column:2;grid-row:2;margin:0;padding:4px;font-size:10px;min-height:44px}
.music-session .audio-light-controls{grid-column:2;grid-row:3;margin:0;padding:0;border:0;min-height:44px}
.music-session .audio-light-controls button{width:100%;min-height:44px;padding:4px;font-size:10px}
.music-session .session-media #audio-light-status,.music-session .session-media #film-status{flex:none;font-size:9px;line-height:12px;margin:3px 0 0;min-height:0;height:auto;white-space:normal;overflow:visible;text-overflow:clip}
}

/* Published album context stays in the existing Music scroll region. */
.published-album{margin:20px 0;padding:12px;border:1px solid var(--line);border-radius:6px;background:#0b1a1bd9}.published-album summary{min-height:44px;padding:12px 0;color:var(--gold);cursor:pointer;line-height:1.5}.published-album summary:focus-visible,.published-album button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.album-heading{font-size:14px!important;color:var(--paper)!important}.album-note{font-size:12px!important;color:var(--muted)}.album-work-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.album-work-choices button{min-width:0;min-height:44px;padding:8px;border:1px solid var(--line);background:#ffffff05;color:var(--paper);font:inherit;font-size:12px;text-align:left}.album-work-choices button[aria-pressed=true]{border-color:var(--gold)}.album-work-choices img{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin-bottom:9px}.album-work-choices span{display:block;line-height:1.5}#album-work-detail{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}#album-work-title{font-size:20px;font-weight:500;margin:8px 0 12px}#album-work-artwork{display:block;width:100%;max-height:240px;object-fit:contain}#album-work-artwork[hidden]{display:none}.album-work-links{display:flex;gap:12px;flex-wrap:wrap}.published-album a{min-height:44px;line-height:1.5}#album-work-select{min-height:44px;width:100%;padding:12px;margin:8px 0;border:1px solid var(--gold);background:#ffffff06;color:var(--gold);font:inherit;font-size:12px}#album-work-select:disabled{color:var(--muted);border-color:var(--line);cursor:default}
@media(max-width:850px){.album-work-choices{grid-template-columns:1fr}.album-work-choices button{display:flex;align-items:center;gap:12px;min-height:72px}.album-work-choices img{width:52px;height:52px;flex:none;margin:0}.published-album{padding:10px}.published-album summary{font-size:12px}.album-work-links{display:block}.album-work-links a{display:flex}#album-work-artwork{max-height:180px}}

/* Existing company authorship stays visible outside song-specific credits. */
.authorship-credit{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;margin:12px 0;color:var(--muted);font-size:12px;line-height:1.6}.authorship-credit span{max-width:100%}.authorship-credit a{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font-size:12px;text-underline-offset:4px}.authorship-credit a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:850px){.authorship-credit{font-size:11px;gap:0 10px;margin:8px 0}.authorship-credit a{font-size:11px}}

/* Page transport stays usable beside browser-native controls at compact widths. */
.session-actions button{min-width:44px}
.audio-field{position:relative;isolation:isolate}
.audio-field video{position:relative;z-index:1}
.audio-beams{position:absolute;inset:-10px;pointer-events:none;z-index:0;overflow:hidden;border-radius:12px}
.audio-beams i{position:absolute;inset:0;opacity:clamp(0,calc(var(--audio-energy,0)*5),.8);transition:opacity 90ms linear,transform 100ms linear;background:radial-gradient(ellipse at 18% 100%,#b9d7cc99,transparent 65%);transform:translateY(calc(var(--audio-band-0,0)*-12px))}
.audio-beams i:nth-child(2){background:radial-gradient(ellipse at 80% 12%,#efd097aa,transparent 60%);transform:translateX(calc(var(--audio-band-1,0)*-10px))}
.audio-beams i:nth-child(3){background:radial-gradient(ellipse at 55% 70%,#b9d7cc88,transparent 50%);transform:translateY(calc(var(--audio-band-2,0)*8px))}
.audio-light-controls{margin:12px 0 8px;padding-top:10px;border-top:1px solid var(--line)}
.audio-light-controls button{min-width:44px;min-height:44px;padding:10px 12px;border:1px solid var(--line);background:#ffffff06;color:var(--paper);font:inherit;font-size:12px}
.audio-light-controls button[aria-pressed="true"]{border-color:#b9d7cc;color:#b9d7cc}
.audio-light-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.audio-light-controls button:disabled{opacity:.65}
.audio-light-controls p{margin:6px 0;font-size:12px}
@media(prefers-reduced-motion:reduce){.audio-beams{display:none}.audio-beams i{transition:none}}

/* Local signal field follows playback beneath the whole existing stage. */
#content{position:relative;isolation:isolate}
#content>.screen,#content>.music-session{position:relative;z-index:1}
#music-session{isolation:isolate}
#music-session>.music-films{position:relative;z-index:1}
.signal-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;border-radius:inherit}
.signal-field[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.signal-field{display:none}}