:root{--cream:#f2f7fb;--peach:#d9eaf5;--pink:#c5dfef;--coral:#2c698c;--dark:#234960;--text:#2b485b}
body{background:#c5dfef}main{background:var(--cream)}.progress{background:#2c698c}
.hero{background:#255878}.hero-shade{background:linear-gradient(180deg,#25587855 0%,transparent 30%,#25587844 58%,#255878dd 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:#d9eaf5}.story{background:#f2f7fb}.bridge{background:#c5dfef}.celebration{background:#fafdff}.dress{background:#c5dfef}.gifts{background:#d9eaf5}.rsvp{background:#2c698c;color:#fafdff}footer{background:#d9eaf5}
.timer strong,.handwritten{color:#2c698c}.venue,h2{color:#234960}.rsvp h2{color:inherit}
.primary{background:#2c698c;border-color:#2c698c;color:#fafdff}.primary:hover{background:#234960}.outline{border-color:#2c698c;color:#234960}.light{background:#fafdff;color:#234960}
.floating-music{background:#fafdff;color:#234960;border-color:#c5dfef}.brand,.text-button{color:#234960}
dialog{background:#f2f7fb;color:#2b485b;border-color:#c5dfef}.form-demo{background:#d9eaf5}input[type=radio]{accent-color:#2c698c}
#welcome.welcome.window{--welcome-bg:#2c698c;--welcome-ink:#fafdff}
#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,#25587811 10%,#25587844 45%,#255878dd 100%)}
@media(max-width:600px){h1{font-size:clamp(4rem,19vw,5.15rem)}}