.listening-guide{max-width:1800px;padding-block:90px}.listening-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.listening-card{position:relative;min-height:540px;background:#0d2029;border:1px solid #ffffff1b;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px #0005}
.listening-image{position:relative;height:270px;overflow:hidden;isolation:isolate}.listening-image img{width:100%;height:120%;object-fit:cover;position:absolute;inset:-10% 0;transition:transform .8s ease,filter .5s}.listening-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d2029,transparent 55%)}
.listening-image i,.listening-image b{position:absolute;inset:0;z-index:2;pointer-events:none}.listening-image i{background:linear-gradient(115deg,transparent 35%,var(--coral) 35.2%,transparent 35.7%);opacity:.45}.listening-image b{background-image:radial-gradient(#fff8 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent,#000)}
.listening-copy{padding:0 26px 28px;display:flex;flex-direction:column;flex:1;position:relative;z-index:3}.listening-copy small{color:#e7b485;text-transform:uppercase;letter-spacing:.12em}.listening-copy h3{font-size:28px;line-height:1.05;text-transform:uppercase;margin:10px 0 24px}.listening-copy h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;color:#9fb7c1}.listening-copy p{color:var(--muted);font-size:14px;margin:0 0 24px}.listening-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.listening-actions a{border:1px solid #ffffff36;padding:10px 13px;font-size:12px}.listening-actions a:hover{border-color:var(--coral)}.listening-actions .youtube{background:#ff765f;color:#07151c;border-color:#ff765f;font-weight:700}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body:not(.reduced) .listening-card:hover .listening-image img{transform:scale(1.06) translateY(-2%);filter:saturate(1.15)}}
@media(max-width:1050px){.listening-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.listening-guide{padding-block:55px}.listening-grid{grid-template-columns:1fr}.listening-card{min-height:500px}.listening-image{height:240px}.listening-copy h3{font-size:24px}}