/* Purchased fonts supplied by Rogier on 1 November 2026 for this website. */
@font-face {
  font-family: 'Kaart NewYork';
  src: url('/fonts/newyork.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Kaart Allison Script';
  src: url('/fonts/allison-script.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Josefin Sans';
  src: url('/fonts/josefin-sans.woff') format('woff');
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('/fonts/bodoni-moda.woff') format('woff');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WindSong';
  src: url('/fonts/windsong.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --champagne: #f6f1e6;
  --berry: #914953;
  --foil-ink: #77582e;
  --foil-type: linear-gradient(112deg,#5c3f20 4%,#725426 31%,#795b2d 45%,#705026 62%,#62431e 87%);
  --paper-grain: url('/images/kaart/paper-fibre.webp');
  --paper-light: linear-gradient(128deg,#f9f5eb 0%,#f6f1e6 52%,#f1eadf 100%);
  --print-sans: 'Josefin Sans', Futura, Arial, sans-serif;
  --print-serif: 'Kaart NewYork', 'Bodoni Moda', Didot, Georgia, serif;
  --print-hand: 'Kaart Allison Script', 'WindSong', cursive;
}
.paper-stock {
  background-color: var(--champagne);
  background-image: var(--paper-grain),var(--paper-light);
  background-size: 142px 142px, 100% 100%;
}
.foil-type {color:var(--foil-ink)}
@supports (background-clip:text) or (-webkit-background-clip:text) {
  .foil-type {background-image:var(--foil-type);background-clip:text;-webkit-background-clip:text;color:transparent}
}
.couple-names {--foil-type:linear-gradient(115deg,#624522 4%,#8a6936 36%,#94743c 48%,#76552a 68%,#624321 94%);display:block;font:400 var(--name-size,50px)/1.14 var(--print-serif);letter-spacing:.095em;text-transform:uppercase;text-align:center;font-optical-sizing:auto}
.couple-names>span {display:block;white-space:nowrap}
.couple-names .amp {letter-spacing:0;font-size:.95em}
.hand-lettering {display:block;color:#342c2b;font:400 var(--script-size,30px)/1.23 var(--print-hand);text-align:center}
@media(forced-colors:active){.foil-type{background:none;color:CanvasText}}
