/* Slightly fuller large-desktop homepage sizing. Mobile and smaller desktops stay unchanged. */
@media (min-width: 1361px) {
  .oakTrustRail {
    width: min(1450px, calc(100% - 62px)) !important;
    margin-top: -27px !important;
  }

  .oakTrustRail > div {
    min-height: 98px !important;
    gap: 18px !important;
    padding: 17px 27px !important;
  }

  .oakTrustRail > div > span {
    width: 48px !important;
    height: 48px !important;
  }

  .oakTrustRail svg {
    width: 42px !important;
    height: 42px !important;
  }

  .oakTrustRail strong {
    font-size: 15px !important;
  }

  .oakTrustRail small {
    font-size: 12.2px !important;
  }
}

/* Give the Honour promise more presence without competing with the main LPA heading. */
.oakHome .oakHero .oakHeroMotto {
  gap: 4px !important;
  margin-top: 15px !important;
  margin-bottom: 2px !important;
  line-height: 1.12 !important;
}

.oakHome .oakHero .oakHeroMotto .oakMottoLead {
  color: #a87838 !important;
  font-weight: 500 !important;
  letter-spacing: .005em !important;
}

.oakHome .oakHero .oakHeroMotto .oakMottoClose {
  margin-top: 1px !important;
  color: #886a43 !important;
  font-size: 1.11em !important;
  font-weight: 550 !important;
  letter-spacing: -.012em !important;
}

.oakHome .oakHero .oakHeroMotto .oakMottoHonour {
  color: #073d2f !important;
  font-size: 1.22em !important;
  font-weight: 650 !important;
  letter-spacing: -.03em !important;
}

.oakHome .oakHero .oakHeroMotto .oakMottoHonour::after {
  left: 1% !important;
  right: 1% !important;
  bottom: -5px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(197,155,82,.15), #c59b52 18%, #c59b52 82%, rgba(197,155,82,.15)) !important;
  opacity: .92 !important;
}

@media (min-width: 851px) {
  .oakHome .oakHero .oakHeroMotto {
    font-size: clamp(19px, 1.55vw, 23px) !important;
  }
}

@media (max-width: 850px) {
  .oakHome .oakHero .oakHeroMotto {
    gap: 3px !important;
    margin-top: 13px !important;
    font-size: clamp(22px, 6.4vw, 28px) !important;
  }

  .oakHome .oakHero .oakHeroMotto .oakMottoClose {
    font-size: 1.08em !important;
  }

  .oakHome .oakHero .oakHeroMotto .oakMottoHonour {
    font-size: 1.18em !important;
  }
}

@media (max-width: 560px) {
  .oakHome .oakHero .oakHeroMotto {
    font-size: clamp(20px, 6.1vw, 25px) !important;
  }
}