:root{--cl-cream:#645747;--cl-gold:#a8916a;--cl-dark:#f4f0e8;color-scheme:light}body.cl-invitation{background:#f4f0e8;color:#645747}#invitation{max-width:528px;margin:auto;background:#f8f5ef}#petals-opening{position:fixed;inset:0;max-width:528px;margin:auto;z-index:100;background:#f4f0e8}#petals-opening video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#petals-second{opacity:0;transition:opacity .7s}#petals-enter{position:absolute;inset:0;width:100%;padding-top:86svh;letter-spacing:.2em;text-transform:uppercase;font-size:13px;color:#675945}#petals-continue{position:absolute;bottom:4%;left:30%;width:40%;padding:12px;color:#645747;background:#fffcf5da;border-radius:30px;z-index:4}#petals-date{position:absolute;top:55%;left:20%;width:60%;text-align:center;letter-spacing:.18em;font-size:15px;background:#f4f0e8;padding:4px}#invitation section{text-align:center;padding:64px 32px;scroll-margin-top:10px}.petals-letter{min-height:100svh;background:url(petals/open.jpg) center/cover;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:26px}.petals-letter p{font-size:23px;line-height:1.6}.petals-letter h1,.petals-script,.petals-initials{font-family:'Great Vibes',cursive;font-weight:400}.petals-letter h1{font-size:48px;line-height:1.3}.petals-initials{font-size:70px}.petals-sep{width:170px}.petals-next{font-size:36px;text-decoration:none}.petals-paper{background:#f4f0e8}.petals-paper>section{position:relative;isolation:isolate}.petals-paper>section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(petals/s345-bg.jpg) center/cover no-repeat;-webkit-mask-image:linear-gradient(transparent,#000 64px,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(transparent,#000 64px,#000 calc(100% - 64px),transparent)}h2{font-family:'Cinzel',serif;font-size:26px;letter-spacing:.1em;font-weight:400;margin-bottom:24px}#invitation p{line-height:1.6}#invitation h3{font-weight:500;margin:24px 0 12px}.petals-script{font-size:42px}.petals-count{display:flex;gap:14px;justify-content:center;margin:32px 0}.petals-count>div{width:100px;aspect-ratio:1;background:url(petals/cadran.png) center/contain no-repeat;display:flex;flex-direction:column;justify-content:center}.petals-count b{font-size:32px;font-weight:400}.petals-count span{font-size:14px}.petals-program{list-style:none;padding:0;margin:32px auto;max-width:300px}.petals-program li{display:flex;text-align:left;align-items:center;gap:24px;margin:28px 0}.petals-program img{width:52px;height:52px;object-fit:contain}.petals-program b{font-weight:500;font-size:20px}.petals-program p{font-size:19px}#venue p{font-size:20px}.cl-gold-button{color:#574831;background:#eee4d3;border:1px solid #c2b294;box-shadow:none;margin-top:24px}.cl-form{margin:28px auto}.cl-form label,.cl-form legend{color:#645747!important}.cl-form input[type=text],.cl-form input[type=email],.cl-stepper,.cl-attendance-choice span{background:#fffaf2cc;color:#645747;border-color:#c4b59a}.cl-stepper input,.cl-voice-button{color:#645747}.cl-form input::placeholder{color:#8b7d6a}.cl-music{right:max(16px,calc((100vw - 528px)/2 + 16px));background:#fffcf0d9;color:#77654b;border-color:#cabb9f}.cl-receipt{background:#fffaf2;color:#645747}.petals-credit{font-size:11px;margin-top:48px}#thanks>a{font-size:13px}#rsvp>p{font-size:20px}.cl-rsvp-feedback{color:#783d2b}.cl-voice-status{color:#645747}@media(max-width:360px){#invitation section{padding:44px 24px}.petals-letter h1{font-size:40px}.petals-letter p{font-size:20px}.petals-count{gap:6px}.petals-count>div{width:85px}}

/* Keep one viewport-sized backdrop stationary, clipped to the invitation paper. */
.petals-paper{position:relative;isolation:isolate;clip-path:inset(0);background:transparent}
.petals-paper::before{content:"";position:fixed;inset:0;width:100%;max-width:528px;margin-inline:auto;z-index:-1;pointer-events:none;background:#f4f0e8 url(petals/s345-bg.jpg) center/cover no-repeat}
.petals-paper>section::before{content:none}