/* Keep the composition together on ultrawide screens. */
@media (min-width: 1800px) {
  :root { --gutter: max(110px, calc((100vw - 1680px) / 2)); }
  .salon-site .hero-wide .hero-type { max-width: 620px; }
  .salon-site .fashion-portrait {
    right: max(0px, calc((100vw - 1600px) / 2));
    width: 900px;
  }
  .salon-site .hero-atmosphere {
    right: max(0px, calc((100vw - 1600px) / 2));
    width: 1040px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 85%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 85%, transparent);
  }
}