:root{--cream:#fffdf8;--peach:#f1ece1;--pink:#e7dfd0;--coral:#736653;--dark:#4b443b;--text:#4f4940}
body{background:#e7dfd0}main{background:var(--cream)}.progress{background:#736653}
.hero{background:#6b6254}.hero-shade{background:linear-gradient(180deg,#6b625455 0%,transparent 30%,#6b625444 58%,#6b6254dd 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:#f1ece1}.story{background:#fffdf8}.bridge{background:#e7dfd0}.celebration{background:#ffffff}.dress{background:#e7dfd0}.gifts{background:#f1ece1}.rsvp{background:#736653;color:#ffffff}footer{background:#f1ece1}
.timer strong,.handwritten{color:#736653}.venue,h2{color:#4b443b}.rsvp h2{color:inherit}
.primary{background:#736653;border-color:#736653;color:#ffffff}.primary:hover{background:#4b443b}.outline{border-color:#736653;color:#4b443b}.light{background:#ffffff;color:#4b443b}
.floating-music{background:#ffffff;color:#4b443b;border-color:#e7dfd0}.brand,.text-button{color:#4b443b}
dialog{background:#fffdf8;color:#4f4940;border-color:#e7dfd0}.form-demo{background:#f1ece1}input[type=radio]{accent-color:#736653}
#welcome.welcome.window{--welcome-bg:#736653;--welcome-ink:#ffffff}
#welcome.welcome.window{--welcome-bg:#f7f4eb;--welcome-ink:#4b443b}
#welcome.welcome.window .welcome-frame{border-color:#73665355;box-shadow:0 24px 65px #51463820}
#welcome.welcome.window .welcome-silent{border-color:#73665388}
#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,#6b625411 10%,#6b625444 45%,#6b6254dd 100%)}
@media(max-width:600px){h1{font-size:clamp(4rem,19vw,5.15rem)}}