/* Keep the approved desktop composition compact at laptop and wide-screen sizes. */
@media (min-width:761px) {
  .section,.page-intro,.about-opening,.moto-hero,.space-opening,.space-first-photo,
  .space-photo-section,.cta-strip,footer {
    padding-left:max(6%,calc((100% - 1384px)/2));
    padding-right:max(6%,calc((100% - 1384px)/2));
  }
  .section {padding-top:clamp(64px,6.25vw,100px);padding-bottom:clamp(64px,6.25vw,100px)}
  .film-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
  .film-grid .film-heading {flex-wrap:wrap;gap:6px}
  .film-grid .film-heading h3 {font-size:clamp(18px,1.45vw,23px)}
  .film-grid .film-frame video {max-height:456px}
  .gallery-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  .gallery-tile img {height:clamp(200px,19vw,300px)}
  .moto-collage {grid-template-rows:repeat(2,clamp(200px,18vw,280px))}
  .moto-collage>* {min-width:0;min-height:0}
  .split-content {gap:clamp(32px,5vw,80px)}
  .split-content img {max-height:min(550px,65svh)}
  .about-story-photos img {height:clamp(240px,23vw,360px)}
  .about-locations img {height:clamp(300px,29vw,460px)}
  .location-image {max-height:480px}
  .space-photo-grid img {max-height:380px;object-fit:cover}
}
@media (min-width:1100px) {
  .film-grid {grid-template-columns:repeat(5,minmax(0,1fr))}
}