@media (max-width: 380px) {
  .hero { min-height: 760px; padding: 82px 20px 38px; }
  .hero__invite { margin-top: 28px; font-size: 12px; }
  .hero__date-line { gap: 7px; }
  .hero__date-line b { padding: 0 12px; font-size: 58px; }
  .hero__date-line b::before,.hero__date-line b::after { width: 25px; }
  .hero__date-line > span { font-size: 11px; }
}

@media (min-width: 700px) {
  body { padding: 28px 0; }
  .invitation-shell { min-height: calc(100vh - 56px); border: 1px solid rgba(255,98,168,.13); border-radius: 24px; }
  .hero { min-height: 820px; }
}