/* Keep the original photographs clear. Contrast belongs to the text surface. */
.cinema-site{--caption-surface:#142f32;--caption-text:#fff6e9;--caption-edge:#607d73}
.cinema-site .cinema-hero-image,.cinema-site .page-hero::before,.cinema-site .directory-page-hero::before{filter:none;opacity:1}
.cinema-site .cinema-hero-shade,.cinema-site .page-hero::after,.cinema-site .directory-page-hero::after{display:none}
.cinema-site .page-hero{min-height:580px}
.cinema-site .project-page-hero::before,.cinema-site .education-page-hero::before,.cinema-site .production-page-hero::before{background-position:center top}
.cinema-site .directory-hero .eyebrow{color:#ffcb88}
.cinema-site .primary-nav .nav-contact[aria-current]{color:#fff6e9}
.cinema-site .page-hero-inner{padding-block:38px}
.cinema-site .hero-text-panel,.home-page .cinema-hero-copy{width:min(100%,620px);padding:28px 30px;background:rgba(14,35,38,.93);border:1px solid var(--caption-edge);border-radius:10px;box-shadow:0 7px 18px #05141530}
.cinema-site .page-hero h1{font-size:clamp(52px,5vw,72px);line-height:1.02;margin-bottom:19px}
.cinema-site .page-hero p:not(.cinema-kicker){font-size:18px}
.cinema-site .directory-page-hero{min-height:580px}
.cinema-site .directory-hero-inner{min-height:0;padding-block:38px}
.cinema-site .directory-hero-inner>div{max-width:620px;padding:28px 30px;background:rgba(14,35,38,.93);border:1px solid var(--caption-edge);border-radius:10px}
.cinema-site .directory-hero h1{font-size:clamp(52px,5vw,72px)}
.cinema-site .page-hero .cinema-kicker{margin-bottom:18px}
.home-page .cinema-hero-inner{padding-block:70px 35px}
.home-page .cinema-hero h1{font-size:clamp(80px,7.5vw,108px);line-height:.9;letter-spacing:-.045em}
.home-page .cinema-hero h1 span{font-size:30px;margin-top:23px}
.home-page .cinema-hero-copy>p:not(.cinema-kicker){font-size:19px}
.home-page .cinema-hero-edge{background:var(--caption-surface);padding:12px 8px;border:1px solid var(--caption-edge);border-radius:6px}

/* Homepage chapter photography sits above its caption, never beneath a wash. */
.home-page .chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:24px}
.home-page .chapter-card{display:flex;flex-direction:column;min-height:0;grid-column:auto;grid-row:auto;background:var(--caption-surface);border-color:var(--caption-edge)}
.home-page .chapter-card::before{display:none}
.home-page .chapter-card img{position:static;z-index:auto;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:none;opacity:1;transform:none}
.home-page .chapter-card:hover img{transform:none}
.home-page .chapter-card-feature{grid-column:1/-1}
.home-page .chapter-card-feature img{aspect-ratio:2.4/1;object-position:center 53%}
.home-page .chapter-card .chapter-card-content{position:relative;display:flex;flex-direction:column;gap:14px;padding:23px 28px 27px;height:auto;background:var(--caption-surface);border-top:1px solid var(--caption-edge)}
.home-page .chapter-card .chapter-card-content>span:first-child{font-size:14px;color:#ffd0a0}
.home-page .chapter-card h3,.home-page .chapter-card-feature h3,.home-page .chapter-card-wide h3{font-size:clamp(31px,3vw,43px);line-height:1.08;margin:0 40px 0 0;max-width:none;color:var(--caption-text)}
.home-page .chapter-card-feature h3 br{display:none}
.home-page .chapter-card-wide p{padding:0 40px 0 0;border:0;background:none;margin:0;max-width:none;color:#e3eee7;font-size:17px}
.home-page .chapter-arrow{background:var(--caption-surface);color:#fff6e9;border-color:#b6c7b9;right:22px;bottom:24px}
.home-page .chapter-card:hover,.home-page .chapter-card:focus-visible{border-color:#f6bd81}
.home-page .chapter-card-portrait img{object-position:center 30%}

/* Video thumbnails retain original brightness, with small readable labels. */
.cinema-site .film-still::after{display:none}
.cinema-site .film-caption,.public-arts-page .interview-image-label{background:var(--caption-surface);border:1px solid var(--caption-edge);border-radius:5px;padding:9px 12px;max-width:calc(100% - 40px)}
.public-arts-page .interview-image img,.public-arts-page .social-video-preview img{filter:none;opacity:1}

@media(min-width:1101px){
 .production-page-hero .hero-text-panel,.education-page-hero .hero-text-panel{width:520px;margin-left:auto}
}

@media(max-width:1100px){
 .cinema-site .directory-page-hero{display:block;min-height:0}
 .cinema-site .directory-page-hero::before{position:relative;inset:auto;display:block;z-index:auto;width:100%;height:clamp(290px,48vw,500px);background-size:cover}
 .cinema-site .directory-hero-inner{width:100%;min-height:0;padding:0}
 .cinema-site .directory-hero-inner>div{width:100%;max-width:none;padding:30px 24px;border:0;border-top:1px solid var(--caption-edge);border-radius:0;background:var(--caption-surface)}
 .cinema-site .page-hero,.home-page .cinema-hero{display:block;min-height:0}
 .cinema-site .page-hero::before,.home-page .cinema-hero-image{position:relative;inset:auto;display:block;z-index:auto;width:100%;height:clamp(290px,48vw,500px);background-size:cover}
 .cinema-site .page-hero-inner,.home-page .cinema-hero-inner{width:100%;display:block;padding:0}
 .cinema-site .hero-text-panel,.home-page .cinema-hero-copy{width:100%;max-width:none;padding:30px max(24px,calc((100% - 900px)/2));border:0;border-top:1px solid var(--caption-edge);border-radius:0;background:var(--caption-surface);box-shadow:none}
 .home-page .cinema-hero-edge{display:none}
 .cinema-site .page-hero h1{max-width:850px}
 .home-page .cinema-hero h1{font-size:clamp(72px,11vw,100px)}
}
@media(max-width:600px){
 .home-page .chapter-grid{grid-template-columns:1fr;gap:22px}
 .home-page .chapter-card-feature{grid-column:1}
 .home-page .chapter-card-feature img{aspect-ratio:3/2}
 .home-page .chapter-card .chapter-card-content{padding:22px}
 .home-page .chapter-card h3,.home-page .chapter-card-feature h3,.home-page .chapter-card-wide h3{font-size:34px}
 .cinema-site .page-hero::before,.home-page .cinema-hero-image{height:300px;background-position:center 38%}
 .home-page .cinema-hero-image{background-position:63% center}
 .cinema-site .page-hero h1{font-size:clamp(43px,10vw,58px)}
 .home-page .cinema-hero-copy,.cinema-site .hero-text-panel{padding:28px 20px 32px}
 .home-page .cinema-hero h1 span{font-size:26px}
}
