.moment{--paper:#faf4e7;--ink:#363034;--soft:#f3e6cd;--accent:#d33e72;--line:#c5b298}
.moment .hero{background:linear-gradient(90deg,transparent 49.7%,#7b88c00a 50%,transparent 50.3%),#faf4e7;position:relative;overflow:hidden}
.moment .hero h1{color:#342ac1}.moment .age-number{color:#db427e}.moment .hero .eyebrow{font-size:16px;letter-spacing:.04em;background:#f4ed72;display:inline-block;padding:7px 12px;transform:rotate(-3deg)}
.moment .hero .subtitle{font-style:italic}.moment .hero .date{border:0;border-bottom:3px solid #dd77a0;padding:0 0 8px;transform:rotate(-1deg)}
.moment .hero .art-stage{z-index:2}.moment .hero-copy{z-index:2}.moment .hero-foot{color:#342ac1}
.moment .intro{position:relative;padding-bottom:110px;background:repeating-linear-gradient(0deg,transparent 0,transparent 35px,#7296ca38 36px),#edf2ea;overflow:hidden}
.moment .intro>div:not(.pencil-art){position:relative;z-index:1;background:#fffaf0;padding:40px;transform:rotate(-2deg);box-shadow:3px 10px 0 #dbd1b759}
.moment .intro>div:not(.pencil-art):before{content:'';position:absolute;width:115px;height:30px;background:#ed72a88a;top:-13px;left:36%;transform:rotate(5deg);clip-path:polygon(3% 0,100% 4%,96% 100%,0 96%)}
.moment .intro .section-mark{border-top:0;color:#342ac1;position:relative;z-index:2}.moment .intro h2{color:#342ac1}
.moment .scrap-stamps{position:absolute;width:210px;height:auto;left:6%;bottom:14px;z-index:2;transform:rotate(-9deg)}
.moment .pencil-art{position:relative;width:145px;margin:24px auto 0;background:none;padding:0;box-shadow:none;transform:none;pointer-events:none}
.moment .pencil-art svg{display:block;width:100%;height:auto;fill:none;stroke:#4b51b2;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.moment .pencil-hero{position:absolute;width:140px;left:42%;top:12%;opacity:.8;transform:rotate(-12deg)}
.moment .scrap-smile{position:absolute;width:76px;left:43%;bottom:95px;transform:rotate(12deg);z-index:2;pointer-events:none}.scrap-smile svg{display:block;width:100%}
.moment .pencil-intro{position:absolute;width:90px;left:14%;top:145px;transform:rotate(10deg);opacity:.9}
.moment .venue{display:flex;flex-direction:column;align-items:center;background:#fff8e9}.moment .pencil-venue{order:-1;margin:0 auto 15px;width:130px}.moment .venue h2{background:#f7a8c8;color:#43294e;padding:10px 20px;transform:rotate(-2deg);box-shadow:4px 5px 0 #ed719654}.moment .venue .eyebrow{color:#342ac1}
.moment .program{position:relative;background:#fff9ed;border-block:1px dashed #ac997f}.moment .program>div:first-child{position:relative;z-index:1}.moment .program h2{color:#342ac1}.moment .pencil-program{position:absolute;left:13%;bottom:15px;width:100px;transform:rotate(12deg)}
.moment .invitation-details{background:#edeefa;border-bottom:1px dashed #9895c3}.moment .invitation-details:before{content:none}.moment .pencil-details{width:150px;margin-top:24px}.moment .pencil-details svg{stroke:#c53873}
.moment .rsvp{background:#f7c9d9}.moment .rsvp summary{background:#342ac1;color:#fffaf0;transform:rotate(-1deg)}.moment .closing{background:#faf4e7}.moment .closing h2{color:#342ac1}.moment .pencil-closing{width:190px}.moment .pencil-closing svg{stroke:#c53873}.moment footer{border-top:1px dashed #c5b298}
@media(max-width:760px){.moment .hero{padding-top:105px}.moment .pencil-hero{width:80px;left:auto;right:5%;top:55px;opacity:.55}.moment .scrap-smile{width:50px;left:5%;bottom:100px}.moment .intro{padding-bottom:145px}.moment .intro>div:not(.pencil-art){padding:28px 20px;transform:rotate(-1deg)}.moment .scrap-stamps{width:150px;left:auto;right:7%;bottom:0}.moment .pencil-intro{top:auto;bottom:18px;left:8%;width:70px}.moment .pencil-program{position:relative;left:auto;bottom:auto;margin:25px auto 0;width:85px}.moment .pencil-venue{width:100px}.moment .venue h2{max-width:100%;box-sizing:border-box}}
.moment .intro>div.pencil-art{padding:0;background:none;box-shadow:none;transform:rotate(10deg)}
.moment .pencil-art svg path{paint-order:stroke;stroke-dasharray:37 1.1 19 .6;opacity:.88}
/* Textured pencil stickers, each illustration appears once. */
.moment .pencil-art img{display:block;width:100%;height:auto}
.moment .pencil-hero{width:150px;opacity:1}
.moment .pencil-intro{width:110px;top:130px;opacity:1}
.moment .pencil-venue{width:185px}
.moment .pencil-details{width:240px}
.moment .pencil-closing{width:250px}
@media(max-width:760px){.moment .pencil-hero{width:80px;top:58px;right:4%}.moment .pencil-intro{width:95px;top:auto;bottom:18px}.moment .pencil-venue{width:150px}.moment .pencil-details{width:200px}.moment .pencil-closing{width:210px}}

.moment .extra-sticker{position:absolute;z-index:3;pointer-events:none;width:62px}.moment .extra-sticker svg{display:block;width:100%;height:auto}
.moment .sticker-blue{right:4%;bottom:110px;transform:rotate(-14deg)}
.moment .sticker-star{left:6%;top:85px;width:56px;transform:rotate(-13deg)}
.moment .sticker-flower{right:7%;top:90px;width:65px;transform:rotate(16deg)}
@media(max-width:760px){.moment .sticker-star{left:5%;top:73px;width:34px}.moment .sticker-flower{right:3%;top:auto;bottom:145px;width:42px}.moment .sticker-blue{right:15%;bottom:64px;width:36px}}
@media(max-width:760px){.moment .intro .pencil-intro{display:none}}

@media(max-width:760px){.moment .hero .pencil-hero{display:none}}