.mix-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mix-card{align-self:start}
.mix-card img{height:auto;aspect-ratio:1/1;object-fit:contain}
.mix-card.text-only{display:flex;flex-direction:column;background:radial-gradient(circle at 70% 25%,rgba(105,197,223,.16),transparent 35%),linear-gradient(145deg,#11161d,#07090c)}
.mix-wordmark{display:grid;place-content:center;gap:.35rem;aspect-ratio:1;color:#f2f5f7;text-align:center;border-bottom:1px solid var(--line)}
.mix-wordmark span{font:700 clamp(1.45rem,2.6vw,2.5rem)/1 var(--serif);letter-spacing:.18em}
.mix-wordmark small{font-size:.76rem;letter-spacing:.24em;color:#c6d0d7}
button{min-height:44px}
dialog{overscroll-behavior:contain}
.global-hero{align-items:end}
.global-hero .hero-image{object-fit:cover;object-position:center center;filter:saturate(.9) contrast(1.02)}
.global-hero .hero-vignette{background:linear-gradient(0deg,#07090c 0%,rgba(3,4,6,.64) 18%,transparent 48%),linear-gradient(180deg,rgba(3,4,6,.35),transparent 18%)}
.global-hero .hero-content{padding-top:0;padding-bottom:clamp(4.5rem,8vh,6.5rem)}
@media(max-width:1100px){.mix-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.global-hero .hero-image{object-fit:contain;object-position:center 12%}.global-hero .hero-vignette{background:linear-gradient(0deg,#07090c 0%,rgba(3,4,6,.72) 30%,transparent 58%),linear-gradient(180deg,rgba(3,4,6,.28),transparent 18%)}}
@media(max-width:560px){.mix-grid{grid-template-columns:1fr}.mix-wordmark{aspect-ratio:4/3}.album-track-list{max-height:55vh;overflow:auto;padding-right:.25rem!important}}