:root{--color-bg: #ffffff;--color-text: #2c2c2c;--color-text-light: #5a5a5a;--color-sage: #7a9a6d;--color-sage-light: #d4e4cd;--color-sky: #b8d4e8;--color-gold: #e8c84a;--color-gold-light: #f5ebc6;--color-charcoal: #333333;--font-display: "Permanent Marker", cursive;--font-body: "Permanent Marker", cursive}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}#flower-rain{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.falling-flower{position:absolute;top:-100px;will-change:transform;animation:flower-fall linear forwards,flower-sway ease-in-out infinite}@keyframes flower-fall{0%{transform:translateY(-100px) rotate(var(--start-rotation));opacity:0}5%{opacity:var(--flower-opacity)}90%{opacity:var(--flower-opacity)}to{transform:translateY(calc(100vh + 100px)) rotate(var(--end-rotation));opacity:0}}@keyframes flower-sway{0%,to{margin-left:0}50%{margin-left:var(--sway-amount)}}#loader{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--color-bg);transition:opacity .5s ease-out}#loader.hidden{opacity:0;pointer-events:none}.loader-flower{width:50px;height:auto;animation:loader-spin 2s ease-in-out infinite}@keyframes loader-spin{0%,to{transform:rotate(-15deg) scale(1)}50%{transform:rotate(15deg) scale(1.1)}}main{position:relative;z-index:1}main.loading{opacity:0}main.loading *{animation-play-state:paused!important}.hero{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem 0}.couple-names{text-align:center;margin-bottom:-4rem;animation:fade-in .8s ease-out both;z-index:10}.title-img{max-width:clamp(300px,60vw,520px);height:auto;margin:0 auto}.illustration-container{position:relative;width:100%;max-width:650px;aspect-ratio:3456 / 3384}.illustration-bg,.illustration-characters{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.illustration-bg{animation:fade-in .6s ease-out both}.illustration-characters{animation:characters-enter .8s ease-out .4s both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes characters-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.save-the-date{padding:1rem 1.5rem 4rem;animation:fade-in 1s ease-out 1s both}.date-columns{display:flex;justify-content:center;align-items:flex-start;gap:2rem;max-width:900px;margin:0 auto}.date-col{flex:1;text-align:center;max-width:380px}.date-heading{margin-bottom:1rem;display:flex;justify-content:center}.heading-img{max-width:clamp(200px,40vw,340px);height:auto}.date-value{font-family:var(--font-display);font-weight:400;font-size:clamp(1.2rem,3vw,1.7rem);color:var(--color-sage);margin-bottom:.4rem;letter-spacing:.02em}.date-location{margin-bottom:1.5rem;display:flex;justify-content:center}.location-img{max-width:clamp(160px,30vw,260px);height:auto}.date-message{font-family:var(--font-body);font-size:clamp(.9rem,1.8vw,1rem);color:var(--color-text-light);line-height:1.7}.date-divider{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:1.5rem}.divider-flower{width:50px;height:auto}.site-footer{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 3rem;animation:fade-in 1s ease-out 1.4s both}.footer-flower{width:40px;height:auto;margin-bottom:.75rem}.site-footer p{display:flex;justify-content:center}.footer-text-img{max-width:clamp(120px,25vw,170px);height:auto}@media(max-width:768px){.hero{padding-top:2rem}.date-columns{flex-direction:column;align-items:center;gap:0}.date-col{max-width:100%}.date-divider{padding:1.5rem 0}.divider-flower{width:35px}}@media(min-width:769px){.hero{padding-top:6rem;padding-bottom:6rem}}