.film-page { color: #28483b; }
.film-page h1,.film-page h2,.film-page h3 { font-family: Georgia,serif; font-weight: normal; color: #244638; }
.film-page h2 { font-size: clamp(30px,3.4vw,43px); line-height: 1.2; margin: 0 0 26px; }
.film-page h3 { font-size: 24px; line-height: 1.3; margin: 0 0 16px; }
.film-page p { line-height: 1.8; }
.film-page .film-kicker { font: 11px/1.6 Arial,sans-serif; text-transform: uppercase; letter-spacing: .15em; color: #8a774c; margin: 0 0 18px; }
.film-hero { display: grid; grid-template-columns: .85fr 1.25fr; align-items: center; background: #173d31; margin-top: 34px; }
.film-hero > div { padding: 48px 38px; }
.film-hero h1 { font-size: clamp(38px,4.3vw,58px); color: #fff9ee; line-height: 1.05; margin: 0 0 26px; }
.film-hero p { color: #e0e5db; font-size: 16px; }
.film-hero .film-kicker { color: #e3cfa1; }
.film-hero > img { width: 100%; height: auto; padding: 22px; box-sizing: border-box; }
.film-hero > .film-hero-crop { margin: 22px; padding: 0; overflow: hidden; aspect-ratio: 584 / 165; position: relative; }
.film-hero-crop img { display: block; position: absolute; width: 100%; max-width: none; height: auto; bottom: 0; left: 0; }
.film-button { display: inline-block; background: #e7d5a7; color: #183e31; text-decoration: none; padding: 14px 20px; margin-top: 14px; font: 14px/1.5 Arial,sans-serif; }
.film-index { display: flex; flex-wrap: wrap; gap: 14px 30px; padding: 24px 0; border-bottom: 1px solid #deded1; }
.film-index a { font-size: 13px; color: #375546; text-decoration: none; }
.film-index a:hover { text-decoration: underline; }
.film-intro,.film-section { margin-top: 70px; scroll-margin-top: 25px; }
.film-intro > p:not(.film-kicker) { max-width: 780px; color: #637165; font-size: 16px; }
.film-services { display: grid; grid-template-columns: repeat(3,1fr); gap: 35px; margin-top: 36px; padding: 30px 0; border-top: 1px solid #deded1; border-bottom: 1px solid #deded1; }
.film-services span { color: #998354; font-size: 12px; display: block; margin-bottom: 16px; }
.film-services p { font-size: 14px; color: #637165; margin-bottom: 0; }
.film-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px; align-items: start; }
.film-card { background: #efeee7; border: 1px solid #dfdfd4; min-width: 0; }
.film-card-media { height: 265px; background: #e4e6dc; padding: 20px; }
.film-card-media img { width: 100%; height: 100%; object-fit: contain; }
.film-card-copy { padding: 25px; }
.film-card-copy p { font-size: 13px; color: #5d6b60; margin: 0; }
.film-card-copy p+p { margin-top: 22px; }
.film-detail-photo { padding: 15px 25px; text-align: center; }
.film-detail-photo img { max-width: 100%; height: 110px; object-fit: contain; }
.film-more { background: #e5e9dd; }
.film-testimonial { margin: 45px 0; padding: 45px 8%; background: #193e32; }
.film-testimonial .film-kicker { color: #d6c297; }
.film-testimonial blockquote { margin: 0; font: 30px/1.5 Georgia,serif; color: #f8f1e2; }
.film-testimonial figcaption { font-size: 13px; color: #c9d3c2; margin-top: 22px; }
.film-cbc { border: 1px solid #deded1; padding: 32px; display: grid; grid-template-columns: 1fr 1.1fr; gap: 30px; align-items: center; }
.film-cbc-posters { display: flex; gap: 12px; align-items: center; }
.film-cbc-posters img { width: calc((100% - 24px)/3); height: auto; }
.film-cbc-copy p { font-size: 14px; color: #627063; }
.film-episodes { grid-column: 1/-1; border-top: 1px solid #d9dcce; padding-top: 20px; }
.film-episodes summary { cursor: pointer; font: 20px/1.5 Georgia,serif; }
.film-episodes summary span { font: 12px Arial,sans-serif; color: #71806d; margin-left: 15px; }
.film-episodes p { font-size: 14px; max-width: 900px; }
.film-stage { background: #eeede5; }
.film-stage > img { width: 100%; height: auto; display: block; }
.film-stage > div { padding: 28px 35px; }
.film-stage p { color: #637165; margin: 0; }
.film-resources { margin: 70px 0 0; padding: 40px; background: #eeede5; display: grid; grid-template-columns: 1.2fr 1fr; gap: 55px; }
.film-resources h2 { font-size: 31px; }
.film-resources p { font-size: 14px; color: #637165; }
.film-resources a { color: #315b46; }
@media(max-width:950px) { .film-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .film-hero { grid-template-columns: 1fr 1fr; } .film-hero > div { padding: 30px; } .film-cbc { grid-template-columns: 1fr; } }
@media(max-width:600px) { .film-hero,.film-services,.film-grid,.film-resources { grid-template-columns: 1fr; } .film-hero { margin-top: 0; } .film-hero > img { padding: 0; } .film-hero > div { padding: 32px 25px; } .film-services { gap: 28px; } .film-intro,.film-section { margin-top: 46px; } .film-card-media { height: 275px; } .film-testimonial { padding: 30px 25px; } .film-testimonial blockquote { font-size: 25px; } .film-cbc,.film-resources { padding: 24px; } .film-resources { gap: 28px; } }