.listen{border-top:2px solid var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,2fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(26px,3.4vw,44px) 0 clamp(30px,4vw,52px);display:grid}.listen__list{--slant:clamp(18px, 2.4vw, 32px);gap:clamp(8px,1vw,12px);margin:0;padding:0;list-style:none;display:grid}.listen__item{position:relative;container-type:inline-size}.listen__item:has(.platform:focus-visible){z-index:1;filter:drop-shadow(4px 0 0 var(--red)) drop-shadow(-4px 0 0 var(--red)) drop-shadow(0 4px 0 var(--red)) drop-shadow(0 -4px 0 var(--red))}.platform:focus-visible .platform__name{text-underline-offset:.1em;text-decoration:underline;text-decoration-thickness:.06em}.platform{min-height:clamp(88px,9vw,116px);padding-left:calc(var(--slant) + clamp(12px, 1.6vw, 22px));color:var(--cream-light);background-color:var(--ink);clip-path:polygon(var(--slant) 0, 100% 0, calc(100% - var(--slant)) 100%, 0 100%);-webkit-tap-highlight-color:transparent;background-image:repeating-linear-gradient(0deg,#fff5e109 0 1px,#0000 1px 4px);grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,1.8vw,24px);text-decoration:none;display:grid;position:relative}.platform:focus-visible{outline:none}.platform__no{letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dark);flex-direction:column;align-items:center;font-size:10px;font-weight:700;line-height:1;display:flex}.platform__no b{font-family:var(--font-display);letter-spacing:0;color:var(--cream-light);margin-top:2px;font-size:28px;font-weight:400}.platform__disc{width:clamp(54px,6vw,78px);transition:transform .6s cubic-bezier(.3,.7,.3,1)}.platform:hover .platform__disc,.platform:focus-visible .platform__disc{transform:rotate(80deg)}.platform__name{min-width:0;font-family:var(--font-display);white-space:nowrap;letter-spacing:.01em;text-transform:uppercase;transform-origin:0 100%;text-shadow:0 2px #0000004d;font-size:min(62px,7.3cqi);line-height:1;transform:skew(-9deg)}.platform__band{padding:0 calc(var(--slant) + clamp(16px, 2vw, 28px)) 0 clamp(34px, 4vw, 52px);clip-path:polygon(var(--slant) 0, 100% 0, 100% 100%, 0 100%);transition:background-color var(--fade) ease;align-self:stretch;align-items:center;display:flex}.platform--red .platform__band{background:var(--red)}.platform--green .platform__band{background:var(--green)}.platform--red:hover .platform__band,.platform--red:focus-visible .platform__band{background:#c42527}.platform--green:hover .platform__band,.platform--green:focus-visible .platform__band{background:#237042}.platform__cta{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:.25em;font-size:clamp(20px,2.4vw,32px);display:inline-flex;transform:skew(-9deg)}.platform__chev{width:.28em;height:.45em;transition:transform var(--fade) ease}.platform:hover .platform__chev,.platform:focus-visible .platform__chev{transform:translate(.1em)}.collection{border-top:2px solid var(--ink);padding:clamp(26px,3.4vw,44px) 0 clamp(10px,2vw,20px)}.collection__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(32px,5vw,72px);margin:clamp(24px,3vw,40px) 0 0;padding:0;list-style:none;display:grid}.lp{color:var(--ink);flex-direction:column;align-items:flex-start;text-decoration:none;display:flex}.lp__art{width:100%;max-width:460px;margin-bottom:18px;padding-right:16%;display:block;position:relative}.lp__record{width:78%;transition:transform .5s cubic-bezier(.3,.7,.3,1);position:absolute;top:4%;right:0}a.lp:hover .lp__record,a.lp:focus-visible .lp__record{transform:translate(7%)rotate(40deg)}.lp__sleeve{aspect-ratio:1;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6,0 6px 16px #321e0a47}a.lp:focus-visible{outline:none}a.lp:focus-visible .lp__sleeve{outline:3px solid var(--ink);outline-offset:4px}.lp__stamp{border:3px solid var(--red);color:var(--red);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#f7efdce0;padding:.18em .6em .12em;font-size:clamp(20px,2.6vw,30px);position:absolute;top:83%;left:50%;transform:translate(-50%,-50%)rotate(-9deg)}.lp__title{font-family:var(--font-display);font-synthesis:style;text-transform:uppercase;color:var(--red);margin:0;font-size:clamp(28px,3.2vw,42px);font-style:italic;font-weight:400;line-height:1}.lp{container-type:inline-size}.lp__title--lines{font-size:min(clamp(28px, 3.2vw, 42px), var(--lines-fit,9.6cqi))}.lp__title-line{display:block}.lp__desc{margin-top:10px;font-size:clamp(15px,1.3vw,17px);font-style:italic;line-height:1.45}.lp__desc:empty{display:none}.lp__action{background:var(--green);color:var(--cream-light);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4em;margin-top:16px;padding:.5em 1.3em .45em;font-size:clamp(16px,1.6vw,20px);line-height:1;transition:background-color .2s;display:inline-flex}a.lp:hover .lp__action{background:var(--green-deep)}.lp__action--pending{color:var(--green);box-shadow:inset 0 0 0 2px var(--green);background:0 0}@media (max-width:1000px){.listen{grid-template-columns:1fr}}@media (max-width:720px){.listen__list{--slant:14px}.platform{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;min-height:92px}.platform__no{display:none}.platform__disc{width:46px}.platform__name{white-space:nowrap;font-size:clamp(20px,7.2vw,36px)}.platform__band{padding:0 calc(var(--slant) + 10px) 0 26px}.platform__cta-word{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.platform__cta{font-size:30px}.lp__art{max-width:380px}}@media (max-width:360px){.platform{gap:8px}.platform__disc{width:38px}}@media (prefers-reduced-motion:reduce){.platform__disc,.platform__chev,.platform__band,.lp__record,.lp__action{transition:none}.platform:hover .platform__disc,.platform:focus-visible .platform__disc,a.lp:hover .lp__record,a.lp:focus-visible .lp__record{transform:none}}