.hero{min-height:280px;padding-top:46px;padding-bottom:28px}.hero h1{font-size:clamp(48px,6vw,76px)}.hero .intro{margin:14px 0;line-height:1.45}.primary{padding:9px 13px}.featured{padding-bottom:20px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,220px));gap:10px}.beat-card{min-width:150px;padding:8px}.beat-card h3{margin:8px 0 3px}.chip{margin-top:6px}@media(max-width:700px){.hero{min-height:360px;padding-top:55px}.card-grid{grid-template-columns:repeat(4,160px)}}