/* Yoshizawa Atelier Display — original Latin display face. */
@font-face {
  font-family:"Yoshizawa Atelier Display";
  src:url("/fonts/yoshizawa-atelier-display.woff2?v=1.1") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
  unicode-range:U+0020-007E,U+00A0,U+2018-2019,U+201C-201D,U+2013-2014;
}
:root {
  --display:"Yoshizawa Atelier Display","Cormorant Garamond","Noto Serif JP",serif;
  --heading-jp:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
}
.hero-date,.big-date,.hero h1 i,.hero-place,.section-no,.gate-card h1,
.section>.eyebrow,.hero>.eyebrow,.rsvp>.eyebrow,.gate-card>.eyebrow,
.photo-gallery .gallery-heading>.eyebrow {
  font-family:var(--display);
  font-style:normal;
  font-weight:400;
  font-synthesis:none;
  font-kerning:normal;
}
.hero h1 {font-family:var(--heading-jp);letter-spacing:.10em;line-height:1.5}
.hero h1 i {font-size:.64em;letter-spacing:0}
.hero-date {font-size:42px;letter-spacing:.055em;line-height:1.4}
.hero-place {font-size:15px;letter-spacing:.12em;line-height:1.7;max-width:40em;overflow-wrap:anywhere;text-wrap:balance}
.hero-date small {font-family:var(--jp);font-size:10px}
.section>.eyebrow,.rsvp>.eyebrow,.gate-card>.eyebrow,.photo-gallery .gallery-heading>.eyebrow {font-size:17px;letter-spacing:.18em;line-height:1.5}
.hero>.eyebrow {font-size:16px;letter-spacing:.24em}
.section-no {font-size:23px;letter-spacing:.04em}
.big-date {font-variant-numeric:lining-nums tabular-nums}
.big-date span {font-size:clamp(64px,9vw,110px)}
.big-date i {font-style:normal}
.gate-card h1 {font-size:64px;letter-spacing:.025em;line-height:1.15}
.couple-names {font-family:var(--heading-jp);letter-spacing:.12em}
.section h2,.venue h2,.rsvp h2 {font-family:var(--heading-jp);letter-spacing:.06em;line-height:1.65;font-feature-settings:"palt"}
.message-grid p {line-height:2.4}
@media(max-width:760px){
  .hero-date {font-size:35px}
  .hero-place {font-size:13px;letter-spacing:.10em;max-width:28em}
  .hero h1 {letter-spacing:.08em}
  .hero>.eyebrow {font-size:15px}
  .section>.eyebrow,.rsvp>.eyebrow,.gate-card>.eyebrow {font-size:16px}
  .section h2,.venue h2,.rsvp h2 {letter-spacing:.04em}
  .gate-card h1 {font-size:56px}
}

@media(max-width:430px){.big-date span{font-size:clamp(44px,13vw,56px)}}

@media(max-width:760px){.hero-date small{display:block;margin:6px 0 0;font-size:9px;line-height:1.6}}

@media(max-width:430px){.rsvp-button{min-width:0;width:min(285px,100%)}}