:root{--cream:#eef2e9;--peach:#dbe5d4;--pink:#c9d8c2;--coral:#385b48;--dark:#223d30;--text:#314238}
body{background:#c9d8c2}main{background:var(--cream)}.progress{background:#385b48}
.hero{background:#233d32}.hero-shade{background:linear-gradient(180deg,#233d3255 0%,transparent 30%,#233d3244 58%,#233d32dd 100%)}
.hero-light,.tiny-spark,.heart{display:none!important}.hero-copy h1,.hero .wave,.reveal.visible h2,.reveal.visible .fine-line,.reveal.visible .button{animation:none!important}
.motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}
.countdown,.memories{background:#dbe5d4}.story{background:#eef2e9}.bridge{background:#c9d8c2}.celebration{background:#fafcf6}.dress{background:#c9d8c2}.gifts{background:#dbe5d4}.rsvp{background:#385b48;color:#fafcf6}footer{background:#dbe5d4}
.timer strong,.handwritten{color:#385b48}.venue,h2{color:#223d30}.rsvp h2{color:inherit}
.primary{background:#385b48;border-color:#385b48;color:#fafcf6}.primary:hover{background:#223d30}.outline{border-color:#385b48;color:#223d30}.light{background:#fafcf6;color:#223d30}
.floating-music{background:#fafcf6;color:#223d30;border-color:#c9d8c2}.brand,.text-button{color:#223d30}
dialog{background:#eef2e9;color:#314238;border-color:#c9d8c2}.form-demo{background:#dbe5d4}input[type=radio]{accent-color:#385b48}
#welcome.welcome.window{--welcome-bg:#385b48;--welcome-ink:#fafcf6}
#film-photo{position:absolute;inset:0;width:100%;height:100%;background-image:url('assets/moments.png');background-size:200% auto;background-repeat:no-repeat;background-position:0% 0%;opacity:1;will-change:opacity,transform}
.film-vignette{z-index:1}.film-word,.film-controls{z-index:2}.welcome-photo{background-image:url('assets/moments.png');background-size:200% auto;background-repeat:no-repeat;background-position:0% 0%}
.closing-photo{position:absolute;inset:0;width:100%;height:100%;background-image:url('assets/moments.png');background-size:200% auto;background-repeat:no-repeat;background-position:100% 100%;animation:hero-living 12s ease-in-out infinite alternate}
.closing-shade{background:linear-gradient(180deg,#233d3211 10%,#233d3244 45%,#233d32dd 100%)}
@media(max-width:600px){h1{font-size:clamp(4rem,19vw,5.15rem)}}