/* Reviews & Press — quiet editorial statement + understated link-style CTA.
   Sand background (same value as Our Decks), matching the page rhythm:
   Hero ivory / Our Decks sand / Abusua Pa ivory / Reviews & Press sand.
   No slider, no star graphics, no logo grid, no cards, no pattern, no
   imagery — kept entirely separate from hero.css / decks.css / abusua-pa.css. */

.reviews-press {
  background: color-mix(in srgb, #C8BC94 28%, #F6F2EA);
  padding: clamp(96px, 11vw, 160px) 24px;
  text-align: center;
}

.reviews-press-inner {
  max-width: 760px;
  margin: 0 auto;
}

.reviews-press-kicker {
  margin: 0 0 clamp(14px, 1.8vw, 22px);
  font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 16px;
  color: #B88B40;
}

.reviews-press-heading {
  margin: 0 0 clamp(44px, 5vw, 64px);
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.2;
  color: #15130D;
}

/* Editorial press/reviews list — quiet text links only, no logos, no cards,
   no stars, no carousels, no heavy borders, no decorative pattern.
   Desktop: Featured In / Reviewed By sit in a clean two-column arrangement
   for balance. Mobile: everything stacks into one column (see media query
   below). Customer Reviews is kept as its own centered block underneath,
   since it's a single link rather than a press list. */
.press-groups {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 4vw, 64px);
  max-width: 620px;
  margin: 0 auto clamp(40px, 4.5vw, 56px);
  text-align: left;
}

.press-group-label {
  margin: 0 0 clamp(12px, 1.4vw, 16px);
  font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 11px;
  color: #15130D;
  opacity: 0.68;
}

.press-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1vw, 12px);
}

.press-list a {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1.4;
  color: #15130D;
  opacity: 0.85;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.press-list a:hover,
.press-list a:focus-visible {
  opacity: 1;
}

.press-group-reviews {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 640px) {
  .press-groups {
    grid-template-columns: 1fr;
    gap: clamp(28px, 7vw, 40px);
    text-align: center;
  }
  .press-list { align-items: center; }
}

@media (max-width: 480px) {
  .reviews-press { padding: clamp(72px, 16vw, 110px) 22px; }
}