/* Match the feature-page contours and offset screenshot shadows. */
.region-page .screen-showcase { padding: clamp(56px, 7vw, 100px) 0; background: #d6e1ed; }
.region-page .screen-showcase.alt { background: #0d1b2e; }
.region-page .screen-showcase-inner { max-width: 1244px; padding-inline: 32px; gap: clamp(32px, 4vw, 64px); }
.region-page .screen-showcase-inner > * { min-width: 0; }
.region-page .screen-showcase-label { color: #2468a9; margin-bottom: 16px; }
.region-page .screen-showcase-inner h3 { font-size: clamp(1.8rem, 3vw, 2.65rem); font-weight: 600; line-height: 1.2; letter-spacing: -.035em; text-wrap: balance; }
.region-page .screen-showcase-inner p { color: #496078; font-size: 1.1rem; line-height: 1.75; }
.region-page .screen-showcase.alt h3 { color: #f3f8ff; }
.region-page .screen-showcase.alt p { color: #a9bdd1; }
.region-page .screen-showcase.alt .screen-showcase-label { color: #91bff0; }
.region-page .screen-showcase-img img { display: block; height: auto; margin-inline: auto; border-radius: 16px; }
.region-page .screen-showcase-img.portrait img { width: min(100%, 320px); }
.region-page .screen-showcase-img img,
.region-page .screen-showcase-img img:hover { box-shadow: 12px 12px 0 #b7c9db, 0 22px 36px #16395524; }
.region-page .screen-showcase.alt .screen-showcase-img img,
.region-page .screen-showcase.alt .screen-showcase-img img:hover { box-shadow: 12px 12px 0 #284661, 0 22px 36px #07111d50; }
.region-page .screen-showcase::before {
  content: ''; position: absolute; left: -80px; bottom: -55px; width: min(100%, 1100px); height: 280px;
  background: url('../assets/hero-water-contours.svg') no-repeat center / 100% 100%;
  filter: brightness(.6) saturate(1.3); opacity: .65; pointer-events: none;
}
.region-page .screen-showcase.alt::before { left: auto; right: -80px; transform: scaleX(-1); filter: none; opacity: .85; }
@media (max-width: 768px) {
  .region-page .screen-showcase-inner { padding-inline: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .region-page .screen-showcase-img img { transition: none; }
  .region-page .screen-showcase-img img:hover { transform: none; }
}