/* Composition: the title begins at the tall tower; the lower tower occludes it. */
@media(min-width:701px){
 .hero--poster .hero-picture img,.hero--poster .hero-foreground{transform:translateX(-7vw)}
 .hero.hero--poster .poster-word{left:34%;top:31%;font-size:10vw;letter-spacing:-.04em;white-space:nowrap}
}
.hero.hero--poster .poster-number{background:none;color:#ee735e;padding:0;right:5.5%;bottom:10%;font-size:clamp(130px,17vw,250px);line-height:1;font-variant-numeric:lining-nums;text-shadow:0 3px 20px #291c1940}
.hero.hero--poster .poster-number::after{content:'';display:block;width:65%;height:2px;background:currentColor;margin:12px 0 0 auto}
.presentation.section{position:relative;padding:0;display:grid;grid-template-columns:54% 46%;gap:0;min-height:760px;align-items:stretch;background:#913e30}
.presentation .book-photo{position:relative;min-height:760px;overflow:hidden}
.presentation .book-photo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;background:transparent}
.presentation>.book-photo+div{align-self:center;padding:65px clamp(30px,4.5vw,80px)}
.presentation h2{font-size:clamp(46px,4.6vw,74px)}
.contact-scene.section{min-height:950px}
.contact-scene>img{object-position:66% center}
@media(max-width:700px){
 .hero.hero--poster .poster-number{font-size:120px;bottom:12%;right:22px}
 .presentation.section{grid-template-columns:1fr;min-height:0}
 .presentation .book-photo{min-height:480px}
 .presentation>.book-photo+div{padding:45px 24px 60px}
 .contact-scene.section{min-height:0}
 .contact-scene>img{object-position:82% center}
}
@media(min-width:701px){
 .hero.hero--poster .poster-word{font-size:11.5vw}
 .presentation.section{grid-template-columns:50% 50%;min-height:clamp(640px,62.5vw,1000px)}
 .presentation .book-photo{min-height:clamp(640px,62.5vw,1000px)}
}