/* Header */
.site-header { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--ink-deepest) 92%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid var(--card-border); }
.site-header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); padding-block: var(--space-4); }
.site-brand { display: flex; align-items: center; gap: var(--space-3); color: var(--text-bright); text-decoration: none; }

.site-brand__text { font-family: var(--font-display); font-size: 1.25rem; font-weight: 400; letter-spacing: 0.03em; text-transform: uppercase; }
.site-nav { display: flex; gap: var(--space-6); }
.site-nav .nav-link { color: var(--text-body); text-decoration: none; font-size: 0.95rem; font-weight: 500; transition: color 150ms ease; }
.site-nav .nav-link:hover, .site-nav .nav-link.is-active { color: var(--text-bright); }
.site-nav .nav-link.is-active { position: relative; }
.site-nav .nav-link.is-active::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: -6px; height: 1px; background: var(--gold); opacity: 0.65; }

.nav-toggle { display: none; background: transparent; border: 1px solid var(--card-border); color: var(--text-bright); width: 44px; height: 44px; border-radius: 10px; cursor: pointer; padding: 0; }
.nav-toggle__icon { display: none; }
.nav-toggle[aria-expanded="false"] .nav-toggle__icon--open  { display: block; }
.nav-toggle[aria-expanded="true"]  .nav-toggle__icon--close { display: block; }
.mobile-nav { display: none; flex-direction: column; gap: var(--space-3); padding: var(--space-4) var(--space-6); border-top: 1px solid var(--card-border); }
.mobile-nav:not([hidden]) { display: flex; }
.mobile-nav .nav-link { color: var(--text-body); text-decoration: none; padding: var(--space-2) 0; }

@media (max-width: 860px) {
  .site-nav { display: none; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
}

/* Footer */
.site-footer { margin-top: var(--space-24); padding-block: var(--space-16) var(--space-8); background: var(--ink-deep); border-top: 1px solid var(--card-border); }
.site-footer__inner { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: var(--space-8); align-items: start; }
.site-footer__brand { display: grid; gap: var(--space-3); }
.site-footer__nav, .site-footer__platforms { display: flex; flex-direction: column; gap: var(--space-2); }
.site-footer__nav a, .site-footer__platforms a { color: var(--text-body); text-decoration: none; font-size: 0.95rem; }
.site-footer__nav a:hover, .site-footer__platforms a:hover { color: var(--text-bright); }
.site-footer__copy { grid-column: 1 / -1; margin-top: var(--space-12); color: var(--text-muted); font-size: 0.875rem; }
.site-footer__note { grid-column: 1 / -1; margin-top: var(--space-1); color: var(--text-muted); font-size: 0.825rem; opacity: 0.8; }
.site-footer__note a { color: var(--gold-hover); }
@media (max-width: 720px) {
  .site-footer__inner { grid-template-columns: 1fr; }
}

/* Episode card */
.ep-card { display: flex; flex-direction: column; background: var(--ink-deep); border: 1px solid var(--card-border); border-radius: var(--radius); overflow: hidden; text-decoration: none; color: inherit; transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; box-shadow: var(--card-glow); }
.ep-card:hover, .ep-card:focus-visible { transform: translateY(-4px); border-color: var(--card-border-hover); box-shadow: var(--card-glow-hover); }
.ep-card__thumb { aspect-ratio: 16 / 9; background: var(--ink-mid); overflow: hidden; position: relative; }
.ep-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; }
.ep-card:hover .ep-card__thumb img { transform: scale(1.04); }
.ep-card__body { padding: var(--space-5, 1.25rem); display: grid; gap: var(--space-2); }
.ep-card__meta { display: flex; gap: var(--space-3); font-size: 0.8rem; color: var(--text-muted); }
.ep-card__title { font-family: var(--font-body); font-size: 1.15rem; font-weight: 500; color: var(--text-bright); line-height: 1.25; margin: 0; }
.ep-card__guest { color: var(--text-muted); font-size: 0.95rem; margin: 0; }

.ep-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-6); }


/* Play-button overlay on video thumbnails (signals playable content) */
.ep-card__thumb, .clip-card__thumb, .featured__thumb { position: relative; }
.ep-card__thumb::after,
.clip-card__thumb::after,
.featured__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><circle cx='32' cy='32' r='24' fill='rgba(10,10,15,0.72)' stroke='%23C9A961' stroke-width='1.5'/><path d='M26 22 L46 32 L26 42 Z' fill='%23f5f1e8'/></svg>") center/56px 56px no-repeat;
  pointer-events: none;
  opacity: 0.85;
  transition: opacity 180ms ease, transform 180ms ease;
}
.ep-card__thumb::after { background-size: 56px 56px; }
.clip-card__thumb::after { background-size: 56px 56px; }
.featured__thumb::after { background-size: 96px 96px; }
.ep-card:hover .ep-card__thumb::after,
.clip-card:hover .clip-card__thumb::after,
.featured__thumb:hover::after { opacity: 1; transform: scale(1.06); }