@font-face{font-family:BakeryNunito;src:url("/static/fonts/nunito-black.cde860028be8.ttf")}
.invitation-card:has(.cover--after-rain),.invitation-card:has(.cover--little-bakery){container-type:inline-size}
.invitation-card__cover.cover--after-rain,.invitation-card__cover.cover--little-bakery{display:block;width:100%;aspect-ratio:.82;min-height:0;border-radius:23px;position:relative;overflow:hidden;isolation:isolate}
.cover--after-rain{background:linear-gradient(135deg,#f5f5ed 15%,#e0e8d8);color:#244336}
.cover--after-rain .story-card-copy{position:relative;z-index:2;text-align:center;padding:9% 6% 0}
.cover--after-rain .story-card-copy h2{font:400 clamp(34px,13cqw,56px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:22px 0 17px}
.story-card-copy p{font:400 16px/1.45 Arial,sans-serif;margin:0}
.cover--after-rain>img{position:absolute;width:69%;height:59%;object-fit:contain;bottom:-1%;right:-5%;z-index:1}
.rain-card-glint{position:absolute;left:13%;bottom:14%;width:9px;height:13px;border:1px solid #a6bba87a;border-radius:50%;box-shadow:inset 2px 2px 2px #fff9,0 2px 3px #34513b12;transform:rotate(-12deg)}
.rain-card-glint:before,.rain-card-glint:after{content:'';position:absolute;border:inherit;border-radius:50%;box-shadow:inherit;width:7px;height:10px;left:28px;top:-58px}
.rain-card-glint:after{left:-6px;top:-122px;width:5px;height:7px}
.cover--little-bakery{background:#fff8e8;color:#71372e}
.cover--little-bakery:before{content:'';position:absolute;inset:0 0 auto;height:10px;background:repeating-linear-gradient(90deg,#bf7467 0 28px,#fff0d1 28px 56px)}
.cover--little-bakery .story-card-copy{position:relative;z-index:2;text-align:center;padding:10% 5% 0}
.cover--little-bakery .story-card-copy h2{font:400 clamp(34px,12cqw,52px)/1.04 BakeryNunito,Arial,sans-serif;letter-spacing:-.04em;margin:15px 0 14px}
.cover--little-bakery>img{position:absolute;display:block;width:94%;height:62%;object-fit:contain;bottom:-1%;left:3%;z-index:1}
.story-template-cover:focus-visible{outline:3px solid #594735;outline-offset:5px}
@media(max-width:600px){.cover--after-rain .story-card-copy h2{font-size:clamp(38px,13cqw,56px)}.cover--little-bakery .story-card-copy h2{font-size:clamp(36px,12cqw,52px)}}
/* A centred, larger sculpture balances the lower half of the rain cover. */
.cover--after-rain>img{width:96%;height:57%;left:2%;right:auto;bottom:-2%;object-fit:contain}
.cover--after-rain .story-card-copy{padding-top:8%}
.cover--after-rain .story-card-copy h2{margin-top:18px;margin-bottom:14px}
.rain-card-glint{left:10%;bottom:29%;opacity:.65}
.cover--after-rain>img{height:64%;bottom:-3%}
.cover--after-rain .story-card-copy{padding-top:7%}
.cover--after-rain .story-card-copy h2{font-size:clamp(34px,12cqw,52px);margin:12px 0}