*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:#fffdf8;overflow-x:hidden}img{max-width:100%;display:block}section{width:100%}button,a{-webkit-tap-highlight-color:transparent}.gate-container{z-index:9999;background:radial-gradient(circle at 50% 38%,#fffc,#fff0 30%),linear-gradient(135deg,#fffaf7,#f6ebe3);transition:opacity .9s,filter .9s;position:fixed;inset:0;overflow:hidden}.gate-closing{opacity:0;filter:blur(8px)brightness(1.08);pointer-events:none}.intro-video{object-fit:cover;z-index:1;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.video-show,.video-show+.video-glow{opacity:1}.video-glow{pointer-events:none;z-index:2;opacity:0;background:radial-gradient(circle,#fff5cc38,#ffe2961f 35%,#fff0 70%);transition:opacity 1.2s;position:fixed;inset:0}.door{z-index:10;-webkit-backdrop-filter:blur(18px)saturate(135%);background:linear-gradient(135deg,#ffffffad,#ffffff3d),radial-gradient(circle at 18% 18%,#ffe2dc85,#fff0 24%),radial-gradient(circle at 82% 20%,#ffecc68a,#fff0 26%),linear-gradient(#fffaf6,#f7ece4 50%,#fff7f1);justify-content:center;align-items:center;width:50%;height:100%;display:flex;position:absolute;top:0;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #c49a6c24,0 18px 60px #78503014}.door:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff61,#fff0 42%),radial-gradient(circle at 26% 24%,#f4b9b22e,#fff0 24%),radial-gradient(circle at 76% 76%,#c49a6c24,#fff0 26%);border:1px solid #c49a6c33;border-radius:28px;position:absolute;inset:clamp(14px,3vw,28px)}.left{border-right:2px solid #d9b98d;left:0;box-shadow:inset -12px 0 28px #c49a6c1a,0 18px 60px #78503014}.right{border-left:2px solid #d9b98d;right:0;box-shadow:inset 12px 0 28px #c49a6c1a,0 18px 60px #78503014}.open-left{animation:3.5s forwards leftOpen}.open-right{animation:3.5s forwards rightOpen}@keyframes leftOpen{to{transform:translate(-100%)}}@keyframes rightOpen{to{transform:translate(100%)}}.logo-wrapper{z-index:20;cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(18px)saturate(145%);background:linear-gradient(135deg,#ffffffb8,#fff6ee61);border:1px solid #ffffffc7;border-radius:28px;padding:22px 24px 18px;transition:transform .35s,box-shadow .35s,border-color .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffffe6,0 24px 68px #8158342e}.logo-wrapper:hover{border-color:#c49a6c57;transform:translate(-50%,-53%);box-shadow:inset 0 1px #fffffff2,0 30px 78px #8158343d}.logo-wrapper img{object-fit:contain;border-radius:50%;width:clamp(170px,24vw,220px);height:clamp(170px,24vw,220px);animation:3s ease-in-out infinite float;display:block}.logo-wrapper p{color:#8b6f47;letter-spacing:2px;text-transform:uppercase;margin-top:12px;font-family:serif;font-size:.95rem;font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width<=768px){.logo-wrapper{border-radius:22px;padding:16px 18px 14px}.logo-wrapper img{width:170px;height:170px}.logo-wrapper p{font-size:.9rem}@media (width<=480px){.logo-wrapper{border-radius:18px;padding:12px 14px}.logo-wrapper img{width:142px;height:142px}.logo-wrapper p{letter-spacing:1.4px;font-size:.72rem}}@media (height<=560px){.logo-wrapper img{width:128px;height:128px}.logo-wrapper p{margin-top:8px}}}.hero{background-color:#f8f5ef;background-image:url(/assets/hero-C2UAeeWC.jpeg);background-position:top;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:flex-start;min-height:100svh;animation:2.6s forwards heroReveal;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;z-index:0;opacity:.72;background-color:#0000;background-image:radial-gradient(9px 22px at 70px 95px,#c49a6c52 0 58%,#0000 62%),radial-gradient(9px 22px at 104px 130px,#8b633c33 0 58%,#0000 62%),radial-gradient(8px 20px at 62px 168px,#c49a6c47 0 58%,#0000 62%),radial-gradient(10px 24px at 82% 72%,#c49a6c40 0 58%,#0000 62%),radial-gradient(9px 22px at 88% 78%,#8b633c29 0 58%,#0000 62%),linear-gradient(#c49a6c47,#c49a6c00 30% 70%,#c49a6c38),linear-gradient(90deg,#c49a6c4d,#c49a6c14 35%,#fff0);background-position:28px 30px,42px 30px,30px 30px,right 34px bottom 48px,right 24px bottom 48px,0 0,0 0;background-repeat:no-repeat;background-size:150px 260px,160px 260px,150px 260px,170px 260px,170px 260px,1px 100%,100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-radius:0;width:clamp(220px,28vw,520px);height:100%;position:absolute;top:0}.hero:before{left:0}.hero:after{right:0;transform:scaleX(-1)}.hero-content{z-index:1;text-align:center;width:90%;max-width:650px;padding-top:clamp(130px,15vh,170px);animation:2.4s forwards fadeUp;position:relative}.hero-top-text{z-index:1;color:#8b633c;letter-spacing:clamp(3px,.45vw,5px);text-transform:uppercase;margin-bottom:50px;font-size:.9rem;font-weight:600;line-height:1.8;position:relative}.couple-name{z-index:1;color:#8b633c;flex-direction:column;align-items:center;gap:0;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2.6rem,4vw,3.25rem);font-weight:700;line-height:1.05;display:flex;position:relative}.couple-name span{color:#c49a6c;margin:10px 0;font-size:clamp(2.35rem,3.7vw,2.9rem);line-height:1}.hero-tagline{z-index:1;margin-top:30px;position:relative}.hero-date{z-index:1;margin-top:8px;position:relative}.hero-divider{z-index:1;background:#c49a6c;width:120px;height:2px;margin:15px auto;position:relative}.hero-event{z-index:1;color:#b38a62;letter-spacing:clamp(3px,.45vw,5px);text-transform:uppercase;font-size:.9rem;font-weight:600;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes heroReveal{0%{opacity:0}to{opacity:1}}@media (width<=992px){.hero-content{padding-top:135px}.couple-name{font-size:3.2rem}.couple-name span{font-size:3rem}}@media (width<=768px){.hero{background-position:top;background-size:100%;min-height:100svh}.hero:before,.hero:after{opacity:.42;width:96px;height:150px;top:18px}.hero:before{left:14px}.hero:after{right:14px}.hero-content{width:92%;padding-top:125px}.hero-top-text{letter-spacing:3px;font-size:.75rem}.couple-name{font-size:2.7rem}.couple-name span{font-size:2.3rem}.hero-tagline{font-size:.95rem}.hero-date{letter-spacing:4px;font-size:1rem}.hero-divider{width:90px}.hero-event{letter-spacing:3px;font-size:.65rem}}@media (width<=480px){.hero-content{width:94%;padding-top:112px}.hero-top-text{letter-spacing:2px;margin-bottom:20px;font-size:.68rem}.couple-name{font-size:2.35rem}.couple-name span{margin:8px 0;font-size:2rem}.hero-event{letter-spacing:2px;font-size:.6rem;line-height:1.6}}.couple-section{background:linear-gradient(#fffdf8 0%,#fffdf800 14%),radial-gradient(circle at 18% 20%,#fffffff2,#fff0 28%),radial-gradient(circle at 82% 18%,#ffe4ba73,#fff0 26%),linear-gradient(#fffdf8 0%,#f7eee5 48%,#fffdf8 100%);margin-top:-1px;padding:clamp(68px,8vw,96px) 20px 58px;position:relative;overflow:hidden}.couple-section:before,.couple-section:after{content:"";pointer-events:none;border:1px solid #c49a6c3d;border-radius:50%;width:220px;height:220px;position:absolute}.couple-section:before{top:42px;left:-82px}.couple-section:after{bottom:34px;right:-86px}.couple-heading{z-index:1;text-align:center;position:relative}.couple-heading span{color:#a2764d;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:700;display:block}.couple-heading h2{color:#8b633c;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2.65rem,6vw,4rem);line-height:1}.couple-subtitle{z-index:1;color:#8f7b68;text-align:center;max-width:620px;margin:18px auto 58px;font-size:clamp(.96rem,2.2vw,1.05rem);font-style:italic;line-height:1.7;position:relative}.couple-container{z-index:1;grid-template-columns:minmax(260px,390px) 72px minmax(260px,390px);justify-content:center;align-items:center;gap:28px;display:grid;position:relative}.glass-card{text-align:center;-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffffb8,#fff6ec66),linear-gradient(#ffffff6b,#ffffff29);border:1px solid #ffffffb8;border-radius:28px;min-height:clamp(430px,42vw,500px);padding:20px 20px 26px;transition:transform .45s,box-shadow .45s,border-color .45s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 24px 70px #77543624}.glass-card:before{content:"";opacity:.86;pointer-events:none;background:linear-gradient(120deg,#ffffffd6,#fff0 38%),radial-gradient(circle at 50% 0,#ffdba675,#fff0 34%);position:absolute;inset:0}.glass-card:hover{border-color:#c49a6c66;transform:translateY(-10px);box-shadow:inset 0 1px #fffffff2,0 34px 88px #77543633}.image-frame{z-index:1;background:radial-gradient(circle at 50% 32%,#fffffff0,#ffeed8b8 42%,#c49a6c47),linear-gradient(145deg,#f8eee4,#fffaf3);border:1px solid #ffffffb8;border-radius:50%;width:min(260px,78vw);height:min(260px,78vw);margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,0 16px 36px #6c4c301f}.image-frame:after{content:none}.image-frame img{object-fit:cover;width:100%;height:100%;display:block}.person-copy{z-index:1;padding:24px 12px 0;position:relative}.person-label{color:#a2764d;letter-spacing:2px;text-transform:uppercase;background:#ffffff6b;border:1px solid #c49a6c42;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 14px;font-size:.7rem;font-weight:700;display:inline-flex}.person-copy h3{color:#5b4430;margin:14px 0 10px;font-family:Cormorant Garamond,serif;font-size:clamp(2.15rem,4vw,2.5rem);line-height:1}.person-copy p{color:#816b59;max-width:280px;margin:0 auto;font-size:.98rem;line-height:1.65}.couple-mark{-webkit-backdrop-filter:blur(14px);background:#ffffff70;border:1px solid #ffffffbd;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:inset 0 1px #ffffffeb,0 18px 44px #77543626}.couple-mark span{border:2px solid #c49a6c;border-radius:50%;width:28px;height:28px;display:block;transform:translate(-7px);box-shadow:14px 0 0 -2px #0000,14px 0 #c49a6c}.couple-quote{z-index:1;color:#8a7766;text-align:center;margin:34px auto 0;font-size:1.22rem;font-style:italic;position:relative}@media (width<=992px){.couple-heading h2{font-size:3.2rem}.couple-container{grid-template-columns:minmax(250px,380px);gap:22px}.glass-card{min-height:auto}.couple-mark{justify-self:center;width:58px;height:58px}}@media (width<=768px){.couple-section{padding:72px 15px 48px}.couple-heading span{letter-spacing:3px;font-size:.68rem}.couple-heading h2{font-size:2.7rem}.couple-subtitle{margin-bottom:38px;font-size:.96rem}.glass-card{border-radius:22px;min-height:auto;padding:16px 16px 24px}.image-frame{border-radius:50%;width:min(220px,74vw);height:min(220px,74vw)}.person-copy h3{font-size:2.15rem}.couple-quote{font-size:1rem}}@media (width<=480px){.couple-section{padding:58px 12px 42px}.couple-heading span{letter-spacing:2px}.couple-heading h2{font-size:2.35rem}.glass-card{padding:14px 12px 22px}.person-label{letter-spacing:1.4px;font-size:.62rem}.person-copy{padding-top:20px}.person-copy p{font-size:.92rem}}.invitation-section{background:linear-gradient(#fffdf9 0%,#f8f2ea 50%,#fffdf9 100%);justify-content:center;align-items:center;padding:44px 20px 80px;display:flex}.invitation-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffffd9;border:1px solid #d4af3726;border-radius:clamp(20px,4vw,30px);width:min(850px,100%);max-width:100%;padding:clamp(38px,6vw,70px) clamp(22px,5vw,60px);box-shadow:0 20px 60px #00000014}.ornament{color:#c49a6c;margin:10px 0 25px;font-size:2rem}.invite-heading{color:#b38a62;margin-bottom:30px;font-family:Cormorant Garamond,serif;font-size:clamp(1.75rem,4vw,2.2rem)}.invite-text{color:#6c6c6c;max-width:700px;margin:auto;font-size:clamp(.98rem,2.2vw,1.15rem);line-height:2.1}.date-box{margin-top:45px}.date-box h3{color:#c49a6c;letter-spacing:2px;font-family:Cormorant Garamond,serif;font-size:2.3rem}@media (width<=768px){.invitation-section{padding:34px 15px 62px}.invitation-card{padding:40px 24px}.invite-heading{font-size:1.8rem}.invite-text{font-size:1rem;line-height:1.9}.date-box h3{font-size:1.8rem}}@media (width<=480px){.invitation-section{padding:28px 12px 54px}.invitation-card{padding:32px 18px}.invite-text{line-height:1.75}.date-box{margin-top:32px}}.countdown-section{text-align:center;background:linear-gradient(#fffdf8 0%,#f8f2ea 50%,#fffdf8 100%);flex-direction:column;justify-content:center;align-items:center;padding:clamp(56px,8vw,80px) 20px;display:flex}.countdown-section h2{color:#b38a62;margin-bottom:60px;font-family:Cormorant Garamond,serif;font-size:clamp(2.05rem,5vw,3rem)}.countdown-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,3vw,30px);display:flex}.time-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffd9;border:1px solid #c49a6c26;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:clamp(118px,18vw,170px);height:clamp(118px,18vw,170px);transition:all .3s;display:flex;box-shadow:0 15px 40px #00000014}.time-box:hover{transform:translateY(-8px)}.time-box h1{color:#444;margin-bottom:8px;font-size:clamp(2rem,4.5vw,3rem)}.time-box span{color:#b38a62;letter-spacing:1px;font-size:1rem}@media (width<=992px){.countdown-section h2{font-size:2.5rem}.time-box{width:140px;height:140px}.time-box h1{font-size:2.5rem}}@media (width<=768px){.countdown-section{padding:60px 15px}.countdown-section h2{margin-bottom:35px;font-size:2rem}.countdown-container{gap:15px}.time-box{width:112px;height:112px}.time-box h1{font-size:1.8rem}.time-box span{font-size:.8rem}}@media (width<=480px){.countdown-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,260px);display:grid}.time-box{aspect-ratio:1;width:100%;height:auto}.time-box h1{font-size:1.6rem}}.page-content{opacity:0}.page-enter{animation:2s forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;filter:blur(6px)brightness(1.04)}to{opacity:1;filter:blur()brightness()}}.venue-section{background:radial-gradient(circle at 18% 18%,#ffe7e0b8,#fff0 28%),radial-gradient(circle at 82% 22%,#ffe0ae7a,#fff0 26%),linear-gradient(#fffaf7,#f7eee6 52%,#fffdf9);justify-content:center;padding:clamp(62px,8vw,86px) 20px;display:flex;position:relative;overflow:hidden}.venue-section:before,.venue-section:after{content:"";pointer-events:none;border:1px solid #c49a6c2e;border-radius:50%;width:260px;height:260px;position:absolute}.venue-section:before{top:48px;left:-96px}.venue-section:after{bottom:42px;right:-104px}.venue-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(20px)saturate(145%);background:linear-gradient(135deg,#ffffffb8,#fff7ef6b),linear-gradient(#ffffff61,#ffffff29);border:1px solid #ffffffb8;border-radius:28px;width:min(850px,100%);max-width:100%;padding:clamp(38px,6vw,58px) clamp(22px,5vw,56px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,0 28px 80px #77543626}.venue-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffffc7,#fff0 34%),radial-gradient(circle at 50% 0,#ffe0ae6b,#fff0 32%);position:absolute;inset:0}.venue-label,.venue-card h2,.location-icon,.venue-card h3,.address,.event-details,.divider,.venue-card h4,.welcome-text,.map-btn{z-index:1;position:relative}.venue-label{color:#a2764d;letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:700;display:inline-block}.venue-card h2{color:#8b633c;margin:0 0 24px;font-family:Cormorant Garamond,serif;font-size:clamp(2.55rem,6vw,3.7rem);line-height:1}.location-icon{background:radial-gradient(circle at 50% 34%,#ffffffd1,#fff0 44%),#ffffff61;border:1px solid #c49a6c47;border-radius:50%;width:58px;height:58px;margin:0 auto 22px;box-shadow:inset 0 1px #fffffff0,0 16px 34px #7754361f}.location-icon:before{content:"";border:3px solid #c49a6c;border-radius:50% 50% 50% 0;width:18px;height:18px;position:absolute;top:14px;left:50%;transform:translate(-50%)rotate(-45deg)}.location-icon:after{content:"";background:#c49a6c;border-radius:50%;width:6px;height:6px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.venue-card h3{color:#4f3c2d;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.12}.address{color:#806c5a;margin:14px 0 0;font-size:1rem}.event-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(520px,100%);margin:34px auto 0;display:grid}.event-details p{color:#5b4430;background:#ffffff6b;border:1px solid #ffffffb8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:76px;margin:0;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffffd1}.event-details span{color:#a2764d;letter-spacing:2px;text-transform:uppercase;margin-bottom:7px;font-size:.68rem}.divider{background:linear-gradient(90deg,#0000,#c49a6c,#0000);width:112px;height:2px;margin:36px auto 30px}.venue-card h4{color:#9c7047;margin:0;font-size:1.35rem}.welcome-text{color:#756452;margin:14px 0 0}.map-btn{color:#fff;letter-spacing:.4px;background:linear-gradient(135deg,#c49a6c,#a87445);border:1px solid #c49a6c5c;border-radius:999px;justify-content:center;align-items:center;min-height:48px;margin-top:26px;padding:0 34px;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 16px 34px #a874453d,inset 0 1px #ffffff47}.map-btn:hover{transform:translateY(-4px);box-shadow:0 22px 44px #a874454d,inset 0 1px #ffffff52}@media (width<=768px){.venue-section{padding:68px 15px}.venue-card{border-radius:22px;padding:42px 22px}.venue-label{letter-spacing:3px;font-size:.65rem}.venue-card h2{font-size:2.55rem}.venue-card h3{font-size:1.75rem}.event-details{grid-template-columns:1fr}.map-btn{width:100%}}@media (width<=480px){.venue-section{padding:56px 12px}.venue-card{padding:34px 18px}.venue-label{letter-spacing:2px}.location-icon{width:52px;height:52px}.event-details p{min-height:68px}}.thankyou-section{background:linear-gradient(#fffdf8 0%,#f7f0e8 50%,#fffdf8 100%);justify-content:center;align-items:center;min-height:80vh;padding:clamp(66px,9vw,100px) 20px;display:flex;position:relative}.thankyou-content{text-align:center;width:min(800px,100%)}.ornament{color:#c49a6c;font-size:2rem}.thankyou-content h2{color:#b38a62;margin-top:20px;font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,6vw,4rem)}.thankyou-message{color:#6d6d6d;margin-top:25px;font-size:clamp(1rem,2.2vw,1.2rem);line-height:2}.closing-line{color:#9b7c5a;letter-spacing:clamp(2px,.7vw,4px);text-transform:uppercase;margin-top:40px;font-size:.9rem}.thankyou-content h3{color:#c49a6c;margin-top:15px;font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,4vw,2.5rem)}@media (width<=768px){.thankyou-section{min-height:auto;padding:64px 15px}.thankyou-content h2{font-size:2.5rem}.thankyou-message{font-size:1rem;line-height:1.8}.thankyou-content h3{font-size:1.8rem}}@media (width<=480px){.thankyou-section{padding:56px 12px}.closing-line{font-size:.72rem;line-height:1.7}}