/* Step 119 — Reach + Explore / Desktop >= 1121px */

:root {
  --rex-grid-gap: 18px;
  --rex-card-pad: 22px;
  --rex-card-title-size: 1.28rem;
  --rex-card-copy-size: 0.72rem;
}

.reach-explore-page .rex-main {
  padding-top: calc(var(--topbar-height) + var(--header-height));
}

.reach-explore-page .rex-hero-grid {
  display: grid;
  grid-template-columns: minmax(380px, 0.88fr) minmax(560px, 1.12fr);
  gap: 50px;
  align-items: center;
}

.reach-explore-page:not(.desktop-hero-prototype-page) .rex-hero-media { min-height: 320px; }
.reach-explore-page .rex-location-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.reach-explore-page .rex-card-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.reach-explore-page .rex-proof-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.reach-explore-page .rex-program-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.reach-explore-page .rex-callout-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.reach-explore-page .rex-metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.reach-explore-page .rex-state-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.reach-explore-page .rex-logo-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.reach-explore-page .rex-cert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.reach-explore-page .rex-story-grid { display: grid; grid-template-columns: minmax(420px, 0.95fr) minmax(0, 1.05fr); gap: 52px; align-items: center; }
.reach-explore-page .rex-method-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.reach-explore-page .rex-testimonial-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.reach-explore-page .rex-gallery-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.reach-explore-page .rex-faq-layout { grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.28fr); }

.reach-explore-page .rex-location-card {
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.reach-explore-page .rex-location-card:hover,
.reach-explore-page .rex-location-card:focus-visible {
  transform: translateY(-5px);
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.28);
}