/* Section 01: copy and images sit side by side on larger screens. */
.standalone .intro-block:first-child > div { display: grid; grid-template-columns: minmax(0, .83fr) minmax(340px, 1.17fr); column-gap: clamp(28px, 4vw, 56px); align-items: start; }
.standalone .intro-block:first-child h3,
.standalone .intro-block:first-child > div > p { grid-column: 1; }
.standalone .intro-block:first-child .capacity-gallery { grid-column: 2; grid-row: 1 / span 3; margin-top: 0; grid-template-rows: 150px 150px; }
.standalone .intro-block:first-child .capacity-gallery .capacity-main img { object-position: 60% center; }
.standalone .intro-block:first-child .capacity-gallery figure:nth-child(3) img { content: url('assets/capacity-showroom-entrance.png'); object-position: center; }

@media (max-width: 850px) {
  .standalone .intro-block:first-child > div { grid-template-columns: 1fr; }
  .standalone .intro-block:first-child .capacity-gallery { grid-column: 1; grid-row: auto; margin-top: 20px; }
}
@media (max-width: 600px) {
  .standalone .intro-block:first-child .capacity-gallery { grid-template-rows: 190px 120px; }
}

/* Section 02: evidence of delivery, installation and on-site support. */
.standalone .intro-block:nth-of-type(2) > div { display: grid; grid-template-columns: minmax(0, .83fr) minmax(340px, 1.17fr); column-gap: clamp(28px, 4vw, 56px); align-items: start; }
.standalone .intro-block:nth-of-type(2) h3,
.standalone .intro-block:nth-of-type(2) > div > p,
.standalone .intro-block:nth-of-type(2) .commitments { grid-column: 1; }
.service-gallery { display: grid; grid-column: 2; grid-row: 1 / span 3; grid-template-columns: 1fr 1fr; grid-template-rows: 150px 150px; gap: 8px; }
.service-gallery figure { margin: 0; overflow: hidden; background: #062a55; }
.service-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.service-gallery figure:hover img { transform: scale(1.04); }
.service-gallery figure:nth-child(1) img { object-position: center 64%; }
.service-gallery figure:nth-child(2) img { object-position: center; }

@media (max-width: 850px) {
  .standalone .intro-block:nth-of-type(2) > div { grid-template-columns: 1fr; }
  .service-gallery { grid-column: 1; grid-row: auto; margin-top: 20px; }
}
@media (max-width: 600px) { .service-gallery { grid-template-rows: 125px 125px; } }

/* Section 03: after-sales maintenance and repair capability. */
.standalone .intro-block:nth-of-type(3) > div { display: grid; grid-template-columns: minmax(0, .83fr) minmax(340px, 1.17fr); column-gap: clamp(28px, 4vw, 56px); align-items: start; }
.standalone .intro-block:nth-of-type(3) h3,
.standalone .intro-block:nth-of-type(3) > div > p { grid-column: 1; }
.aftercare-gallery { display: grid; grid-column: 2; grid-row: 1 / span 3; grid-template-columns: 1.2fr .8fr; grid-template-rows: 150px 150px; gap: 8px; }
.aftercare-gallery figure { margin: 0; overflow: hidden; background: #062a55; }
.aftercare-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.aftercare-gallery figure:hover img { transform: scale(1.04); }
.aftercare-gallery figure:first-child { grid-row: span 2; }
.aftercare-gallery figure:first-child img { object-position: 54% center; }

@media (max-width: 850px) {
  .standalone .intro-block:nth-of-type(3) > div { grid-template-columns: 1fr; }
  .aftercare-gallery { grid-column: 1; grid-row: auto; margin-top: 20px; }
}
@media (max-width: 600px) { .aftercare-gallery { grid-template-rows: 190px 120px; } }