:root{--ink:#10121b;--paper:#f7f7fc;--acid:#daff75;--muted:#b3b7c9}
.shell{max-width:1560px;padding:0 5%}header{flex-wrap:wrap}.brand{font-size:clamp(20px,2.2vw,30px)}.badge,.eyebrow,.card-meta,footer,.how{font-size:14px}.header-right{flex-wrap:wrap}#home-music{background:#252939;color:#fff;border:1px solid #ffffff40;border-radius:30px;padding:10px 16px;font:inherit}.start-row{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;padding:40px 0 24px}h1{font-size:clamp(38px,4.5vw,68px);letter-spacing:-2px;line-height:1.08;margin:14px 0 24px}.start-row p{color:var(--muted)}.action{display:inline-block;text-decoration:none}.primary{border-radius:10px;white-space:normal;min-height:48px}.join-panel{background:#1d2130;border:1px solid #ffffff30;border-radius:18px;padding:24px}.join-panel h2{margin:0 0 14px;font-size:24px}.join-panel label{display:block;margin-bottom:10px}.join-panel p{margin-bottom:0}.join-panel input{font-size:24px;letter-spacing:6px;text-transform:uppercase}.alpha-note{font-size:14px;color:#d0d4e6;border-left:3px solid #887dff;padding:6px 14px;margin:8px 0 24px}.featured{position:relative;isolation:isolate;overflow:hidden;min-height:440px;border-radius:24px;background:#172a43;border:1px solid #ffffff40;display:flex;align-items:center}.featured>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.featured:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071526f5 5%,#071526ce 38%,#07152612 80%);z-index:-1}.featured-copy{width:min(600px,65%);padding:42px}.free-label{display:inline-block;background:var(--acid);color:var(--ink);font-weight:800;letter-spacing:2px;padding:6px 12px;border-radius:4px}.featured h2{font-size:clamp(36px,4.8vw,72px);line-height:1;letter-spacing:-2px;text-transform:uppercase;margin:16px 0}.featured-copy>p:last-child{font-size:14px;color:#e0e7ef}.gate{padding:32px 0}.gate p,.gate label,.card p,.create,.section-title p{font-size:16px}.section-title{margin-top:36px}.section-title h2,.pack h2{font-size:32px;letter-spacing:-1px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#1c2030;border-radius:16px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--acid)}.card-art{height:auto;aspect-ratio:4/3}.card-content{padding:20px}.card-meta{letter-spacing:0}.card h3{font-size:26px}.access-label{font-size:14px;font-weight:700;color:var(--acid);margin:0 0 12px}.access-label.locked{color:#bec3d8}.pack{display:flex;justify-content:space-between;gap:32px;align-items:center;background:#25213c;border:1px solid #8b7adb66;border-radius:20px;padding:30px;margin-top:40px}.pack h2{margin:10px 0}.pack>div{max-width:650px}#pack-price{font-size:14px;color:#d1cce7}.feedback label{font-size:14px}.feedback h1{font-size:48px;letter-spacing:-2px}.feedback .rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.feedback fieldset{border:1px solid #ffffff30;border-radius:12px;padding:18px;margin:24px 0}.feedback legend{padding:0 8px}.feedback button{margin:10px 8px 0 0}#purchase-message{max-width:340px}.how{flex-wrap:wrap}footer{line-height:1.6}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.start-row{gap:24px}.featured-copy{width:70%}}
@media(max-width:650px){.start-row{grid-template-columns:1fr;padding-top:24px;gap:18px}.start-row h1{font-size:42px}.input-row{flex-direction:row}.join-panel{padding:18px}.featured{min-height:480px;align-items:end}.featured-copy{width:100%;padding:24px}.featured:after{background:linear-gradient(0deg,#071526 5%,#071526eb 50%,#07152615 100%)}.featured>img{object-position:65% center}.cards{grid-template-columns:1fr}.card-art{aspect-ratio:16/9}.pack{display:block;padding:24px}.header-right{gap:10px}.badge{font-size:12px}.feedback .rating-grid{grid-template-columns:1fr}.gate .input-row{flex-direction:column}.how{font-size:16px}}
@media(prefers-reduced-motion:reduce){.card:hover{transform:none}}
/* Every catalog cover uses the same uncropped 2:1 frame at every breakpoint. */
.cards .card .card-art{aspect-ratio:2/1;height:auto;flex-shrink:0;container-type:inline-size}
.cards .card .card-art img{display:block;object-fit:contain;object-position:center}
.cards .card:hover .card-art img{transform:none}
.cards .card.trivia .card-art>span{font-size:clamp(24px,13cqw,54px);letter-spacing:-.07em}
#live-dialog{background:#1d2130;color:#f7f7fc;border:1px solid #ffffff40;border-radius:18px;max-width:520px;width:calc(100% - 32px);padding:28px}#live-dialog::backdrop{background:#000b}