.morning-film {
    scroll-margin-top: 96px;
    margin: 4px 0 clamp(48px, 6vw, 76px);
}

.morning-film-intro,
.morning-film-outro {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px 40px;
}

.morning-film-intro { margin-bottom: 20px; }
.morning-film-intro > div { max-width: 67ch; }
.morning-film-intro h3,
.watch-intro h1 {
    font-family: var(--font-display);
    letter-spacing: -.035em;
    text-wrap: balance;
}
.morning-film-intro h3 { font-size: clamp(1.55rem, 2.3vw, 2.15rem); line-height: 1.2; }
.morning-film-intro p { margin-top: 10px; color: var(--text-secondary); line-height: 1.7; }
.morning-film-detail,
.morning-film-outro a {
    flex: none;
    color: var(--accent);
    font-size: .875rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.morning-film-detail:hover,
.morning-film-outro a:hover { color: var(--accent-hover); }
.morning-film-detail:focus-visible,
.morning-film-outro a:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }

.marketing-film-frame {
    overflow: hidden;
    padding: clamp(5px, .7vw, 9px);
    border: 1px solid color-mix(in srgb, var(--brand-slate) 56%, var(--brand-navy));
    border-radius: 5px;
    background: var(--brand-navy);
    box-shadow: 0 18px 50px rgba(27, 31, 59, .18);
}
.marketing-film-video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    background: var(--brand-navy);
}
.morning-film-outro {
    align-items: center;
    margin-top: 16px;
    color: var(--text-secondary);
    font-size: .875rem;
}

.watch-page { padding: clamp(42px, 7vw, 88px) 0 clamp(72px, 9vw, 116px); }
.watch-intro { max-width: 780px; margin: 0 auto 30px; text-align: center; }
.watch-intro h1 { font-size: clamp(2.2rem, 5vw, 4.4rem); line-height: 1.1; }
.watch-intro p { margin-top: 16px; color: var(--text-secondary); font-size: 1.0625rem; line-height: 1.7; }
.watch-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 25px; }
.watch-transcript { max-width: 800px; margin: clamp(54px, 7vw, 88px) auto 0; }
.watch-transcript h2 { font-family: var(--font-display); font-size: clamp(1.6rem, 2.4vw, 2rem); }
.watch-transcript > p { margin-top: 9px; color: var(--text-secondary); }
.watch-chapter { display: grid; grid-template-columns: minmax(150px, .42fr) minmax(0, 1fr); gap: 14px 32px; padding: 18px 0; border-bottom: 1px solid var(--stroke); }
.watch-chapter:first-of-type { margin-top: 20px; border-top: 1px solid var(--stroke); }
.watch-chapter h3 { font-family: var(--font-display); font-size: .9375rem; font-weight: 600; line-height: 1.6; }
.watch-chapter p { color: var(--text-secondary); line-height: 1.7; }

@media (max-width: 760px) {
    .morning-film-intro,
    .morning-film-outro { align-items: start; flex-direction: column; }
    .watch-chapter { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}