
*{box-sizing:border-box}html,body{margin:0;min-width:280px}body{font-family:Arial,sans-serif;background:#e9e6df}
.invitation{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:900px}
.wrap{position:relative;z-index:2;width:min(100%,700px);min-height:900px;margin:auto;display:flex;flex-direction:column;padding:40px clamp(18px,5vw,54px)}
.eyebrow{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase}
h1{font:normal clamp(43px,9vw,76px)/.98 Georgia,serif;letter-spacing:-.045em;overflow-wrap:anywhere;margin:0}
.message{font:normal clamp(17px,2.6vw,21px)/1.42 Georgia,serif;overflow-wrap:anywhere}
.details{margin-top:auto;position:relative;z-index:2}.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.facts>div{min-width:0}.facts span{display:block;font:700 10px Arial,sans-serif;letter-spacing:.18em;margin-bottom:8px}.facts strong{display:block;font:normal 19px/1.25 Georgia,serif;overflow-wrap:anywhere}.facts small{display:block;font:14px/1.4 Arial,sans-serif;margin-top:5px;overflow-wrap:anywhere}.dress{font:15px/1.4 Georgia,serif;overflow-wrap:anywhere}.rsvp{font:700 11px Arial,sans-serif;letter-spacing:.18em;text-align:center;padding-top:15px;border-top:1px solid currentColor}
@media(max-width:420px){.wrap{padding:28px 18px}.facts strong{font-size:17px}.facts small{font-size:13px}h1{font-size:clamp(40px,12vw,54px)}}
@media(max-width:330px){.facts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.invitation{background:#f2e4cc;color:#92432d;border:12px solid #faf4e8;outline:2px dashed #c6a77f;outline-offset:-18px}.wrap{padding:26px clamp(18px,5vw,40px) 35px}.eyebrow{margin:4px 0 12px;letter-spacing:.3em;color:#245c75}.photo{height:clamp(320px,52vw,450px);margin:0 0 22px;background:url("/templates/a-birthday-away/creator-asset?path=assets%2Fart.png&v=1") center 47%/cover;border:8px solid #fff8ea;box-shadow:0 10px 24px #264d5b29}.intro{text-align:center}.intro h1{font-size:clamp(47px,10vw,78px);text-transform:uppercase;color:#b85434}.message{font-style:italic;color:#275e79;margin:10px auto 18px}.details{border-top:1px solid #a97052;padding-top:18px}.dress{margin:16px 0}.rsvp{margin:0}@media(max-width:420px){.photo{height:330px;margin-bottom:16px}.intro h1{font-size:clamp(42px,12vw,56px)}}
