:root{--cream:#e6eaf0;--peach:#bdcbdc;--pink:#9caec9;--coral:#1b345c;--dark:#142744;--text:#20334d}
body{background:#9caec9}main{background:var(--cream)}.progress{background:#1b345c}
.hero{background:#0b1d39}.hero-shade{background:linear-gradient(180deg,#0b1d3955 0%,transparent 30%,#0b1d3944 58%,#0b1d39dd 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:#bdcbdc}.story{background:#e6eaf0}.bridge{background:#9caec9}.celebration{background:#f7f8fa}.dress{background:#9caec9}.gifts{background:#bdcbdc}.rsvp{background:#1b345c;color:#f7f8fa}footer{background:#bdcbdc}
.timer strong,.handwritten{color:#1b345c}.venue,h2{color:#142744}.rsvp h2{color:inherit}
.primary{background:#1b345c;border-color:#1b345c;color:#f7f8fa}.primary:hover{background:#142744}.outline{border-color:#1b345c;color:#142744}.light{background:#f7f8fa;color:#142744}
.floating-music{background:#f7f8fa;color:#142744;border-color:#9caec9}.brand,.text-button{color:#142744}
dialog{background:#e6eaf0;color:#20334d;border-color:#9caec9}.form-demo{background:#bdcbdc}input[type=radio]{accent-color:#1b345c}
#welcome.welcome.window{--welcome-bg:#1b345c;--welcome-ink:#f7f8fa}
#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,#0b1d3911 10%,#0b1d3944 45%,#0b1d39dd 100%)}
@media(max-width:600px){h1{font-size:clamp(4rem,19vw,5.15rem)}}