/* Shared public-page hero. Keep every informational page on one visual rhythm. */
.about-page-hero,
.quality-hero,
.contact-hero,
.auction-hero,
.showroom-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  height: 300px;
  min-height: 300px;
  padding: 0;
  background: linear-gradient(110deg, #062e50 0%, #075b96 55%, #0782cc 100%);
  color: #fff;
}

.about-page-hero::after,
.quality-hero::after,
.contact-hero::after,
.auction-hero::after,
.showroom-hero::after {
  content: '';
  position: absolute;
  inset: -42% 2% -48% 45%;
  z-index: -1;
  background: url('world-map.svg') center / contain no-repeat;
  opacity: .14;
}

.about-hero-layout,
.showroom-hero-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  height: 100%;
  min-height: 0;
  padding-block: 0;
}

.quality-hero-inner,
.contact-hero-inner,
.auction-hero-inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding-block: 0;
}

.about-page-hero .eyebrow,
.quality-eyebrow,
.contact-hero-inner > p:first-child,
.auction-hero-inner > p:first-child,
.showroom-hero .eyebrow {
  margin: 0 0 10px;
  color: #93d3ff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.about-page-hero h1,
.quality-hero h1,
.contact-hero h1,
.auction-hero h1,
.showroom-hero h1 {
  margin: 0;
  font-size: clamp(42px, 5vw, 58px);
  line-height: 1;
  letter-spacing: -.035em;
}

.about-page-hero p:last-child,
.quality-hero-inner > p:last-child,
.contact-hero-inner > p:last-child,
.auction-hero-inner > p:last-child,
.showroom-hero p:not(.eyebrow) {
  max-width: 760px;
  margin: 22px 0 0;
  color: #e5f3fc;
  font-size: 18px;
  line-height: 1.55;
}

@media (max-width: 760px) {
  .about-page-hero,
  .quality-hero,
  .contact-hero,
  .auction-hero,
  .showroom-hero {
    height: auto;
    min-height: 250px;
    padding: 0;
  }

  .about-page-hero::after,
  .quality-hero::after,
  .contact-hero::after,
  .auction-hero::after,
  .showroom-hero::after {
    inset: -10% -28% -30% 15%;
    opacity: .12;
  }

  .about-hero-layout,
  .showroom-hero-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    min-height: 250px;
    padding-block: 42px;
  }

  .quality-hero-inner,
  .contact-hero-inner,
  .auction-hero-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 0;
    min-height: 250px;
    padding-block: 42px;
  }

  .about-page-hero h1,
  .quality-hero h1,
  .contact-hero h1,
  .auction-hero h1,
  .showroom-hero h1 { font-size: 42px; }

  .about-page-hero p:last-child,
  .quality-hero-inner > p:last-child,
  .contact-hero-inner > p:last-child,
  .auction-hero-inner > p:last-child,
  .showroom-hero p:not(.eyebrow) {
    margin-top: 16px;
    font-size: 16px;
  }

  .about-page-hero .language-switcher { margin-top: 0; }
}