/* Compact warranty-page rhythm while preserving the shared Apeiron Guard shell. */

/* Match the lower nav origin used by the homepage and product-page headers. */
.warranty-page .company-header__inner {
  padding-top: 30px;
}

.warranty-page .company-hero__inner {
  min-height: 520px;
  padding-top: clamp(46px, 5vw, 68px);
  padding-bottom: clamp(46px, 5vw, 68px);
  gap: clamp(34px, 5vw, 64px);
}

.warranty-page .company-hero h1 {
  max-width: 600px;
  font-size: clamp(42px, 4.7vw, 58px);
  line-height: 1;
}

.warranty-page .company-hero__copy > p:not(.eyebrow) {
  max-width: 590px;
  margin-top: 18px;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.55;
}

.warranty-page .hero-actions {
  margin-top: 24px;
}

.warranty-page .company-hero__visual {
  min-height: 360px;
}

.warranty-page .company-section {
  padding: clamp(38px, 4.8vw, 66px) 0;
}

.warranty-page .section-title {
  font-size: clamp(32px, 3.8vw, 46px);
  line-height: 1.02;
}

.warranty-page .section-intro > p:not(.eyebrow) {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.6;
}

.warranty-page .principles {
  margin-top: clamp(26px, 3vw, 38px);
  gap: 0 clamp(32px, 5vw, 64px);
}

.warranty-page .principles > div,
.warranty-page .narrative-row {
  padding-top: 17px;
  padding-bottom: 17px;
}

.warranty-page .principles dd {
  margin-top: 6px;
  line-height: 1.55;
}

.warranty-page .narrative-grid {
  gap: clamp(34px, 5vw, 66px);
}

.warranty-page .narrative-row {
  grid-template-columns: 138px 1fr;
  gap: 20px;
}

.warranty-page .narrative-row p {
  line-height: 1.55;
}

.warranty-page .narrative-row a {
  color: var(--ag-clay-dark);
  font-weight: 750;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

@media (max-width: 900px) {
  .warranty-page .company-header__inner {
    padding-top: 10px;
  }

  .warranty-page .company-hero__inner {
    min-height: auto;
  }

  .warranty-page .company-hero__visual {
    min-height: 310px;
  }
}

@media (max-width: 640px) {
  .warranty-page .company-hero__inner {
    padding-top: 38px;
    padding-bottom: 42px;
    gap: 26px;
  }

  .warranty-page .company-hero h1 {
    font-size: clamp(35px, 10vw, 42px);
  }

  .warranty-page .company-hero__visual {
    min-height: 250px;
  }

  .warranty-page .company-section {
    padding: 36px 0;
  }

  .warranty-page .section-title {
    font-size: clamp(30px, 8.6vw, 38px);
  }

  .warranty-page .principles {
    margin-top: 22px;
  }

  .warranty-page .principles > div,
  .warranty-page .narrative-row {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .warranty-page .narrative-grid {
    gap: 24px;
  }

  .warranty-page .narrative-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}