/* The wedding is a small collection of pages, with one consistent menu. */
.desktop-nav a[aria-current="page"]{border-bottom-color:var(--ink)}
.mobile-menu a[aria-current="page"]{color:var(--rose);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.content-page{min-height:100svh;display:flex;flex-direction:column}
.content-page .site-header,.content-page footer{flex-shrink:0}
.page-main{flex:1}
.page-main> .section:first-child{padding-top:64px}
.page-main h1{font-family:var(--serif);font-size:clamp(46px,4.8vw,68px);font-weight:400;line-height:1.05;letter-spacing:-1.7px;margin:0}
.page-main h1 em{font-weight:400;color:var(--heading-accent)}
.page-main .section-heading .eyebrow{margin-bottom:18px}
.page-main .registry,.page-main .rsvp{min-height:calc(100svh - 260px)}
.page-main .registry h1,.page-main .rsvp h1{font-size:58px}
.page-main .faq-guide-heading h1{font-size:56px}
.page-main #questions.faq-guide{padding-bottom:76px}
.home-page footer{border-top:1px solid var(--line)}
/* Three equally weighted events, with comfortable reading width on phones. */
.events-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1240px}
.events-grid--three .event-details{padding-left:16px;padding-right:16px}
.events-grid--three .event-number{margin-left:16px}
.events-grid--three h3{font-size:clamp(32px,3.05vw,42px)}
.events-grid--three .event-script{font-size:clamp(32px,3.1vw,42px)}
@media(max-width:900px){.events-grid--three{grid-template-columns:1fr;gap:42px;max-width:520px}.events-grid--three .event-details{padding-left:23px;padding-right:23px}.events-grid--three .event-number{margin-left:23px}.events-grid--three h3{font-size:42px}.events-grid--three .event-script{font-size:41px}}
@media(max-width:360px){.events-grid--three h3{font-size:38px}.events-grid--three .event-details{padding-left:18px;padding-right:18px}}
.welcome-letter .signature{font-family:var(--sans);font-size:15px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:1.9;color:var(--muted)}
.welcome-letter .signature span{color:var(--ink)}
@media(min-width:601px) and (max-width:800px){.welcome-letter .signature{font-size:14px}}
@media(min-width:1001px){.desktop-nav{gap:clamp(16px,2vw,28px)}}
@media(max-width:800px){.page-main> .section:first-child{padding-top:44px}.page-main h1,.page-main .registry h1,.page-main .rsvp h1,.page-main .faq-guide-heading h1{font-size:46px}.page-main .registry,.page-main .rsvp{min-height:calc(100svh - 230px)}}
@media(max-width:400px){.page-main .faq-guide-heading h1{font-size:39px}}
@media print{.page-main .registry,.page-main .rsvp{display:flex!important;min-height:0}.page-main> .section:first-child{padding-top:18px}.page-main h1{font-size:28px!important}}

/* Handwritten Duet: the names use the italic serif beneath the monogram. */
.home-page #hero-title,.home-page .hero .mobile-hero-title h1,.home-page .welcome-letter .signature span{
  font-family:var(--serif);font-variant-caps:normal;font-weight:400;
  font-style:italic;letter-spacing:.005em;-webkit-text-stroke:0;text-shadow:none;
}
.home-page #hero-title{font-size:clamp(58px,6.8vw,106px);line-height:1.04}
.home-page #hero-title .amp{font-family:inherit;font-weight:400;font-size:.45em}
.home-page .hero .mobile-hero-title h1{font-size:clamp(27px,8vw,54px);line-height:1.16}
.home-page .welcome-letter .signature span{font-size:clamp(25px,2.6vw,36px);line-height:1.35}