@font-face {
  font-family: 'Vrdznagir';
  src:
    url('/fonts/Vrdznagir.woff2') format('woff2'),
    url('/fonts/Vrdznagir.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-script-arm: 'Vrdznagir', Sylfaen, 'Noto Serif Armenian', Georgia, serif;
  --intro-name-color: #c9b08a;
  --intro-name-muted: #c9b08a;
}

/* Sitewide — Vrdznagir handwriting */
body,
.section-title,
.welcome-text,
.name-line,
.invite-date,
.countdown-num,
.countdown-label,
.countdown-sep,
.schedule-time,
.schedule-event,
.venue-name,
.venue-address,
.envelope-hint,
.rsvp-section .section-title,
.rsvp-section label,
.rsvp-section input,
.rsvp-section textarea,
.rsvp-section button,
.rsvp-section .rsvp-note,
.rsvp-subtitle,
.rsvp-tab,
.form-group label,
.form-group input,
.form-group textarea,
.btn-submit,
.rsvp-success,
.rsvp-error,
.footer p,
.footer-text,
.btn-directions {
  font-family: var(--font-script-arm) !important;
  font-style: normal;
}

.name-line {
  font-weight: normal !important;
  line-height: 1.15;
  filter: none;
}

.name-gevorg,
.name-valeria {
  font-size: clamp(0.9rem, 4vw, 1.2rem);
}

.name-ev {
  font-size: clamp(0.6rem, 2.6vw, 0.78rem);
  letter-spacing: 0.25em;
  font-weight: normal;
}

.invite-date {
  font-size: clamp(0.55rem, 2vw, 0.68rem);
  letter-spacing: 0.12em;
  color: var(--intro-name-muted);
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: var(--intro-name-muted);
  filter: none;
}

.welcome-text {
  font-weight: normal !important;
  font-size: clamp(0.9rem, 4vw, 1.1rem) !important;
  color: var(--gold-light) !important;
  -webkit-text-fill-color: var(--gold-light) !important;
}

.section-title {
  font-size: clamp(1.35rem, 4.2vw, 1.85rem) !important;
  font-weight: normal !important;
}

.countdown-num {
  font-size: clamp(1.9rem, 6.5vw, 2.6rem) !important;
  font-weight: normal !important;
}

.countdown-sep {
  font-size: 1.5rem !important;
}

.schedule-time {
  font-size: 1.45rem !important;
  font-weight: normal !important;
}

.schedule-event {
  font-size: 0.95rem !important;
}

.venue-name {
  font-size: 1.15rem !important;
  font-weight: normal !important;
}

.venue-address {
  margin-bottom: 1.5rem;
}

/* Intro screen — names above frame */
.intro-header .name-line {
  font-weight: normal !important;
  color: var(--intro-name-color);
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: var(--intro-name-color);
  filter: none;
  letter-spacing: 0.01em;
}

.intro-header .name-gevorg,
.intro-header .name-valeria {
  font-size: clamp(1rem, 4.5vw, 1.45rem);
}

.intro-header .name-ev {
  font-size: clamp(0.68rem, 3vw, 0.92rem);
  letter-spacing: 0.18em;
  color: var(--intro-name-muted);
  -webkit-text-fill-color: var(--intro-name-muted);
}

.intro-header .intro-date {
  font-size: clamp(0.62rem, 2.6vw, 0.82rem);
  font-weight: normal;
  color: var(--intro-name-muted);
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: var(--intro-name-muted);
  filter: none;
  letter-spacing: 0.1em;
}

.intro-names-row .name-line {
  align-self: center;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}