/* Homepage only: preserve the rolling images' own transform animation. */
.brand-outro{position:relative;display:inline-flex;flex-direction:column;isolation:isolate;line-height:1;text-decoration:none;padding:8px 0}
.brand-outro .brand-wordmark{display:flex;align-items:baseline;white-space:nowrap;font-size:32px;letter-spacing:-.075em;line-height:1.1}
.brand-outro .brand-name{font-family:"Arial Black",Arial,sans-serif;font-weight:900;background:linear-gradient(180deg,#fff 10%,#eff2ff 48%,#b6c0d9 100%);color:transparent;background-clip:text;text-shadow:0 0 20px #d8e4ff12}
.brand-outro .brand-domain{font-weight:250;font-size:.94em;letter-spacing:-.05em;color:#edf2ff;text-shadow:0 0 8px #a2bdff45;margin-left:1px}
.brand-outro:after{content:"";position:absolute;pointer-events:none;z-index:-1;left:18%;right:4%;top:39px;height:9px;background:radial-gradient(ellipse,#c9e5ff99 0%,#7198e645 22%,transparent 70%);filter:blur(3px)}
.brand-outro small{font-size:8px;letter-spacing:.19em;font-weight:650;color:#aab4cd;margin-top:6px;line-height:1.3}
@media(max-width:700px){.head{gap:12px}.head-actions{margin-left:auto}.brand-outro .brand-wordmark{font-size:24px}.brand-outro small{font-size:7px;letter-spacing:.12em;margin-top:5px}.brand-outro:after{top:31px;height:7px}}
.hero{position:relative;isolation:isolate;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid #c28eff40;border-radius:28px;overflow:hidden;background:#130d24;min-height:540px}
.hero-backdrop{position:absolute;inset:0;z-index:-3;background:#130d24 url('assets/video/concert-poster.jpg') center/cover}
.hero-backdrop video{width:100%;height:100%;object-fit:cover;opacity:.8}
.hero-backdrop video:not([src]){display:none}
/* Card-specific media keep the approved hero intact. */
.card-media{background:#090711;isolation:isolate}.card-media>img,.card-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.card-media>video:not([src]){display:none}.card-media.vinyl-cover>img,.card-media.vinyl-cover>video{object-fit:contain}
.vinyl-cover:before{content:"";position:absolute;inset:-20px;background:url('assets/video/new-music-vinyl-poster.jpg') center/cover;filter:blur(24px);opacity:.34;z-index:0}
.card-motion-control{font-size:11px;border:1px solid #c992f15e;border-radius:30px;background:#21152f;color:#ead9f6;padding:10px 14px;min-height:44px}
.drops-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.artist-tile{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px;padding:20px;align-items:start}
.artist-copy{min-width:0;text-align:left}.artist-copy h3{margin:8px 0;font-size:27px;line-height:1.15}.artist-copy p{font-size:12px!important;margin:0!important;line-height:1.5}

.artist-album{min-width:0;text-align:center}.artist-album>a:first-child{display:block}.artist-album .album-thumb{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:5px;box-shadow:0 12px 26px #0006}
.album-title{font-size:10px!important;color:#ded0ec!important;margin:6px 0 0!important;line-height:1.35;overflow-wrap:anywhere}
.artist-album .store-badge{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%}.store-badge img{width:90px;height:auto;max-width:100%}
.album-note{font-size:10px;color:var(--muted);margin:13px 0}
@media(max-width:1100px) and (min-width:701px){#artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-tile{padding:16px}.artist-copy h3{font-size:23px}}
@media(max-width:700px){.artist-tile{grid-template-columns:1fr;padding:16px;gap:14px}.artist-copy{order:0}.artist-album{order:1}.artist-actions{order:2}.artist-album{width:100%;margin:auto}.drops-actions{gap:10px}.artist-copy h3{font-size:24px}.artist-album .store-badge img{width:100px}}
@media(prefers-reduced-motion:reduce){.card-media video{display:none!important}}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c0816ed 4%,#110a21bb 46%,#140c2720),linear-gradient(0deg,#0c0816d9,transparent 50%);pointer-events:none}
.hero-text,.hero-visual{border:0;border-radius:0;background:transparent;min-height:540px}
.hero-text{padding:clamp(28px,4.5vw,58px)}
.hero-visual{padding:36px;justify-content:flex-end}
.hero-visual:after{display:none}.hero-visual h2{font-size:clamp(27px,3.5vw,46px)}
.hero-visual p{font-size:12px;color:#e2d1f0;letter-spacing:.1em;text-transform:uppercase}
.motion-control{position:absolute;right:20px;top:20px;z-index:3;background:#100b20c9;border:1px solid #ffffff50;border-radius:30px;color:white;padding:10px 16px;min-height:44px;font-size:12px;backdrop-filter:blur(12px)}
.stage-meter{display:flex;align-items:center;gap:4px;height:52px;margin-bottom:22px;opacity:.85}
.stage-meter i{height:var(--height);width:3px;border-radius:3px;background:linear-gradient(#f9b1ef,#a477fa 65%,#5de9ff);box-shadow:0 0 12px #cc64ff60;transform-origin:center;animation:meter 2.4s ease-in-out infinite alternate;animation-delay:var(--phase)}
@keyframes meter{from{transform:scaleY(.4);opacity:.45}to{transform:scaleY(1);opacity:1}}
.rolling-images{transition:scale .45s ease;will-change:auto}
@media(hover:hover) and (pointer:fine){.card:hover .rolling-images{scale:1.025}.card:hover{transform:translateY(-3px);border-color:#c690f0b0;box-shadow:0 14px 38px #0006,0 0 20px #a958df15}}
.card:focus-visible{border-color:#67eaff}.btn:active,.chip:active,.icon-btn:active,.artist-card:active{transform:scale(.98)}
.motion-paused .rolling-images img,.motion-paused .stage-meter i,.motion-paused .hero-visual img{animation-play-state:paused!important}
.motion-paused .reveal{opacity:1;transform:none;transition:none}
@media(hover:none){.card:hover{transform:none}.card:hover .cover img{transform:none}.card:active{border-color:#ce8ff6;background:#2a1d39}}
@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:620px}.hero-text{min-height:390px;padding:62px 26px 12px}.hero-visual{min-height:210px;justify-content:flex-start;padding:10px 26px 28px}.hero:before{background:linear-gradient(90deg,#0c0816cf,#110a2160),linear-gradient(0deg,#0c0816d9,transparent 65%)}.hero-backdrop{background-image:url('assets/video/concert-poster-mobile.jpg');background-position:60% center}.hero-backdrop video{object-position:60% center}.hero h1{font-size:clamp(44px,11vw,66px)}.stage-meter{height:34px;margin-bottom:14px}.motion-control{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.hero-backdrop video{display:none}.rolling-images{transition:none}.stage-meter i{animation:none}.reveal{opacity:1;transform:none}}

/* Animated original chrome image: no new AI-video quota required. */
.liquid-motion img{animation:liquid-sway 9s ease-in-out infinite alternate;transform-origin:center}
@keyframes liquid-sway{from{transform:scale(1.04) translate(-1%,0) rotate(-.5deg);filter:brightness(.95)}to{transform:scale(1.085) translate(1%,1%) rotate(.6deg);filter:brightness(1.08)}}
.motion-paused .liquid-motion img{animation-play-state:paused!important}
.artist-album .store-badge{font-size:10px;line-height:1.4;font-weight:750;color:#ffb1e5;border:1px solid #ae6db258;border-radius:7px;padding:5px 8px;margin-top:5px}
.artist-album .album-thumb{aspect-ratio:16/9;object-fit:cover;background:#08070f}
@media(prefers-reduced-motion:reduce){.liquid-motion img{animation:none!important;transform:none!important;filter:none!important}}

/* A shared action row balances the height of the copy and video preview. */
.watch-teaser{position:relative;width:100%;aspect-ratio:16/9;align-self:center;overflow:hidden;background:#080912}
.watch-teaser>img,.watch-teaser>video{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.watch-teaser>video:not([src]){display:none}
.watch-motion-control{position:absolute;z-index:2;right:12px;bottom:12px;background:#100c20e6;backdrop-filter:blur(8px)}
.watch-preview-note{display:block;margin-top:12px}
@media(prefers-reduced-motion:reduce){.watch-teaser>video{display:none!important}}
.artist-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #ffffff12;align-self:end}
.artist-profile{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 0;text-align:left;font-size:12px;font-weight:750;color:#ffb1e5;border:0;background:transparent}
.artist-actions .store-badge{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 10px;font-size:11px;line-height:1.3;font-weight:750;color:#ffb1e5;border:1px solid #ae6db258;border-radius:9px;text-align:center}
@media(max-width:700px){.artist-actions{flex-direction:column;align-items:stretch;gap:4px;padding-top:7px}.artist-profile{justify-content:flex-start}.artist-actions .store-badge{width:100%}}