/* Local visual review: new photographs, gentle transitions, and homepage contrast. */
.has-stage-background:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:95px;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.08) 25%,rgba(255,255,255,.45) 65%,#fff 100%)}
.has-stage-background>.page-title{z-index:1}
main[data-page="about"] #page-background{object-position:50% 53%}
main[data-page="vision-mission"] #page-background{object-position:50% 52%}
main[data-page="sponsorship"] #page-background{object-position:62% 28%}
main[data-page="recruitment"] #page-background{object-position:50% 60%!important}
main[data-page="management"] .team-section:first-child .person-slot:nth-child(2) .portrait-slot img{transform:scale(1.38);transform-origin:50% 22%}
.about-photo-wash{position:relative;isolation:isolate}
.about-wash-images{position:absolute;inset:0 calc(-1 * var(--edge));z-index:-1;pointer-events:none;overflow:hidden}
.about-wash-images img{position:absolute;left:0;width:100%;height:55%;object-fit:cover;opacity:.045;mask-image:linear-gradient(transparent,#000 24%,#000 73%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 24%,#000 73%,transparent)}
.about-wash-images img:first-child{top:0;object-position:50% 45%}.about-wash-images img:last-child{bottom:0;object-position:50% 50%}
main[data-page="index"] #about{width:100%;padding-left:var(--edge);padding-right:var(--edge);background:#101010;color:#fff}
main[data-page="index"] #about .eyebrow,main[data-page="index"] #about .teams p,main[data-page="index"] #about .teams h3 span{color:#ccc}
main[data-page="index"] .marquee{background:#101010;color:#fff}
main[data-page="index"] .marquee-control{color:#ddd}
@media(max-width:700px){.has-stage-background:before{height:65px}.about-wash-images{inset:0 -24px}.about-wash-images img{opacity:.035}}

@media(max-width:700px){main[data-page="sponsorship"] #page-background{object-position:65% 45%!important}}

/* Fade the complete photograph and its shade together over a broad tonal range. */
.has-stage-background{background:#fff;padding-bottom:155px;--masthead-fade:linear-gradient(to bottom,#000 0%,#000 44%,rgba(0,0,0,.97) 54%,rgba(0,0,0,.86) 64%,rgba(0,0,0,.64) 74%,rgba(0,0,0,.34) 84%,rgba(0,0,0,.1) 93%,transparent 100%)}
.has-stage-background:before{display:none}
.has-stage-background>.page-stage-background{opacity:1!important;mask-image:var(--masthead-fade);-webkit-mask-image:var(--masthead-fade)}
.has-stage-background:after{background:linear-gradient(180deg,rgba(8,8,10,.8),rgba(8,8,10,.54) 35%,rgba(8,8,10,.55));mask-image:var(--masthead-fade);-webkit-mask-image:var(--masthead-fade)}
main[data-page="about"] #page-background{object-position:50% 61%}
main[data-page="vision-mission"] #page-background{object-position:50% 69%}
main[data-page="works"] .works-heading{width:100%;padding-left:var(--edge);padding-right:var(--edge);background:#101010;color:#fff}
main[data-page="works"] .works-heading .eyebrow{color:#ccc}
@media(max-width:700px){.has-stage-background{padding-bottom:130px}main[data-page="about"] #page-background{object-position:61% 55%!important}main[data-page="vision-mission"] #page-background{object-position:59% 60%!important}}

/* Shared quiet photographic surfaces. Keep header imagery clear until its lower edge. */
.has-stage-background{--masthead-fade:linear-gradient(to bottom,#000 0%,#000 61%,rgba(0,0,0,.98) 69%,rgba(0,0,0,.88) 77%,rgba(0,0,0,.62) 85%,rgba(0,0,0,.23) 94%,transparent 100%)}
.has-stage-background:after{background:linear-gradient(90deg,rgba(8,8,10,.65),rgba(8,8,10,.22) 66%,rgba(8,8,10,.25))}
main[data-page="works"] .has-stage-background{background:#08090d}
main[data-page="works"] #page-background{object-position:50% 66%}
main[data-page="join"] #page-background{object-position:50% 44%}
main[data-page="recruitment"] #page-background{object-position:50% 65%!important;opacity:1!important}
.marquee{background:#101010!important;color:#fff!important}.marquee-control{color:#ddd!important}.marquee-track,.marquee span{color:inherit}
.body-photo-wash,.section-photo-wash{position:relative;isolation:isolate}
.body-photo-wash{background:#fff;overflow:hidden}
.section-wash-images{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.section-wash-images img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.045;mask-image:linear-gradient(transparent,#000 18%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 80%,transparent)}
.body-photo-wash .section-wash-images img{max-height:1500px;position:sticky;top:0}
main[data-page="index"] #about .section-wash-images img{opacity:.12}
main[data-page="index"] #news .section-wash-images{left:calc(-1 * var(--edge));right:calc(-1 * var(--edge))}
@media(max-width:700px){main[data-page="works"] #page-background{object-position:54% 65%!important}main[data-page="join"] #page-background{object-position:55% 45%!important}.section-wash-images img{opacity:.035}}

main[data-page="index"] #about{max-width:none}

/* Local review: dark News and a plain black productions heading. */
main[data-page="index"] #news{width:100%;max-width:none;padding-left:var(--edge);padding-right:var(--edge);background:#101010;color:#fff;--muted:#ccc}
main[data-page="index"] #news .news-kicker,main[data-page="index"] #news .news-description,main[data-page="index"] #news .section-title span,main[data-page="index"] #news a{color:#ccc}
main[data-page="index"] #news .news-contact{color:#fff;border-color:#aaa}
main[data-page="index"] #news .section-wash-images{inset:0}
main[data-page="index"] #news .section-wash-images img{opacity:.10}
main[data-page="works"] #top{background:#000}
main[data-page="works"] #top>.page-stage-background,main[data-page="works"] #top:before,main[data-page="works"] #top:after{display:none}

/* Full-height portrait opening, with the original 4K film available on demand. */
@media(max-width:700px){
 main[data-page="index"] .hero{height:100svh;min-height:560px;aspect-ratio:auto;padding:0;overflow:hidden}
 main[data-page="index"] .hero video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:48% 50%}
 main[data-page="index"] .hero:after{inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 45%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.65))}
 main[data-page="index"] .hero-title{top:32%;transform:translateY(-50%);padding:0 18px}
 main[data-page="index"] .hero-title h1{font-size:10.4vw}
 main[data-page="index"] .hero .hero-actions{bottom:max(28px,env(safe-area-inset-bottom));right:20px;gap:8px;z-index:3}
 main[data-page="index"] .hero-more{bottom:max(23px,env(safe-area-inset-bottom));left:20px}
 main[data-page="index"] .hero .film-control{bottom:100px;right:22px;z-index:3}
}