/* ============================================
   MAGNOLIA - Solution/Offer page overrides
   ============================================ */

.offer-hero {
  background: var(--cream);
  padding: 120px 32px 60px;
  text-align: center;
}
.offer-hero .inner {
  max-width: var(--prose);
  margin: 0 auto;
}
.offer-hero h1 {
  font-family: var(--serif);
  font-size: clamp(34px, 4.4vw, 48px);
  font-weight: 400;
  line-height: 1.18;
  color: var(--inkwell);
  margin-bottom: 16px;
}

@media (max-width: 760px) {
  .offer-hero { padding: 80px 20px 40px; }
}