:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f7f4f0;background:#090909}*{box-sizing:border-box}body{margin:0}a{color:#e2a273;text-underline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid #303030}header nav,.genres{display:flex;gap:18px;flex-wrap:wrap}.logo{color:white;font-weight:900;letter-spacing:.2em;text-decoration:none}main{max-width:1200px;margin:auto;padding:65px 5%;min-height:70vh}h1{font-size:clamp(32px,6vw,65px);overflow-wrap:anywhere}h2{font-size:23px;overflow-wrap:anywhere}.eyebrow{color:#e2a273;text-transform:uppercase;letter-spacing:.15em;font-size:13px}p{line-height:1.65;color:#bfb5af}.genres{margin:30px 0}.genres a{border:1px solid #514438;padding:10px 14px;border-radius:6px;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}article{background:#151515;border:1px solid #303030;padding:25px;border-radius:12px}small{color:#aaa}iframe{display:block;width:100%;border:0;border-radius:12px;margin:25px 0}.spotify{height:352px}.youtube{aspect-ratio:16/9}li{padding:8px 0}footer{border-top:1px solid #303030;padding:30px 5%;text-align:center;font-size:13px}.notice{border-left:3px solid #bd774b;padding:15px 20px;background:#181411}@media(max-width:680px){header{display:block}header nav{margin-top:20px;font-size:14px}main{padding-top:35px}.genres{gap:10px}}