/* Blend the original logo with the dark glass, without altering its artwork. */
.site-header .brand{mix-blend-mode:normal}
.site-header .brand-image{background:transparent;border:0;box-shadow:none}
.site-header .brand-image img,#player-cover[src*="/assets/label.webp"],#session-cover[src*="/assets/label.webp"]{filter:none;mix-blend-mode:normal;-webkit-mask-image:url("/assets/label.webp");mask-image:url("/assets/label.webp");mask-mode:luminance;mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%}
#player-art:has(img[src*="/assets/label.webp"]){background:transparent;border-color:transparent;box-shadow:none;mix-blend-mode:normal}
#session-cover[src*="/assets/label.webp"]{mix-blend-mode:normal;border-color:transparent;box-shadow:none}

/* A single, thin line. This uses independent classes, never a large notice card. */
.catalogue-status{margin:0;padding:0 12px;background:transparent;border:0;color:#b8c6c9;font-size:12px;line-height:1.4}
.catalogue-status p{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:12px;margin:0;min-height:32px;padding:0}
.catalogue-status span{white-space:nowrap;font-weight:400}
.catalogue-status a{display:inline-flex;align-items:center;flex:none;min-height:32px;padding:0 2px;color:#d1f581;white-space:nowrap;text-underline-offset:3px}
.catalogue-status a:hover{text-decoration:underline}
.catalogue-status a:focus-visible{outline-offset:-2px}
@media(max-width:360px){.catalogue-status{font-size:11px;padding-inline:8px}.catalogue-status p{gap:8px}}

/* Eight selectable albums with controls that fit a narrow screen. */
.hero-slider-controls{gap:12px}.hero-slider-controls #hero-dots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;flex:1;min-width:0;max-width:280px}.hero-slider-controls .hero-dot{width:100%;min-width:0;height:44px}.hero-slider-controls .hero-dot:after{top:21px}.hero-slider-controls>div:last-child{flex-shrink:0}
@media(max-width:570px){.hero-slider-controls{left:5%;right:5%;gap:10px}}