/* Phase 3 visual refinements: official identity + premium spacing. */

.mtb-brand__logo-image {
  display: block;
  width: 56px;
  height: 58px;
  object-fit: contain;
}

.mtb-brand__name {
  max-width: 230px;
}

.mtb-brand--footer .mtb-brand__logo-image {
  width: 60px;
  height: 64px;
}

.mtb-hero {
  background-position: center 44%;
}

.mtb-hero__content {
  width: min(700px, 58%);
}

.mtb-display {
  max-width: 760px;
  font-size: clamp(48px, 4.55vw, 76px);
}

.mtb-hero__copy {
  max-width: 590px;
}

.mtb-product-card::after {
  background: linear-gradient(180deg, rgba(7, 27, 42, 0.02) 32%, rgba(7, 27, 42, 0.72) 100%);
}

.mtb-product-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgba(7, 27, 42, 0.15);
}

.mtb-manufacturing__visual,
.mtb-sustainability__visual,
.mtb-product-card,
.mtb-hero {
  image-rendering: auto;
}

@media (min-width: 1181px) and (max-width: 1360px) {
  .mtb-mainbar__inner {
    gap: 22px;
  }

  .mtb-primary-nav__list {
    gap: 16px;
  }

  .mtb-primary-nav__list a {
    font-size: 11px;
  }

  .mtb-header-cta {
    padding-inline: 18px;
  }

  .mtb-brand__name {
    font-size: 14px;
  }
}

@media (max-width: 1180px) {
  .mtb-hero__content {
    width: min(680px, 83%);
  }
}

@media (max-width: 767px) {
  .mtb-brand__logo-image {
    width: 45px;
    height: 50px;
  }

  .mtb-brand__name {
    max-width: 170px;
  }

  .mtb-display {
    font-size: clamp(42px, 12.5vw, 58px);
  }
}