/* ==========================================================================
   Mirage Furniture — Promise band (#promise)
   A slim, confident statement of the brand guarantee, lifting the warranty
   claim out of the product modals and onto the page as a row of assurances.
   ========================================================================== */

.promise {
  position: relative;
  z-index: 1;                       /* scrolls over the pinned hero */
  width: 100%;
  background: var(--color-bg);
  padding: clamp(3rem, 8vh, 5.5rem) var(--nav-pad-x);
  border-top: 1px solid var(--color-hairline);
  border-bottom: 1px solid var(--color-hairline);
}

.promise__inner {
  max-width: 60rem;
  margin: 0 auto;
  text-align: center;
}
.promise__eyebrow {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  font-size: var(--text-sm);
  color: var(--color-text-body);
}
.promise__lead {
  margin: var(--space-3) auto 0;
  max-width: 40rem;
  font-family: var(--font-body);
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  line-height: var(--leading-snug);
  color: var(--color-text-primary);
}

.promise__grid {
  margin-top: clamp(2rem, 5vh, 3.5rem);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.25rem, 3vw, 2.5rem);
}
.promise__item {
  text-align: center;
}
.promise__word {
  display: block;
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: var(--text-sm);
  color: var(--color-text-primary);
}
.promise__note {
  display: block;
  margin-top: 0.4rem;
  font-family: var(--font-body);
  font-size: var(--text-xs);
  color: var(--color-text-body);
}

@media (max-width: 640px) {
  .promise__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4) var(--space-3);
  }
}