.architecture-film.film-enhanced{height:548svh;min-height:4494px}
.architecture-film .film-copy{width:66%;max-width:1100px}
.architecture-film .film-copy h1{font-size:clamp(54px,5.5vw,86px)}
.architecture-film .film-copy h2{font-size:clamp(46px,4.8vw,74px)}
.architecture-film .film-description{max-width:470px;font-size:1rem}
.architecture-film .film-scope{color:#e7d6be;font-size:.875rem;margin:0 0 26px;line-height:1.8}
.architecture-film .film-links{max-width:475px}
.architecture-film .film-media>.film-shade{background:linear-gradient(90deg,#10273780,transparent 70%)}
.architecture-film .film-access{font-size:.75rem}
.architecture-film .film-panel::after{background:linear-gradient(90deg,#10273780,transparent 75%)}
.architecture-film .film-poster,.architecture-film .film-media>img,.architecture-film .film-media>video{object-position:center}
.practice-chapters{justify-content:space-between}
.practice-chapters a{font-size:.875rem}
/* The fourth frame opens the space; preserve the original film underneath. */
.architecture-film .film-media>.architecture-reveal-video{opacity:0}
.architecture-film .film-media>.film-shade{opacity:calc(1 - var(--reveal-light,0))}
.architecture-film .film-invitation{color:var(--ink,#14293c)}
.architecture-film .film-invitation::after{background:linear-gradient(90deg,#fdffffa0,transparent 80%)}
.architecture-film .film-invitation :is(.eyebrow,h2,.film-description,.film-links>a){color:var(--ink,#14293c)}
.architecture-film .film-invitation .film-links>a{border-color:#14293c66}
.architecture-film.film-light :is(.film-chapter-label,.film-next,.film-access){color:var(--ink,#14293c)}
.architecture-film.film-light .film-next{border-color:#14293c66}
.architecture-film.film-light .film-track{background:#14293c33}
.architecture-film.film-light .film-track>span{background:var(--ink,#14293c)}
html[lang=ar] .architecture-film .film-invitation::after{background:linear-gradient(270deg,#fdffffa0,transparent 80%)}
@media(max-width:999px){.architecture-film .film-invitation::after,html[lang=ar] .architecture-film .film-invitation::after{background:#fdffffb0}}
@media(max-height:950px) and (min-width:1000px){
 .architecture-film.film-enhanced .film-copy h1{font-size:clamp(54px,5vw,70px)}
 .architecture-film.film-enhanced .film-copy h2{font-size:clamp(46px,4.6vw,64px)}
}
@media(max-width:999px){
 .architecture-film .film-copy{width:100%;max-width:760px}
 .architecture-film .film-panel:not(.film-hero){min-height:730px}
 .architecture-film .film-panel:not(.film-hero) .film-copy{padding-top:90px;padding-bottom:85px}
 .architecture-film .film-copy h1{font-size:clamp(45px,7.8vw,72px)}
 .architecture-film .film-copy h2{font-size:clamp(40px,6.8vw,64px)}
 .architecture-film .film-panel::after{background:linear-gradient(90deg,#102737bf,#10273750)}
 .practice-chapters{display:flex;flex-wrap:wrap;gap:16px 24px;padding-top:24px;padding-bottom:24px}
}

/* White footer details stay legible over the shaded floor in the reveal. */
.architecture-film.film-light :is(.film-next,.film-access){color:var(--pearl,#fdffff);text-shadow:0 1px 8px #14293c}
.architecture-film.film-light .film-next{border-color:#fdffff99}