.videos-page { padding-top: 144px; padding-bottom: 104px; }
.videos-heading { max-width: 780px; margin-bottom: 56px; }
.videos-heading .section-number { margin: 0 0 20px; }
.videos-heading h1 { font-family: var(--display); font-size: clamp(3rem, 5.8vw, 4.625rem); font-weight: 400; letter-spacing: -0.045em; line-height: 1.04; margin: 0 0 24px; }
.videos-heading > p:last-child { color: var(--ink-soft); font-size: clamp(1.125rem, 1.6vw, 1.375rem); line-height: 1.6; margin: 0; max-width: 660px; }
.video-feature { border-top: 1px solid var(--line); display: grid; grid-template-columns: minmax(240px, 370px) minmax(0, 1fr); gap: clamp(40px, 7vw, 104px); align-items: center; padding-top: 48px; }
.video-feature + .video-feature { margin-top: 64px; }
.video-player-column { min-width: 0; }
.video-player-frame { background: #171b1b; aspect-ratio: var(--video-ratio, 9 / 16); overflow: hidden; width: 100%; }
.video-player-frame video { display: block; width: 100%; height: 100%; object-fit: contain; }
.video-feature-copy { padding: 12px 0; }
.video-feature-copy .section-number { color: var(--accent-text); margin: 0 0 32px; }
.video-topic { font-size: 0.875rem; color: var(--ink-soft); margin: 0 0 14px; }
.video-feature h2 { font-family: var(--display); font-size: clamp(2.125rem, 3.9vw, 3.5rem); font-weight: 400; line-height: 1.12; letter-spacing: -0.035em; margin: 0; max-width: 650px; }
.video-meta { display: flex; flex-wrap: wrap; gap: 10px; color: var(--ink-soft); font-size: 0.875rem; margin: 24px 0; }
.video-description { color: var(--ink-soft); font-size: 1.125rem; line-height: 1.75; max-width: 560px; margin: 0 0 24px; }
.video-byline { font-size: 0.875rem; margin: 0 0 32px; }
.video-external-link { display: inline-flex; align-items: center; gap: 9px; }
.video-playback-status { color: var(--ink-soft); font-size: 0.875rem; line-height: 1.6; margin: 16px 0 0; }
@media (max-width: 980px) {
  .video-feature { grid-template-columns: minmax(220px, 320px) minmax(0, 1fr); gap: 36px; }
  .video-feature h2 { font-size: 2.375rem; }
}
@media (max-width: 680px) {
  .videos-page { padding-top: 118px; padding-bottom: 64px; }
  .videos-heading { margin-bottom: 36px; }
  .videos-heading h1 { font-size: clamp(2.75rem, 13vw, 3.75rem); margin-bottom: 20px; }
  .video-feature { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 32px; }
  .video-player-column { width: min(100%, 330px); margin-inline: auto; }
  .video-feature-copy { padding: 0; }
  .video-feature-copy .section-number { margin-bottom: 20px; }
  .video-feature h2 { font-size: 2.25rem; }
  .video-description { font-size: 1.0625rem; }
  .video-feature + .video-feature { margin-top: 48px; }
}