.book-film-hero { padding: 144px 32px 64px; background: #fff; }
.book-film-layout { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 28px 64px; align-items: center; }
.book-film-intro { align-self: end; }
.book-film-eyebrow { font-size: .75rem; letter-spacing: .25em; color: #79664d; margin: 0 0 24px; }
.book-film-intro h1 { font-family: "Playfair Display", Georgia, serif; font-size: clamp(3.5rem, 6vw, 6rem); font-weight: 400; line-height: 1.08; margin: 0 0 28px; color: #151512; }
.book-film-tagline { font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.55; font-weight: 500; color: #393832; max-width: 30ch; margin: 0 0 24px; }
.book-film-authors { font-size: .9rem; color: #67635b; margin: 0; }
.book-film-media { grid-column: 2; grid-row: 1 / 3; min-width: 0; position: relative; background: #eee8db; border-radius: 4px; overflow: hidden; }
.book-film-media video { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: contain; }
.book-film-control { position: absolute; right: 14px; bottom: 14px; min-height: 44px; padding: 9px 16px; border: 1px solid #bbb2a4; border-radius: 24px; background: #ffffffed; color: #393832; font: inherit; font-size: .8rem; cursor: pointer; }
.book-film-control:focus-visible { outline: 2px solid #79664d; outline-offset: -5px; }
.book-film-actions { align-self: start; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.book-film-actions .book-award-badge { width: 150px; margin: 0; filter: none; transform: none; }
.book-film-actions .btn { white-space: normal; text-align: center; }
@media (min-width: 1024px) {
 .book-film-hero { padding-top: 89px; padding-bottom: 24px; }
 body.cinematic-site .book-film-hero + .main > .content-section:first-child { padding-top: 48px; }
}
@media (max-width: 760px) {
 .book-film-hero { padding: 132px 24px 48px; }
 .book-film-layout { grid-template-columns: 1fr; gap: 28px; max-width: 520px; }
 .book-film-intro { text-align: center; }
 .book-film-intro h1 { font-size: clamp(3rem, 12vw, 4.5rem); margin-bottom: 20px; }
 .book-film-tagline { margin: 0 auto 18px; font-size: 1.2rem; }
 .book-film-eyebrow { margin-bottom: 18px; }
 .book-film-media { grid-column: 1; grid-row: auto; }
 .book-film-actions { align-items: center; }
 .book-film-actions .book-award-badge { width: 130px; }
}