/* Seven Sky site, the offers page. Uses the colours, type and shared pieces of site.css; only what is new is here. */
.offers-intro { padding: 72px var(--gutter) 56px; display: flex; flex-direction: column; gap: 24px; }
.offers-intro h1 { max-width: 900px; font-family: var(--font-display); font-weight: 700; font-size: 60px; line-height: 1.06; letter-spacing: -0.01em; color: var(--cream); }
.offer { padding: 64px var(--gutter); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) minmax(0, 3fr); column-gap: 56px; row-gap: 32px; align-items: start; border-top: 1px solid transparent; }
.offer-head { display: flex; flex-direction: column; gap: 16px; }
.offer h2 { font-family: var(--font-display); font-weight: 700; font-size: 34px; line-height: 1.18; color: var(--cream); }
.offer-line { font-size: 18px; line-height: 1.5; color: var(--mist); }
.offer-body { display: flex; flex-direction: column; gap: 18px; }
.offer-body ul { padding-left: 22px; display: flex; flex-direction: column; gap: 12px; font-size: 18px; line-height: 1.5; color: var(--cream); }
.terms { font-size: 16px; line-height: 1.5; color: var(--cream); font-weight: 500; }
.offer .note { font-size: 14px; line-height: 1.5; color: var(--mist); }
.offer-buy { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.price { display: flex; flex-direction: column; gap: 2px; }
.amount { font-family: var(--font-display); font-weight: 700; font-size: 56px; line-height: 1; color: var(--gold); }
.unit { font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mist); }
.nav-offers a.nav-cta { margin-left: 0; }
.site-footer .caption a { display: inline-block; padding: 15px 0; }
@media (max-width: 1129px) {
  .offers-intro h1 { font-size: 48px; }
  .offer { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; }
  .offer-buy { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
}
@media screen and (max-width: 700px) {
  .offers-intro { padding-top: 40px; padding-bottom: 40px; gap: 20px; }
  .offers-intro h1 { font-size: 36px; }
  .offer { grid-template-columns: minmax(0, 1fr); padding-top: 48px; padding-bottom: 48px; }
  .offer h2 { font-size: 28px; }
  .offer-body ul, .offer-line { font-size: 17px; }
  .amount { font-size: 44px; }
}
@media (forced-colors: active) { .offer { border-top-color: CanvasText; } }
@media print {
  .offers-intro, .offer { padding: 16px 0; break-inside: avoid; }
  .offers-intro h1, .offer h2, .amount { color: var(--navy); }
  .offers-intro h1 { font-size: 34px; }
  .offer h2 { font-size: 22px; }
  .offer-line, .offer .note, .unit { color: var(--espresso); }
  .offer-body ul, .terms { color: var(--ink); }
  .offer { border-top: 1px solid var(--gold-deep); }
  .offer-buy .btn, .offer-buy .text-link { display: none; }
}