/* Preserve complete project artwork on desktop; the image defines the hero height. */
@media(min-width:801px){
 #darr-redesign .thumbelina-page .th-hero>img{width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:1448/1086;object-fit:contain;object-position:center}
 #darr-redesign .eterno-page .et-hero{height:auto;min-height:0;aspect-ratio:1672/941}
 #darr-redesign .eterno-page .et-hero>img{width:100%;height:100%;object-fit:contain;object-position:center}
 #darr-redesign .loving-page .loving-hero{min-height:0;height:auto;aspect-ratio:1672/941;padding:0 7%;align-items:center}
 #darr-redesign .loving-page .hero-art{height:100%;width:100%;object-fit:contain;object-position:center}
}

/* v219: bounded Thumbelina artwork and a substantial closing scene. */
@media(min-width:801px){
 #darr-redesign .thumbelina-page .th-hero{isolation:isolate;overflow:hidden;background:#10141f}
 #darr-redesign .thumbelina-page .th-hero:before{display:none}
 #darr-redesign .thumbelina-page .th-hero>img{height:740px;width:100%;aspect-ratio:auto;object-fit:cover;object-position:center 43%}
 #darr-redesign .crossroads-page:not(.thumbelina-page):not(.paganini-page) .cr-finale{min-height:clamp(520px,64svh,1440px);padding:clamp(42px,5svh,100px) 7%;background-position:center 42%}
 #darr-redesign .crossroads-page:not(.thumbelina-page):not(.paganini-page) .cr-finale h2{font-size:clamp(42px,3.2vw,96px);line-height:1.1}
}

/* Eterno: a slightly shorter wide-screen opening; retain the choir and water. */
@media(min-width:1100px) and (min-height:700px){
 #darr-redesign .eterno-page .et-hero{height:min(56.25vw,calc(88svh - 72px));min-height:540px;aspect-ratio:auto}
 #darr-redesign .eterno-page .et-hero>img{object-fit:cover;object-position:center bottom}
}