/* Keep photography within the viewport and give inset compositions room. */
html body img{max-height:90vh!important;max-height:90svh!important;}
html body #top,html body #heroImages{height:90svh!important;min-height:0!important;}
html body #heroImages .hero-image-stage{height:100%!important;}
html body #essence{
 height:auto!important;min-height:0!important;
 padding:clamp(36px,5.5svh,64px) 0!important;
 margin-left:clamp(28px,5.5vw,100px)!important;
 margin-right:clamp(28px,5.5vw,100px)!important;
}
html body #essence #roomSlider>figure{width:40svh!important;max-width:68vw!important;}
html body #essence #roomSlider>figure>a{height:50svh!important;max-height:90svh!important;aspect-ratio:4/5!important;}
html body #essence #roomSlider>figure>a>img{height:100%!important;object-fit:cover;}
html body #compare,html body #showroom{
 margin-left:clamp(28px,5.5vw,100px)!important;
 margin-right:clamp(28px,5.5vw,100px)!important;
}
html body #showroom .sr-film{max-height:90svh!important;overflow:hidden;}
html body #stPhoto{max-height:90svh!important;min-height:min(340px,90svh)!important;}
@media(min-width:768px){
 html body #homeGallery .g-row{padding-left:clamp(64px,7vw,120px)!important;padding-right:clamp(64px,7vw,120px)!important;}
}
@media(max-width:767px){
 html body #essence,html body #compare,html body #showroom{margin-left:22px!important;margin-right:22px!important;}
 html body #essence{padding:38px 0!important;}
 html body #essence #roomSlider>figure{width:min(64vw,48svh)!important;max-width:none!important;}
 html body #essence #roomSlider>figure>a{height:auto!important;aspect-ratio:4/5!important;}
 html body #essence #roomSlider{margin-top:28px!important;}
}