.header-main .builder-item--logo {
  --maxwidth: 80px;
  --padding: 6px 0;
}

.header-main-inner > .container {
  max-width: 1440px;
  padding-inline: clamp(24px, 4.5vw, 64px);
}

.legacy-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #f6f3ec;
  color: #073c4d;
}

.legacy-hero__visual {
  position: absolute;
  z-index: -1;
  inset: 0;
}

.legacy-hero__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
}

.legacy-hero__inner {
  display: flex;
  align-items: center;
  min-height: 620px;
  max-width: 1440px;
  margin-inline: auto;
  padding: 56px clamp(24px, 4.5vw, 64px);
}

.legacy-hero__copy {
  width: 51%;
}

.legacy-hero__eyebrow {
  margin: 0 0 18px;
  color: #007e98;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.legacy-hero h1 {
  margin: 0 0 24px;
  color: #073c4d;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(48px, 4.8vw, 70px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.legacy-hero__lead {
  margin: 0;
  color: #41484b;
  font-size: clamp(18px, 1.55vw, 22px);
  line-height: 1.55;
}

@media (max-width: 959px) {
  .header-main .builder-item--logo {
    --maxwidth: 72px;
  }
}

@media (max-width: 767px) {
  .legacy-hero {
    display: flex;
    flex-direction: column;
  }

  .legacy-hero__inner {
    min-height: 0;
    width: 100%;
    padding: 32px 24px;
  }

  .legacy-hero__copy {
    width: 100%;
  }

  .legacy-hero h1 {
    font-size: clamp(36px, 8vw, 48px);
  }

  .legacy-hero__eyebrow {
    margin-bottom: 12px;
    font-size: 12px;
  }

  .legacy-hero__visual {
    position: relative;
    order: 1;
    height: 300px;
    overflow: hidden;
  }

  .legacy-hero__visual img {
    width: 200%;
    max-width: none;
    transform: translateX(-50%);
    object-position: right center;
  }
}