/* Preserve the original rendered heights when a WebP derivative rounds its
   proportional pixel height. No crop, positioning, colour or desktop rules. */
@media (max-width: 900px) {
  .maison .cake-campaign__image,
  .maison .homemade-campaign__image,
  .maison .maamoul-campaign__image,
  .maison .gift-campaign__image { height: calc(100vw * 941 / 1672); }
  .maison .vases-campaign__image { height: calc(100vw * 1080 / 1920); }
  .maison .maamoul-campaign__gallery img { height: calc((100vw - 24px) * 941 / 1672); }
  .maison .homemade-campaign__gallery img[src="assets/perla-homemade-textures.webp"] { height: calc((100vw - 72px) * 941 / 3344); }
  .maison .homemade-campaign__gallery img[src="assets/perla-homemade-finishes.webp"] { height: calc((100vw - 72px) * 940 / 3344); }
  .vase-gallery:not([hidden]) .vase-gallery__hero img { height: calc(90vw * 1080 / 1920); }
}
@media (max-width: 760px) {
  .maison .homemade-campaign__gallery img[src="assets/perla-homemade-textures.webp"] { height: calc((100vw - 24px) * 941 / 1672); }
  .maison .homemade-campaign__gallery img[src="assets/perla-homemade-finishes.webp"] { height: calc((100vw - 24px) * 940 / 1672); }
}
@media (max-width: 600px) {
  .vase-gallery:not([hidden]) .vase-gallery__hero img { height: calc(90vw * 1440 / 1080); }
}