.video { position: relative; aspect-ratio: 16 / 9; background: #000; border: 1px solid var(--rule); box-shadow: 0 22px 44px -24px rgba(28, 25, 21, 0.6); }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.feature { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-top: clamp(2.5rem, 5vw, 4rem); padding-bottom: clamp(2.5rem, 5vw, 4rem); }
.feature h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); }
.feature p { color: var(--muted); }
.warm { background: var(--paper-2); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.series { display: grid; grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); gap: clamp(2rem, 4vw, 4rem); margin-top: 2rem; }
.series h3 { color: var(--paper); font-size: 1.5rem; margin: 1.1rem 0 0.4rem; }
.series p { color: #d8cfbf; font-size: 1rem; margin-bottom: 0.6rem; }
.series .video { border-color: #4a443b; box-shadow: none; }
.band .text-link { color: #e7c08a; }
.band .text-link:hover { color: var(--paper); }
.band .lede { color: #d8cfbf; margin-bottom: 0; }
.home-hero { background: radial-gradient(58rem 30rem at 88% 0%, #ead8b4 0%, rgba(234, 216, 180, 0) 62%); }
.series-links { list-style: none; padding: 0; margin: 1.25rem 0 0; border-top: 1px solid var(--rule); }
.series-links li { border-bottom: 1px solid var(--rule); }
.series-links a { display: block; padding: 0.7rem 0; font-family: var(--sans); font-size: 0.95rem; font-weight: 600; }
@media (max-width: 760px) {
  .feature { grid-template-columns: 1fr; }
}