/* Generated by scripts/generate-marketing-css.mjs; edit example-artwork.css. */
@font-face { font-family: "Example Cormorant"; src: url("../assets/fonts/cormorant-garamond-regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Example Parisienne"; src: url("../assets/fonts/parisienne-regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
/* Flowing names echo the paired invitation; supporting information retains its type. */
.template-card:is([data-demo="pearl-atelier"], [data-demo="champagne-blush"], [data-demo="rose"]) .public-invitation-names > strong {
  font-family: "Example Parisienne", cursive;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.05;
}
.example-artwork-page { position: relative; width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; container-type: inline-size; }
.example-artwork-page:is(span) { display: block; }
.example-artwork-fallback { margin: 0; padding: 24px 12%; color: #344222; font: 500 clamp(22px, 4vw, 36px)/1.5 "Example Cormorant", Georgia, serif; text-align: center; }
.template-card[data-demo="homepage-sample"] .template-package[hidden],
.template-card[data-demo="homepage-sample"] .template-actions a[hidden] { display: none; }
.example-artwork-page > .example-artwork-image { display: block; width: 100%; height: auto; max-width: none; margin: 0; border: 0; border-radius: 0; box-shadow: none; user-select: none; -webkit-user-drag: none; }
.example-glass-text { position: absolute; inset: 0; color: #715c39; font-family: "Example Cormorant", Georgia, serif; font-weight: 400; text-align: center; pointer-events: none; }
.example-glass-names { position: absolute; top: 44.6%; left: 22%; right: 22%; display: grid; gap: 1.1cqw; }
.example-glass-names > span { display: block; margin: 0; font-size: 4.1cqw; font-weight: 400; line-height: 1.4; letter-spacing: .54em; text-transform: uppercase; padding-left: .54em; }
.example-glass-names > em { display: flex; justify-content: center; align-items: center; gap: 1.5cqw; font: 400 3.1cqw/1.15 "Example Parisienne", cursive; }
.example-glass-names i { width: 35%; height: 1px; background: #715c3966; }
.example-artwork-page--details .example-glass-names { top: 30.1%; gap: 1.6cqw; }
.example-glass-message { position: absolute; top: 45.5%; width: 100%; margin: 0; font-size: 2.42cqw; line-height: 1.25; letter-spacing: .06em; }
.example-glass-date { position: absolute; top: 52.2%; left: 29%; right: 27%; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: start; font-size: 2.65cqw; line-height: 1.05; }
.example-glass-date > span { padding-top: 4.4cqw; white-space: nowrap; }
.example-glass-date > strong { display: grid; border-inline: 1px solid #715c3933; font-size: 2.8cqw; font-weight: 400; }
.example-glass-date b { font-size: 7.4cqw; font-weight: 400; line-height: 1.15; }
.example-glass-families { position: absolute; top: 68%; left: 34%; right: 30%; display: flex; justify-content: space-between; gap: 4cqw; font: 400 3.75cqw/.88 "Example Parisienne", cursive; }