.eps-built { display: flex; flex-direction: column; }
.ep-feature { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: clamp(22px, 4vw, 48px); align-items: center; background: var(--sg-blue) url("https://static.wixstatic.com/media/6e8560_b3abbb4db3ae44d0a0cfa9634246db6a~mv2.jpg/v1/fill/w_2400,h_1140,al_c,q_85,enc_avif,quality_auto/image.jpg") center / cover; border-radius: var(--r-sm); padding: clamp(18px, 3vw, 32px); }
.ep-cover { position: relative; aspect-ratio: 1; border-radius: 14px; overflow: hidden; background: rgba(255, 255, 255, .08); }
.ep-cover img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.ep-prog { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--sg-lime); transform: scaleX(var(--p, 0)); transform-origin: left; }
.ep-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ep-head .kicker { margin: 0; }
.ep-num { font-size: clamp(2.6rem, 5vw, 4rem); font-weight: 700; letter-spacing: -.05em; line-height: .85; color: transparent; -webkit-text-stroke: 1.5px rgba(255, 255, 255, .7); user-select: none; }
.ep-hook { font-size: clamp(1.5rem, 3vw, 2.2rem); line-height: 1.15; margin: .6rem 0 .4rem; }
.ep-hook a { color: var(--white); text-decoration: none; }
.ep-hook a:hover { color: var(--sg-lime); }
.ep-guest { margin: 0 0 .8rem; font-weight: 600; color: rgba(255, 255, 255, .9); }
.ep-blurb { margin: 0; color: rgba(255, 255, 255, .78); font-size: .95rem; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ep-player { display: flex; align-items: center; gap: 16px; margin-top: 1.4rem; }
.ep-play { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--sg-lime); color: var(--sg-blue); cursor: pointer; transition: transform .2s; }
.ep-play svg { width: 18px; height: 18px; }
.ep-play:hover { transform: scale(1.06); }
.ep-play:focus-visible { outline: 2px solid var(--white); outline-offset: 3px; }
.ep-play.big { width: 58px; height: 58px; }
.ep-play.big svg { width: 22px; height: 22px; }
.ep-play.on-cover { position: absolute; left: 12px; bottom: 14px; box-shadow: 0 6px 18px rgba(0, 0, 0, .35); }
.ep-track { position: relative; flex: 1; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .22); cursor: pointer; overflow: hidden; }
.ep-fill { position: absolute; inset: 0; background: var(--sg-lime); transform: scaleX(var(--p, 0)); transform-origin: left; }
.ep-time { flex: none; min-width: 5.5em; text-align: right; font-size: .85rem; font-variant-numeric: tabular-nums; color: rgba(255, 255, 255, .85); }
.eps-grid { list-style: none; margin: clamp(20px, 3vw, 32px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); }
.ep-card { position: relative; display: flex; flex-direction: column; background: var(--panel-2); border: 1px solid var(--line); border-radius: var(--r-sm); padding: 12px 12px 18px; transition: border-color .3s, transform .3s; }
.ep-card[hidden] { display: none; }
.ep-card:hover { border-color: rgba(202, 214, 70, .5); transform: translateY(-3px); }
.ep-card:hover .ep-cover img { transform: scale(1.04); }
.ep-row { display: flex; align-items: flex-start; gap: 14px; margin-top: 16px; padding: 0 4px; }
.ep-row .ep-num { font-size: 2.4rem; -webkit-text-stroke-color: rgba(202, 214, 70, .7); }
.ep-body { min-width: 0; }
.ep-title { display: block; color: var(--white); font-weight: 600; font-size: 1rem; line-height: 1.3; text-decoration: none; }
.ep-title::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.ep-card:hover .ep-title { color: var(--sg-lime); }
.ep-sub { margin: .35rem 0 0; font-size: .82rem; color: var(--body); }
.ep-card .ep-play.on-cover { z-index: 2; }
.eps-more { align-self: center; margin-top: clamp(24px, 3vw, 36px); font: inherit; cursor: pointer; }
@media (max-width: 900px) { .eps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .ep-feature { grid-template-columns: 1fr; } .ep-feature .ep-cover { max-width: 260px; } }
@media (max-width: 520px) { .eps-grid { gap: 12px; } .ep-card { padding: 8px 8px 14px; } .ep-row { gap: 8px; margin-top: 12px; padding: 0 2px; } .ep-row .ep-num { font-size: 1.7rem; } .ep-title { font-size: .88rem; } .ep-sub { font-size: .74rem; } .ep-play.on-cover { width: 36px; height: 36px; left: 8px; bottom: 10px; } .ep-play.on-cover svg { width: 15px; height: 15px; } }
@media (prefers-reduced-motion: reduce) { .ep-card, .ep-cover img, .ep-play { transition: none; } .ep-card:hover { transform: none; } .ep-card:hover .ep-cover img { transform: none; } }
.ep-feature .ep-cover { box-shadow: 0 18px 40px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .14); }