/* Artist-first additions. Original arcade styles are intentionally untouched. */
.artist-hero{min-height:780px;height:100svh;max-height:1040px}
.artist-hero .hero-content{width:63%;padding:145px 0 120px}
.artist-hero .hero-title{font-size:clamp(130px,20vw,300px);letter-spacing:-.035em;margin:28px 0 23px;line-height:.78}
.artist-hero .hero-overline{margin-bottom:28px;letter-spacing:.42em;color:#d2c8cd}
.artist-disciplines{display:flex;gap:15px;font-size:11px;letter-spacing:.2em;align-items:center;margin-bottom:32px}
.artist-disciplines i{color:var(--accent);font-style:normal}
.artist-hero .hero-image{inset:0 0 0 40%}
.artist-hero .hero-scene{object-position:56% 28%}
.artist-hero .hero-shade{background:linear-gradient(90deg,#09090b 2%,#09090bf5 27%,#09090b55 55%,transparent 76%),linear-gradient(0deg,#09090b,transparent 35%)}
.artist-hero .hero-noise{background:radial-gradient(ellipse at 10% 72%,#e106211f,transparent 65%)}
.artist-hero[data-scene="1"] .hero-image{left:43%;background:#bababc}
.artist-hero[data-scene="1"] .hero-scene{object-fit:contain;object-position:100% 75%}
.artist-hero[data-scene="1"] .hero-shade{background:linear-gradient(90deg,#09090b 20%,#09090be6 35%,#09090b18 70%),linear-gradient(0deg,#09090b,transparent 50%)}
.artist-hero[data-scene="2"] .hero-image{left:39%;background:#bfc0c1}
.artist-hero[data-scene="2"] .hero-scene{object-fit:contain;object-position:100% 50%}
.artist-hero[data-scene="2"] .hero-shade{background:linear-gradient(90deg,#09090b 18%,#09090be0 35%,transparent 68%),linear-gradient(0deg,#09090b,transparent 38%)}
.current-release{display:flex;align-items:center;gap:16px;width:min(390px,100%);padding:15px 17px 15px 0;border-top:1px solid #ffffff30;margin-top:38px;text-align:left}
.current-release img{width:68px;height:68px;object-fit:cover;border:1px solid #ffffff35}
.current-release>span{display:flex;flex-direction:column;gap:5px}
.current-release small{font-size:8px;letter-spacing:.12em;color:#bdb7c0}
.current-release strong{font:600 29px/1 var(--display);letter-spacing:.03em}
.current-release>span>span{font-size:8px;letter-spacing:.11em;color:#bfb8bf}
.current-release b{margin-left:auto;font-size:26px;color:var(--accent);font-weight:400;transition:transform .2s}
.current-release:hover b{transform:translate(3px,-3px)}
.artist-hero .hero-scene-picker{bottom:88px;padding:8px;gap:8px}
.artist-hero .hero-scene-picker button{position:relative;width:52px;height:62px;padding:0;overflow:hidden;opacity:.65}
.artist-hero .hero-scene-picker img{width:100%;height:100%;object-fit:cover}
.artist-hero .hero-scene-picker button span{position:absolute;inset:auto 0 0;background:#09090bd9;font-size:10px;line-height:18px}
.artist-hero .hero-scene-picker button[aria-pressed="true"]{opacity:1;border:2px solid var(--accent);box-shadow:0 0 0 2px #e1062120}
.artist-strip{background:#101013;border-block:1px solid #ffffff15;color:#e6e2e5;height:65px;letter-spacing:.2em}
.artist-strip i{color:var(--accent)}
.release-detail-link{display:inline-block;color:#d5cbd1;font-size:10px;letter-spacing:.1em;margin-top:22px;padding-block:8px;border-bottom:1px solid #ffffff35}
.release-detail-link:hover{color:var(--accent);border-color:var(--accent)}
.preference-panel:empty{display:none}
.preference-panel{max-width:470px;padding:13px 0 20px}
.preferred-link{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:10px 15px;border:1px solid #ff415870;background:#e1062112;font-size:12px}
.preference-note{font-size:10px;color:#aaa9b1;margin-top:8px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.preference-clear{background:none;border:0;text-decoration:underline;font-size:11px;min-height:36px;padding:0 5px}
/* Shared cinema dialog: real player, no fake waveform or beat detection. */
.cinema-dialog{width:min(1240px,calc(100vw - 32px));max-width:none;max-height:calc(100svh - 28px);padding:0;border:1px solid #ffffff35;background:#09090b;color:white;overflow:auto;box-shadow:0 0 120px #e1062126}
.cinema-dialog::backdrop{background:#030304f5;backdrop-filter:blur(8px)}
.cinema-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #ffffff22}
.cinema-bar>div{display:flex;align-items:center;gap:18px}.cinema-brand{font:700 29px/1 var(--display);letter-spacing:.05em}.cinema-bar small{font-size:9px;letter-spacing:.15em;color:#d3c9d0}
.cinema-close{background:#ffffff08;border:1px solid #ffffff35;min-height:44px;padding:0 15px;font-size:11px}
.cinema-stage{aspect-ratio:16/9;background:#000;position:relative;max-height:calc(100svh - 180px);width:100%;min-height:180px}
.cinema-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cinema-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;border-top:2px solid #e10621}
.cinema-bottom strong{font:500 26px var(--display)}.cinema-bottom a{font-size:10px;letter-spacing:.1em;text-decoration:underline;text-underline-offset:5px}
body:has(.cinema-dialog[open]),body:has(.story-dialog[open]){overflow:hidden}
body:has(.cinema-dialog[open]) .listening-dock,body:has(.story-dialog[open]) .listening-dock{display:none}
/* Local story composer. */
.story-launch{width:100%;margin-top:18px;min-height:46px;text-align:left;background:none;border:0;border-top:1px solid #ffffff25;padding-top:15px;color:#ff8090;font-size:11px;letter-spacing:.04em}
.story-dialog{padding:25px;width:min(760px,calc(100vw - 28px));max-width:none;max-height:92svh;overflow:auto;border:1px solid #ffffff35;background:#101014;color:white}
.story-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.story-top h2{font:600 32px var(--display)}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.story-preview{aspect-ratio:9/16;background:#09090b;overflow:hidden;border:1px solid #ffffff25}.story-preview canvas{width:100%;height:100%;display:block}
.story-options{display:flex;gap:10px;margin:15px 0 25px}.story-options button{width:62px;height:62px;padding:3px;border:1px solid #ffffff35;background:#17171c}.story-options img{height:100%;width:100%;object-fit:cover}.story-options button[aria-pressed=true]{border:2px solid var(--accent)}
.story-description{font-size:12px;color:#c9c4cc;line-height:1.8}.story-controls .button{width:100%;margin-bottom:10px;font-size:10px}.story-status{font-size:12px;color:#d9cbd5;min-height:40px;margin-top:10px}.story-status:empty{min-height:0}.story-controls [hidden]{display:none!important}.story-controls .button:disabled{opacity:.45;cursor:wait}
/* Dedicated release pages share the artist frame, not homepage layout dependencies. */
.release-page .header-inner{justify-content:space-between}.release-page .header-actions{margin-left:auto}.release-page .header-back{font-size:11px;letter-spacing:.1em}.release-page .header{background:#09090bf5}
.release-destination{min-height:100svh;padding:150px 0 80px;background:radial-gradient(ellipse at 15% 50%,#e1062122,transparent 65%)}
.release-destination .release-layout{gap:70px}.release-destination .display-title{font-size:clamp(70px,9vw,135px)}
.release-destination .red-marker{font-size:11px}.release-destination .release-artist{font-size:11px}.release-destination .streaming-links{max-width:none}
.release-destination .release-actions{margin-top:25px}.release-destination .release-actions .button{font-size:10px}
.release-page .release-description{font-size:14px}.release-page .preference-panel{max-width:none}.release-page .album-frame:before{content:'';position:absolute;inset:15px -15px -15px 15px;border:1px solid #e1062160;z-index:-1}
.release-page .footer-content{align-items:center}.release-page .footer-copy{margin-left:auto}
@media(min-width:801px){.visual-section{padding-block:85px}.visual-section .section-heading{margin-bottom:32px}.video-section{padding-block:85px}.video-section .section-heading{align-items:center}.video-section .display-title{font-size:92px}.release{padding-block:85px}.release .section-top{margin-bottom:42px}}
@media(max-width:1100px) and (min-width:801px){.artist-hero .hero-title{font-size:19vw}.artist-hero .hero-content{width:64%}.artist-hero .hero-buttons .button{font-size:10px;padding-inline:14px}.artist-hero .hero-scene-picker{bottom:40px}.release-destination .release-layout{gap:40px}}
@media(max-width:800px){
.artist-hero{height:auto;max-height:none;min-height:0}.artist-hero .hero-inner{display:block}.artist-hero .hero-image,.artist-hero[data-scene="1"] .hero-image,.artist-hero[data-scene="2"] .hero-image{inset:68px 0 auto;height:460px}
.artist-hero .hero-scene{object-position:50% 22%}.artist-hero[data-scene="1"] .hero-scene{object-fit:contain;object-position:center 50%}.artist-hero[data-scene="2"] .hero-scene{object-fit:contain;object-position:center 50%}
.artist-hero .hero-shade,.artist-hero[data-scene="1"] .hero-shade,.artist-hero[data-scene="2"] .hero-shade{background:linear-gradient(0deg,#09090b 0%,#09090b 40%,#09090b00 79%)}
.artist-hero .hero-content{width:100%;padding:420px 0 34px;margin:0}.artist-hero .hero-title{font-size:28vw;line-height:.8;margin:20px 0}.artist-hero .hero-overline{font-size:9px;margin-bottom:21px}.artist-disciplines{font-size:10px;gap:13px;margin-bottom:24px}
.artist-hero .hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.artist-hero .hero-buttons .button{font-size:10px;letter-spacing:.03em;padding:9px;min-height:50px;gap:9px}
.artist-hero .hero-scene-picker{top:340px;bottom:auto;right:0;padding:5px;gap:5px}.artist-hero .hero-scene-picker button{width:43px;height:52px}.artist-hero .scene-count{font-size:8px;padding-inline:8px}
.current-release{margin-top:26px;width:100%;padding-block:16px;margin-bottom:0}.current-release img{width:55px;height:55px}.current-release strong{font-size:26px}.current-release small{font-size:8px}
.artist-strip{height:52px;font-size:20px}.release-destination{padding-top:110px}.release-destination .release-layout{grid-template-columns:1fr;gap:40px}.release-destination .album-frame{max-width:400px;width:90%;margin:auto}.release-destination .display-title{font-size:90px}
.cinema-bar{padding:12px 15px}.cinema-bar>div{gap:10px}.cinema-brand{font-size:23px}.cinema-bar small{font-size:8px}.cinema-close{font-size:10px;padding:0 10px}.cinema-bottom{padding:12px 15px}.cinema-bottom strong{font-size:22px}.cinema-bottom a{font-size:8px}
}
@media(min-width:601px) and (max-width:800px){.artist-hero .hero-image,.artist-hero[data-scene="1"] .hero-image,.artist-hero[data-scene="2"] .hero-image{height:580px}.artist-hero .hero-content{padding-top:520px}.artist-hero .hero-scene-picker{top:430px}.artist-hero .hero-title{font-size:27vw}}
@media(max-width:600px){
.artist-hero .hero-image,.artist-hero[data-scene="1"] .hero-image,.artist-hero[data-scene="2"] .hero-image{height:380px}.artist-hero .hero-content{padding-top:355px}.artist-hero .hero-scene-picker{top:282px}.artist-hero .hero-title{font-size:28vw}.artist-hero .eyebrow{font-size:8px}.artist-hero .hero-overline{font-size:8px;letter-spacing:.3em}
.story-dialog{padding:17px}.story-top{margin-bottom:15px}.story-top h2{font-size:28px}.story-layout{grid-template-columns:1fr;gap:17px}.story-preview{width:140px;margin:auto}.story-options{margin:10px 0 15px;justify-content:center}.story-options button{width:48px;height:48px}.story-description{text-align:center;font-size:11px}.story-controls .button{min-height:44px;margin-bottom:8px}.story-status{font-size:11px;margin-top:5px}
.release-page .header-back{font-size:9px;letter-spacing:.02em}.release-page .header-actions{gap:12px}.release-page .lang-switch{padding-right:10px}.release-destination .release-actions{display:grid;grid-template-columns:1fr 1fr}.release-destination .release-actions .button{padding:10px 7px;min-height:50px;font-size:9px;letter-spacing:.03em}.release-page .footer-copy{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.artist-hero .hero-scene,.current-release b{transition:none;transform:none}.artist-hero .hero-content{animation:none}}

.release-destination .display-title{overflow-wrap:anywhere}
