/* Stars supply the card edges; the surfaces keep the episodes easy to read. */
.podcast{position:relative;padding:92px var(--page-gutter) 120px;scroll-margin-top:110px}
.podcast__intro{text-align:center;margin:0 auto 60px;max-width:760px}
.podcast__intro .eyebrow{font-size:12px;letter-spacing:.17em;color:#9daabd;margin-bottom:24px}
.podcast__intro h2{font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-.05em}
.podcast__grid{max-width:var(--page-width);margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.podcast__actions{display:flex;justify-content:center;margin-top:56px}
.podcast__all{min-height:52px;padding:14px 24px}
.podcast-card{position:relative;display:flex;flex-direction:column;min-width:0;color:#f5f5f7;text-decoration:none;background:transparent;border:0;border-radius:2px;isolation:isolate;outline-offset:8px}
.podcast-card__surface{position:relative;z-index:0;display:flex;flex-direction:column;flex:1;background:#000;opacity:var(--podcast-reveal,0)}
.podcast-card__stars{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);pointer-events:none;z-index:2;transition:filter .3s}
.podcast-card__thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0c0b14}
.podcast-card__thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.podcast-card__play{position:absolute;inset:0;display:grid;place-items:center;background:#0002}
.podcast-card__play svg{width:64px;height:64px;padding:16px;border-radius:50%;background:#ffffff30;border:1px solid #ffffff75;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff60;transition:transform .35s,background .35s}
.podcast-card__play circle{display:none}.podcast-card__play polygon{fill:#fff}
.podcast-card__body{display:flex;flex-direction:column;flex:1;padding:28px 24px 30px;transform:translate3d(0,calc((1 - var(--podcast-reveal,0))*8px),0)}
.podcast-card__title{font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:0 0 16px;text-wrap:pretty}
.podcast-card__description{font-size:16px;line-height:1.6;color:#a1a9b7;margin:0 0 32px;text-wrap:pretty}
.podcast-card__watch{display:block;font-size:14px;font-weight:500;margin-top:auto;padding-top:8px;color:#e7ebf4}
.podcast-card:hover .podcast-card__thumbnail img{transform:scale(1.035)}
.podcast-card:hover .podcast-card__play svg,.podcast-card:focus-visible .podcast-card__play svg{transform:scale(1.08);background:#ffffff48}
.podcast-card:hover .podcast-card__stars,.podcast-card:focus-visible .podcast-card__stars{filter:brightness(1.7)}
.podcast-card:focus-visible{outline:2px solid #c1cced}
.podcast-card:focus-visible .podcast-card__watch,.podcast-card:hover .podcast-card__watch{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.podcast__grid{gap:24px}.podcast-card__body{padding:24px 20px}.podcast-card__title{font-size:19px}}
@media(max-width:760px){
  .podcast{padding-top:76px;padding-bottom:88px}
  .podcast__intro{margin-bottom:44px}
  .podcast__intro h2{font-size:clamp(34px,8vw,48px)}
  .podcast__intro .eyebrow{margin-bottom:20px}
  .podcast__grid{grid-template-columns:1fr;gap:52px;max-width:500px}
  .podcast__actions{margin-top:44px}
  .podcast-card__body{padding:25px 24px 28px}
  .podcast-card__title{font-size:21px}
  .podcast-card__description{margin-bottom:26px}
}
.podcast.is-reduced .podcast-card__surface{transition:none}
@media(prefers-reduced-motion:reduce){.podcast-card__surface,.podcast-card__thumbnail img,.podcast-card__play svg,.podcast-card__stars{transition:none!important;transform:none!important}}