@import "https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";.countdown{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.countdown__unit{flex-direction:column;align-items:center;margin:0 1rem;display:flex}.countdown__value{color:#fff;text-shadow:2px 2px 8px #00000080;margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:3.75rem;font-weight:300}.countdown__label{text-transform:uppercase;letter-spacing:.1em;color:#ffffffe6;text-shadow:1px 1px 4px #00000080;font-family:Cormorant Garamond,serif;font-size:.875rem}.countdown__separator{color:#ffffffb3;margin:0 .5rem;font-size:2.25rem}@media (width<=1024px){.countdown__value{font-size:3rem}.countdown__separator{font-size:2rem}.countdown__unit{margin:0 .75rem}}@media (width<=768px){.countdown__value{font-size:2.5rem}.countdown__label{font-size:.75rem}.countdown__separator{margin:0 .25rem;font-size:1.75rem}.countdown__unit{margin:0 .5rem}}@media (width<=480px){.countdown{gap:.25rem}.countdown__value{margin-bottom:.25rem;font-size:2rem}.countdown__label{letter-spacing:.05em;font-size:.625rem}.countdown__separator{margin:0 .125rem;font-size:1.5rem}.countdown__unit{margin:0 .25rem}}@media (width<=360px){.countdown__value{font-size:1.75rem}.countdown__separator{font-size:1.25rem}.countdown__unit{margin:0 .125rem}}.landing{width:100%;height:100vh;position:relative;overflow:hidden}.landing__video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.landing__overlay{background-color:#0000004d;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.landing__content{z-index:10;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 1rem;animation:.8s ease-out forwards pageFadeIn;display:flex;position:relative}@keyframes logoReveal{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.landing__logo img{width:auto;height:3rem;animation:1.2s ease-out forwards logoReveal}.landing__names{text-align:center;margin-bottom:3rem;animation:1.5s ease-out fadeInUp}.landing__title{text-shadow:3px 3px 12px #0009;margin-bottom:1rem;font-family:Great Vibes,cursive;font-size:7rem;font-weight:300}.landing__divider{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.landing__divider-line{background-color:#fff9;width:4rem;height:1px}.landing__heart{color:#fda4af;width:1.5rem;height:1.5rem}.landing__date{letter-spacing:.15em;text-transform:uppercase;color:#ffffffe6;text-shadow:2px 2px 8px #00000080;font-family:Cormorant Garamond,serif;font-size:1.5rem;animation:1.5s ease-out .3s backwards fadeInUp}.landing__timer{animation:1.5s ease-out .6s backwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{opacity:1;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}60%{opacity:1;transform:translateY(-4px)}}.landing__cta{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:.5rem;margin-top:2rem;padding:.875rem 2rem;font-family:Cormorant Garamond,serif;font-size:1.125rem;transition:all .3s;animation:1.5s ease-out .9s backwards fadeInUp}.landing__cta:hover{color:#5b1c33;background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #fff3}.landing__scroll-indicator{z-index:10;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.landing__scroll-arrow{border-top:none;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:none;width:24px;height:24px;animation:2s infinite bounce;transform:rotate(-45deg)}@media (width<=1024px){.landing__title{font-size:4.5rem}.landing__date{font-size:1.25rem}.landing__names{margin-bottom:2.5rem}}@media (width<=768px){.landing__title{font-size:3.5rem}.landing__date{letter-spacing:.1em;font-size:1.125rem}.landing__heart{width:1.25rem;height:1.25rem}.landing__divider-line{width:3rem}.landing__names{margin-bottom:2rem}.landing__cta{margin-top:1.5rem;padding:.75rem 1.75rem;font-size:1rem}.landing__scroll-arrow{width:20px;height:20px}}@media (width<=480px){.landing__title{font-size:2.5rem}.landing__date{letter-spacing:.08em;font-size:1rem}.landing__heart{width:1rem;height:1rem}.landing__divider-line{width:2rem}.landing__divider{gap:.75rem}.landing__names{margin-bottom:1.5rem}.landing__cta{margin-top:1.25rem;padding:.625rem 1.5rem;font-size:.9375rem}.landing__scroll-arrow{width:18px;height:18px;bottom:1.5rem}}
