/* A pink invitation with outlined portraits, hearts and floating toy stickers. */
.hero{padding-top:42px;padding-bottom:38px;isolation:isolate}
.hero h1{margin-top:21px}
.childhood-collage{max-width:520px;gap:9px;margin-top:25px;margin-bottom:19px}
.photo-window{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.child-photo:first-of-type{transform:rotate(-3deg)}
.child-photo:nth-of-type(2){transform:rotate(3deg)}
.childhood-collage .child-photo img{filter:drop-shadow(2px 0 0 var(--berry)) drop-shadow(-2px 0 0 var(--berry)) drop-shadow(0 2px 0 var(--berry));animation:portrait-breathe 6s ease-in-out infinite;transform-origin:50% 90%}
.childhood-collage .child-photo:nth-of-type(2) img{animation-delay:-3s}
.child-photo figcaption,.child-photo:nth-of-type(2) figcaption{background:none;box-shadow:none;color:var(--berry);margin:5px 0 0;padding:7px 13px;transform:none;text-align:center;font-size:32px}
.collage-or{background:none;color:var(--ink);bottom:14px;font-size:20px;width:32px;height:32px}
.date-ribbon{gap:30px;margin-top:25px}
.hero-note{position:relative;z-index:1;max-width:400px;margin:0 auto;font-size:16px}
.hero-sticker{position:absolute;width:105px;height:105px;bottom:29px;right:8px;--tilt:12deg}
.doodle-heart{position:absolute;display:block;pointer-events:none;user-select:none;font:50px/1 Georgia,serif;color:var(--berry);z-index:2;--tilt:-15deg;animation:heart-drift 5s ease-in-out infinite}
.portrait-heart-left{left:-8px;top:8%;font-size:53px;--tilt:-22deg}
.portrait-heart-right{right:-8px;top:20%;font-size:44px;--tilt:20deg;animation-delay:-2s}
.heart-bottom-left{left:20px;bottom:27px;font-size:39px;--tilt:-18deg;animation-delay:-1s}
.heart-bottom-right{right:24px;bottom:38px;font-size:46px;--tilt:20deg;animation-delay:-3s}
.party-sticker{display:block;object-fit:contain;pointer-events:none;user-select:none;z-index:2;--tilt:-10deg;animation:sticker-float 6s ease-in-out infinite;filter:drop-shadow(0 7px 7px #55374e18)}
.section-sticker{position:absolute;width:102px;height:102px;top:2px}
.sticker-left{left:18px;--tilt:-15deg;animation-delay:-2s}
.sticker-right{right:18px;--tilt:15deg;animation-delay:-4s}
.intro,.calendar-section,.location-section,.program-section,.countdown-section{padding-top:101px}
.intro .section-sticker{top:14px}
.date-details{gap:30px}
.gift-sticker{width:130px;height:130px;margin:-12px auto 7px;--tilt:-8deg;animation-delay:-1s}
.wish-card h2{margin-top:18px}
.wish-heart-left{top:84px;left:27px;font-size:48px}
.wish-heart-right{top:148px;right:24px;font-size:35px;--tilt:16deg;animation-delay:-2s}
.countdown-section .doodle-heart{color:var(--pink)}
.countdown-section .heart-bottom-right{bottom:88px}
.countdown-section .heart-bottom-left{bottom:155px}
.dialog-heart{display:block;color:var(--berry);font:48px/1 Georgia,serif}
@keyframes sticker-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-9px) rotate(calc(var(--tilt) + 7deg))}}
@keyframes heart-drift{0%,100%{transform:translateY(0) rotate(var(--tilt)) scale(1)}50%{transform:translateY(-5px) rotate(calc(var(--tilt) + 7deg)) scale(1.07)}}
@keyframes portrait-breathe{0%,100%{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}
@media(max-width:500px){
 .hero{padding:29px 22px 38px}.hero h1{font-size:52px;margin-top:21px}.hero-question{font-size:33px}
 .childhood-collage{max-width:340px;gap:8px;margin-top:24px;margin-bottom:14px}
 .child-photo figcaption,.child-photo:nth-of-type(2) figcaption{font-size:26px;padding:7px 12px;margin-top:4px}
 .collage-or{font-size:17px;bottom:11px;width:28px;height:28px}
 .portrait-heart-left{left:-10px;font-size:34px;top:9%}.portrait-heart-right{right:-10px;font-size:29px;top:23%}
 .date-ribbon{font-size:23px;gap:28px;margin:24px auto 22px}
 .hero-sticker{width:70px;height:70px;right:1px;bottom:0;--tilt:15deg}
 .hero-note{font-size:16px;line-height:1.6}.scroll-link{margin-top:20px}
 .section-sticker{width:83px;height:83px;top:2px}.sticker-left{left:10px}.sticker-right{right:10px}
 .intro,.calendar-section,.location-section,.program-section,.countdown-section{padding-top:86px}
 .intro .section-sticker{top:7px}
 .heart-bottom-left{left:8px;bottom:21px;font-size:29px}.heart-bottom-right{right:9px;bottom:26px;font-size:32px}
 .date-details{gap:23px}.gift-sticker{width:107px;height:107px;margin:-16px auto 6px}
 .wish-heart-left{left:15px;top:55px;font-size:35px}.wish-heart-right{right:14px;top:117px;font-size:28px}
 .countdown-section .heart-bottom-right{bottom:95px}.countdown-section .heart-bottom-left{bottom:177px}
}
@media(max-width:360px){.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:46px}.child-photo figcaption,.child-photo:nth-of-type(2) figcaption{font-size:24px}.date-ribbon{font-size:21px;gap:22px}.hero-note{font-size:15px}.hero-sticker{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.party-sticker,.doodle-heart,.childhood-collage .child-photo img{animation:none}}