/* SLOOP ALTERNATE v4: names/initials = Pinyon Script (Sloop Script stand-in); headings, body, numerals = Instrument Serif; small spaced-caps labels = Sanchez; small UI/form text = Figtree 300. */
/* =====================================================================
   FONTS — the single place to swap the site's typefaces.
   1) Replace the @font-face blocks below (woff2 files live in /fonts/).
   2) Point the four variables in :root at the new families.
   Used by every page (linked before /styles.css in tools/build.py head())
   and by save-the-date.html. Emails can't load webfonts reliably; they
   name the same families inline with web-safe fallbacks.
   ===================================================================== */
:root{
  --font-display:'Instrument Serif','Times New Roman',Georgia,serif; /* headings, section titles */
  --font-script:'Pinyon Script','Snell Roundhand','Apple Chancery',cursive; /* names only */
  --font-serif:'Instrument Serif','Times New Roman',Georgia,serif;  /* body/intro paragraphs, numerals, countdown */
  --font-caps:'Sanchez','Rockwell',Georgia,serif;  /* small spaced-caps labels only */
  --font-sans:'Figtree','Helvetica Neue',Arial,system-ui,sans-serif;  /* small UI + form text, 300 */
}
@font-face {
  font-family: 'Pinyon Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/w1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Pinyon Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/w2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/w111.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/w112.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/w113.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/w114.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Sanchez';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sanchez-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Sanchez';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sanchez-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ---- v4 typography (reference: 'Wedding photography for *modern* romantics') ---- */
/* names: script */
.names{font:400 clamp(3.4rem,8.4vw,7.4rem)/1.1 var(--font-script)!important;text-transform:none!important;letter-spacing:0!important}
.names em{font-size:.62em!important}
/* written-out names (nav, footer, RSVP confirmation): script */
.mono,.mono span,.hero-mono,.hero-mono em,.ok-mono,.ok-mono em{font-family:var(--font-script)!important;font-style:normal!important;letter-spacing:0!important;text-transform:none!important}
.mono{font-size:2.1rem!important}.mono span{font-size:1em!important;margin:0 .06em!important}.foot .mono.big{font-size:3.6rem!important}
.hero-mono{font-size:1.6rem!important}.ok-mono{font-size:2rem!important}
/* small labels: Sanchez spaced caps */
.kicker,.eyebrow,.hplace,.band-q,.motif,.count span,.day h3,.miles span{font-family:var(--font-caps)!important;letter-spacing:.18em!important}
/* headings: condensed elegant serif, sentence case, italic accent words */
h2,.ptitle{font-family:var(--font-display)!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.01em!important;line-height:1.05!important}
h2{font-size:clamp(2.5rem,5.6vw,4.6rem)!important}
.ptitle{font-size:clamp(3rem,8vw,6.2rem)!important}
h2 em,.ptitle em,.lead em,.paras em,.det-text em,.card em,.tile em,.band-cap em{font-family:var(--font-display)!important;font-style:italic!important;font-size:1em!important;letter-spacing:-.01em!important;vertical-align:baseline!important}
h3,.tile h3,.day b,.qa button,.ok h3,.num,.miles b,.g-years{font-family:var(--font-display)!important;font-weight:400!important;letter-spacing:0!important}
h3{font-size:1.75rem!important}
/* body / intro paragraphs */
.lead{font:400 clamp(1.35rem,2.2vw,1.65rem)/1.45 var(--font-serif)!important}
.paras p{font:400 1.32rem/1.6 var(--font-serif)!important}
.paras p:first-child:first-letter{font-family:var(--font-display)!important}
/* countdown: large, elegant Instrument Serif */
.count{gap:clamp(1rem,4vw,3.2rem)!important}
.count b{font:400 clamp(3.2rem,7vw,5.4rem)/.95 var(--font-serif)!important;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums}
.count span{display:block;margin-top:.7rem;font-size:.58rem!important}
.count i{height:3.4rem!important}
@media (max-width:560px){.count b{font-size:2.7rem!important}.count i{height:2.4rem!important}.count div{min-width:3.2rem!important}}
.band-cap{font-family:var(--font-display)!important;font-style:italic!important;font-size:clamp(3rem,7vw,5.6rem)!important;letter-spacing:-.01em}

/* v5: names replace the N&A monogram */
.mono{font-size:1.75rem!important;white-space:nowrap;line-height:1.3!important;padding-top:.1em}.mono span{margin:0 .04em!important}
.foot .mono.big{font-size:clamp(2.6rem,7vw,3.6rem)!important;display:inline-block}
.hero-names{font:400 clamp(1.5rem,3vw,2rem)/1.2 var(--font-script);margin:1.2rem auto 1rem;white-space:nowrap}.hero-names em{font-style:normal;color:var(--celery)}
.ok-mono{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;font-size:clamp(2.2rem,8vw,2.8rem)!important;line-height:1.2;margin:0 auto 1.2rem!important;white-space:nowrap}
@media(max-width:400px){.mono{font-size:1.5rem!important}}
@media(max-width:420px){.names{flex-wrap:nowrap!important;white-space:nowrap;font-size:min(3.4rem,13.5vw)!important}}
/* v5.2: footer tagline reuses the hero .kicker style (class="kicker" added in build) */
.foot p.kicker{font:400 .72rem/1.6 var(--font-caps)!important;letter-spacing:.18em!important;text-transform:uppercase;opacity:1!important;color:#f8f5ec;text-wrap:balance;max-width:34em;margin:1.2rem auto 0!important}
@media(max-width:560px){.foot p.kicker{font-size:.62rem!important}}
