.playlistHero{background:var(--blue);color:#fff;border-bottom:2px solid var(--ink);grid-template-columns:1.05fr .95fr;min-height:420px;display:grid}.playlistHero>div{border-right:2px solid var(--ink);flex-direction:column;justify-content:center;padding:62px 5vw;display:flex}.playlistHero .eyebrow{color:#fff}.playlistHero h1{letter-spacing:-1px;margin:0;font:clamp(64px,8vw,116px)/.82 Anton,Arial Black,sans-serif}.playlistHero>p{background:var(--orange);align-items:center;margin:0;padding:65px 5vw;font:clamp(19px,2vw,28px)/1.45 Georgia,serif;display:flex}.playlistContent{max-width:1400px;margin:auto;padding:62px 5vw 100px}.playlistIntro{grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:38px;display:grid}.playlistIntro h2{margin:0;font:clamp(42px,5vw,70px)/.9 Anton,Arial Black,sans-serif}.playlistIntro>p{max-width:580px;margin:0 0 5px;font:17px/1.55 Georgia,serif}.playlistGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.playlistCard{background:var(--paper);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:16px 16px 14px;position:relative}.playlistCard0{box-shadow:7px 7px 0 var(--orange)}.playlistCard1{box-shadow:7px 7px 0 var(--blue)}.playlistCard iframe{background:#121212;border:0;border-radius:12px;display:block}.playlistNumber{z-index:2;background:var(--orange);color:#fff;border:2px solid var(--ink);place-items:center;width:35px;height:35px;font:16px Anton,Arial Black,sans-serif;display:grid;position:absolute;top:25px;right:25px;transform:rotate(4deg)}.playlistCard>a{letter-spacing:1px;text-transform:uppercase;justify-content:space-between;align-items:center;padding:14px 3px 1px;font-size:11px;font-weight:900;display:flex}.playlistCard>a span{color:var(--orange);font-size:18px}:is(.playlistCard>a:hover,.playlistCard>a:focus-visible){color:var(--blue)}@media (max-width:1000px){.playlistGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlistHero{grid-template-columns:1fr}.playlistHero>div{border-right:0;border-bottom:2px solid var(--ink)}.playlistHero>p{padding-top:40px;padding-bottom:40px}}@media (max-width:650px){.playlistHero>div{padding:50px 20px}.playlistHero>p{padding:35px 20px}.playlistContent{padding:46px 20px 80px}.playlistIntro{grid-template-columns:1fr;gap:20px}.playlistGrid{grid-template-columns:1fr}.playlistCard iframe{height:352px}}