.offerings-intro { padding-block: 80px 72px; }
.offerings-intro h1 { max-width: 960px; }
.offerings-intro > p { max-width: 660px; margin-top: 28px; font-size: 19px; color: var(--muted); }
.offering-section { border-top: 1px solid var(--line); padding-block: 80px; }
.offering-tinted { background: var(--sage); }
.offering-grid { display: grid; grid-template-columns: 1fr 1.25fr; gap: 90px; }
.offering-summary { margin: 25px 0 30px; max-width: 360px; font-size: 18px; color: var(--muted); }
.offering-details > p { margin-bottom: 20px; }
.offering-details h3 { margin: 32px 0 16px; font-family: var(--serif); font-size: 27px; }
.offering-details ul { padding-left: 21px; margin-block: 0 24px; }
.offering-details li { margin-bottom: 14px; }
.offerings-close { max-width: 760px; text-align: center; }
.offerings-close p { margin: 25px auto 30px; max-width: 570px; color: var(--muted); font-size: 18px; }
nav a[aria-current="page"] { color: var(--rust); }
@media (max-width: 800px) {
  .offering-grid { gap: 40px; }
  .offering-grid h2 { font-size: 37px; }
}
@media (max-width: 650px) {
  .offerings-intro { padding-block: 48px; }
  .offerings-intro h1 { font-size: 44px; letter-spacing: -1.7px; }
  .offerings-intro h1 br { display: none; }
  .offerings-intro > p { font-size: 17px; }
  .offering-grid { grid-template-columns: 1fr; gap: 34px; }
  .offering-section { padding-block: 54px; }
  .offering-summary { max-width: none; }
}