:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#683c46;--ease-out:cubic-bezier(.23, 1, .32, 1);--arrival-duration:.26s;background:#f0e1e3;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{margin:0}.frame-page{flex-direction:column;align-items:center;min-height:100svh;padding:clamp(1.5rem,5vw,4rem) 1rem;display:flex}.invitation{width:min(100%,45rem);position:relative;container-type:inline-size}.pink-frame{display:block}.pink-frame img{width:100%;height:auto;display:block}.invitation-copy{text-align:center;text-wrap:balance;flex-direction:column;justify-content:center;gap:2cqi;font-size:max(.75rem,3cqi);line-height:1.45;display:flex;position:absolute;inset:26% 18% 23%}.invitation-copy p,.couple-names{margin:0}.invocation{font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:max(1rem,4.8cqi);line-height:1.6}.occasion{font-size:max(1rem,4.2cqi)}.couple-names{letter-spacing:-.04em;white-space:nowrap;font-size:10cqi;font-style:italic;font-weight:400;line-height:1.2}.couple-and{color:#866039;margin-inline:.12em;font-size:.65em}.blessing{font-style:italic}.ceremony{gap:.7cqi;margin-block:1cqi;display:grid}.ceremony-date,.ceremony-venue{font-size:max(.875rem,3.7cqi)}.ceremony .ceremony-venue{margin-top:1.5cqi}.invitation-copy .closing{align-self:center;max-width:28ch}@keyframes invitation-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media screen and (prefers-reduced-motion:no-preference){.invitation-copy>*{animation:invitation-arrive var(--arrival-duration) var(--ease-out) both}.occasion{animation-delay:40ms}.invitation-opening{animation-delay:80ms}.couple-names{animation-delay:.12s}.blessing{animation-delay:.16s}.ceremony{animation-delay:.2s}.closing{animation-delay:.24s}}@media (width<=600px){.frame-page{padding:0}}@media print{@page{size:A4;margin:10mm}:root{background:#fff}.frame-page{min-height:0;padding:0}.invitation{width:150mm;max-width:100%}}
