/* Refinements measured against the supplied 1280px desktop references. */
.home-hero h1 > span,
.home-hero h1 > em,
.home-partnership h2 > span {
  display: block;
}

.quality-card > .icon {
  transform: scale(1.4, 1.17);
}

.quality-card h3 {
  line-height: 32px;
}

.quality-measure .progress-track {
  height: 4px;
}

.quality-measure > div:first-child {
  margin-bottom: 4px;
}

.specialized-intro h1 > span,
.specialized-intro h1 em,
.specialized-intro h1 em > span,
.composite-heading h2 > span {
  display: block;
}

.specialized-intro h1 em > span:first-child {
  color: var(--brown);
}

.specialized-intro .innovation-badge p {
  margin-top: 0;
}

.specialized-intro {
  background: radial-gradient(ellipse at 67% 75%, #fae8e0 0, transparent 70%),
    linear-gradient(120deg, #faf6f8, #fbf0ee);
}

/* Keep form text readable without focus zoom on narrow mobile browsers. */
@media (max-width: 1024px) {
  .quote-form input,
  .quote-form select,
  .quote-form textarea {
    font-size: 16px;
  }
}

@media (min-width: 1280px) {
  .brand span {
    line-height: 39.2px;
    transform: translateY(-1px);
  }

  .home-hero h1 > span,
  .home-hero h1 > em {
    transform: translateY(-3px) scaleY(1.07);
  }

  .heritage-copy h2 {
    position: relative;
    top: 1px;
  }

  .heritage-stats dt {
    position: relative;
    top: -4px;
  }

  .heritage-stats dd {
    position: relative;
    top: -5px;
  }

  .process-number {
    transform: translateY(-5px);
  }

  .directions-grid .eyebrow {
    transform: translateY(3px);
  }

  .home-partnership h2 > span {
    transform: scaleY(1.07);
  }

  .home-partnership .button {
    min-width: 270px;
  }

  .footer-column a {
    position: relative;
    top: -2px;
  }

  .footer-brand p {
    letter-spacing: 0.07px;
  }

  .about-intro-copy h1 > span,
  .about-intro-copy h1 em,
  .about-intro-copy h1 em > span {
    display: block;
  }

  .about-intro-copy h1 span {
    transform: scaleY(1.07);
  }

  .about-numbers dt {
    position: relative;
    top: -4px;
  }

  .about-numbers dd {
    position: relative;
    top: -1px;
  }

  .about-numbers dl > div + div {
    border-left: 0;
    position: relative;
  }

  .about-numbers dl > div + div::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 3px;
    left: 24px;
    width: 1px;
    background: #e8e5e9;
  }

  .mission {
    transform: translateY(-4px);
  }

  .mission .body-large {
    line-height: 32.5px;
  }

  .facility-heading h2 {
    transform: scaleY(1.07);
  }

  .facility-heading .body-large {
    position: relative;
    top: -4px;
  }

  .facility-heading .button {
    min-width: 217px;
  }

  .about-evolution header h2 {
    line-height: 48px;
    position: relative;
    top: 2px;
  }

  .about-evolution header p {
    letter-spacing: 0;
    position: relative;
    top: 1px;
  }

  .timeline {
    margin-top: 78px;
  }

  .core-intro h1 > span {
    display: block;
    transform: scaleY(1.07);
  }

  .core-intro p {
    position: relative;
    top: -8px;
  }

  .product-spec-copy .eyebrow {
    position: relative;
    top: 2px;
  }

  .product-spec-copy h2 {
    line-height: 55px;
    letter-spacing: 0;
  }

  .product-description {
    position: relative;
    top: 4px;
  }

  .technical-specs {
    height: 204px;
    position: relative;
    top: 2px;
  }

  .technical-specs table {
    margin-top: 6px;
  }

  .technical-specs tr {
    height: 49px;
  }

  .spec-button {
    width: 256px;
    max-width: 100%;
    padding-inline: 24px;
  }

  .core-logistics h2 {
    line-height: 48px;
    position: relative;
    top: 3px;
  }

  .core-logistics header p {
    position: relative;
    top: 1px;
    letter-spacing: 0.05px;
  }

  .logistics-grid {
    margin-top: 96px;
  }

  .logistics-card > .icon {
    transform: scale(1.25);
  }

  .logistics-card h3 {
    line-height: 32px;
    position: relative;
    top: 3px;
  }

  .logistics-card > p {
    position: relative;
    top: 2px;
    letter-spacing: 0;
  }

  .logistics-card .text-link {
    margin-top: 32px;
    position: relative;
    top: 1px;
  }

  .logistics-card:nth-child(2) {
    height: 340px;
  }

  .logistics-card:nth-child(2) h3 {
    margin-top: 28px;
  }

  .logistics-card::after {
    border-bottom-left-radius: 12px;
  }

  .specialized-intro h1 span,
  .composite-heading h2 > span,
  .furniture-copy > h2 > span {
    display: block;
    transform: scaleY(1.07);
  }

  .specialized-intro .line-before {
    position: relative;
    top: 2px;
  }

  .specialized-intro .body-large {
    position: relative;
    top: -2px;
  }

  .foundation-grid header h2 {
    position: relative;
    top: -1px;
  }

  .foundation-grid header p {
    position: relative;
    top: 1px;
  }

  .foundation-number {
    transform: translateY(-5px) scaleY(1.07);
  }

  .composite-heading h2 {
    position: relative;
    top: -6px;
  }

  .composite-heading .body-large {
    position: relative;
    top: -8px;
  }

  .download-specifications {
    border-radius: 12px;
    width: 232px;
    padding-inline: 24px;
  }

  .furniture-detail h2 {
    position: relative;
    top: 2px;
  }

  .furniture-detail p {
    position: relative;
    top: -2px;
  }

  .furniture-detail .partnership-badge {
    padding-inline: 10px;
    position: relative;
    top: -4px;
  }

  .furniture-copy > .body-large {
    position: relative;
    top: -3px;
    letter-spacing: 0;
  }

  .catalog-link {
    position: relative;
    top: -4px;
  }

  .capacity-card {
    position: relative;
    top: -6px;
  }

  .enquiry-copy > h1 > span {
    display: block;
    transform: scaleY(1.07);
  }

  .quote-form > h2 {
    position: relative;
    top: -1px;
  }

  .quote-form textarea {
    padding-top: 9px;
  }

  .product-select .icon {
    width: 20px;
    height: 20px;
    right: -2px;
    bottom: 18px;
  }

  .contact-detail:first-child {
    gap: 12px;
  }

  .contact-detail:first-child > .icon {
    transform: scale(1.18);
  }

  .contact-detail:nth-child(2) > .icon {
    transform: scale(1.25);
  }

  .contact-detail h2,
  .contact-detail address,
  .contact-detail .contact-email {
    position: relative;
    top: 1px;
  }

  .whatsapp-button {
    position: relative;
    top: -2px;
  }

  .map-callout h2,
  .map-callout p {
    position: relative;
    top: 1px;
  }

  .enquiry-global h2 {
    letter-spacing: 0;
    position: relative;
    top: -1px;
  }

  .enquiry-global p {
    position: relative;
    top: 2px;
  }
}