/* ========================================================================
   invitation.css: poster styles copied verbatim from House of Play
   (/_nuxt/index.CeF9W94H.css), with the Vue scope attribute
   [data-v-3922fbec] stripped. Values are unchanged.
   Source: https://phpstack-758037-6286280.cloudwaysapps.com/
   ======================================================================== */

@font-face {
  font-display: swap;
  font-family: ZTTalk-Bold;
  font-style: normal;
  font-weight: 700;
  src: url(fonts/ZTTalk-Bold.ttf) format("truetype");
}

/* --- reset rules the poster layout depends on (from the site's Tailwind preflight) --- */
*, *::before, *::after { box-sizing: border-box; border: 0 solid #e5e7eb; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; }
body { margin: 0; line-height: inherit; }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0; }

/* --- poster (verbatim) --- */
.poster-container{aspect-ratio:3768/5339;container-type:inline-size;max-width:500px;width:100%}
.poster{align-items:center;display:flex;flex-direction:column;font-family:ZTTalk-Bold,sans-serif;height:100%;overflow:hidden;padding:2.7cqi 4.3cqi 2.2cqi;position:relative;width:100%}
.top-line{font-size:2.6cqi;letter-spacing:.05em;margin-bottom:4.8cqi;text-align:center}
.header{font-size:6.3cqi;line-height:.95;margin-bottom:5.5cqi;text-align:center}
.header--crocodiles{margin-bottom:1.2cqi}
.date-text{font-size:5.8cqi;letter-spacing:.05em;margin-bottom:.9cqi;margin-top:1.7cqi;text-align:center}
.date-text--crocodiles{margin-bottom:0}
.illustration{flex-shrink:1;margin:0 auto;min-height:0;width:94%}
.illustration--crocodiles{width:100%}
.illustration--hearth{margin-left:-20.5cqi;margin-top:-3cqi;width:140%}
.illustration svg{display:block;height:auto;width:100%}
.name-block{margin-top:auto}
.name-block--single .name-line{align-items:baseline;display:flex;gap:2cqi;margin-bottom:1.3cqi}
.name-text{text-transform:uppercase}
.age-text,.name-text{line-height:1}
.rodendan-line{margin-top:-1cqi;width:100%}
.rodendan-line svg{display:block;height:auto;width:100%}
.name-block--dual .dual-name-line{align-items:baseline;display:flex;gap:1.5cqi}
.name-block--dual .dual-name-line--first{margin-bottom:-1cqi}
.name-block--dual .dual-name-line--second{margin-bottom:1cqi;margin-top:1cqi;padding-left:10cqi}
.name-block--dual .age-text--dual,.name-block--dual .name-text{font-size:inherit}
.and-symbol{align-items:center;display:inline-flex;height:.7em}
.and-symbol svg{height:100%;width:auto}
.footer{display:flex;font-size:2.8cqi;justify-content:space-between;letter-spacing:.02em;padding-top:2cqi;width:100%}