/* Astra’s display type, fitted to the existing S² layout. */
:root {
  --display-heading: 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif;
  --display-accent: 'Instrument Serif', Georgia, serif;
}

main h1, main h2, main h3 {
  font-family: var(--display-heading);
  font-weight: 500;
  letter-spacing: -.05em;
}

.offers-home .hero h1 {
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: 1.05;
}

.offers-detail .hero h1 { font-weight: 500; letter-spacing: -.05em; }

.offers-home .hero h1 .grad-txt,
.offers-home .hero h1 .grad-txt i,
.offers-detail .hero h1 .accent,
.display-accent {
  font-family: var(--display-accent);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.025em;
}

.offers-home .hero h1 .grad-txt,
.offers-detail .hero h1 .accent { font-size: 1.12em; }
.offers-home .hero h1 .grad-txt .word,
.offers-home .hero h1 .word.grad-txt { padding-block-end: .12em; margin-block-end: -.12em; }

.offers-home .hero h1 .grad-txt,
.offers-home .hero h1 .grad-txt i,
.offers-detail .hero h1 .accent,
.display-accent {
  background: none;
  color: #c4b1ff;
  -webkit-text-fill-color: currentColor;
}

[data-theme='light'] :is(.offers-home .hero h1 .grad-txt, .offers-home .hero h1 .grad-txt i, .offers-detail .hero h1 .accent, .display-accent) {
  color: #6542c4;
}

.offers-home .price-card h3,
.offers-home .service-state h3 { line-height: 1.12; }

@media (max-width: 600px) {
  .offers-home .hero h1 { font-size: clamp(2.25rem, 9.1vw, 3.2rem); line-height: 1.08; }
}