/* Catalogue photographs: one landscape canvas, complete roof and base. */
body:is(.catalogue-page,.model-page) :is(.product-image,.family-image,.gallery-stage,.gallery-stage.is-portrait){display:block;width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/2!important;overflow:hidden;background:#eef1f4}
body:is(.catalogue-page,.model-page) :is(.product-image,.family-image,.gallery-stage)>:is(a,picture){display:block;width:100%;height:100%}
body:is(.catalogue-page,.model-page) :is(.product-image img,.family-image img,.gallery-stage img,.related-grid>article>img),#compare-dialog :is(.mobile-compare article>img,.compare-table th>img){display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/2!important;padding:0!important;object-fit:contain!important;object-position:center!important;background:#eef1f4;transform:none!important}
.model-page .gallery-thumbs button{width:96px;height:64px;overflow:hidden}
.model-page .gallery-thumbs img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;background:#eef1f4}
/* Hero photo appears beside the title on desktop, immediately after it on mobile. */
@media(min-width:761px){body.home-page .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important;gap:24px!important;align-items:center;padding:24px!important;max-width:1440px;margin-inline:auto}body.home-page .hero .hero-content{display:block;padding:24px!important}body.home-page .hero h1{font-size:36px!important;line-height:40px!important}body.home-page .hero-side{margin-top:24px}}
@media(max-width:760px){body.home-page .hero{display:flex!important;flex-direction:column;gap:0!important}body.home-page .hero .hero-content{display:contents!important}body.home-page .hero-content>.eyebrow{order:0;margin:16px 20px 8px!important}body.home-page .hero h1{order:1;font-size:30px!important;line-height:36px!important;margin:0 20px 16px!important}body.home-page .hero .hero-examples{order:2}body.home-page .hero .hero-side{order:3;padding:16px 20px 24px;max-width:none}body.home-page .hero .hero-copy{font-size:16px!important;line-height:24px!important;margin:0 0 16px!important}}