:root{color-scheme:dark;--bg:#100d20;--bg2:#17112c;--panel:#1e1735;--text:#fbf5fc;--muted:#c5b8ce;--purple:#c796df;--lilac:#e2b9ed;--gold:#eacba8;--line:rgba(244,211,243,.19);--shadow:0 24px 75px rgba(4,3,20,.38);--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}.js body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9c0ff;outline-offset:3px}::selection{background:#9c69a7;color:#fff}.skip-link{position:fixed;top:-90px;left:10px;z-index:100;background:#fff;color:#190e29;padding:12px}.skip-link:focus{top:8px}
.eyebrow{margin:0;letter-spacing:.26em;color:var(--purple);font-size:10px;font-weight:700;line-height:1.8}.eyebrow.light{color:#dfb4ef}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:17px 26px;min-height:54px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.025em;transition:transform .24s ease,box-shadow .24s ease,background .24s ease;text-align:center}.btn span{font-size:19px;font-weight:400}.btn:hover{transform:translateY(-3px)}.btn-primary{border:1px solid #e8bdf0;color:#180d29;background:linear-gradient(112deg,#efd7e7,#ddb4ec 51%,#b88ad9);box-shadow:0 12px 30px rgba(194,117,221,.19)}.btn-primary:hover{box-shadow:0 15px 34px rgba(194,117,221,.36)}.btn-outline{border:1px solid #9d74ab;color:#efd2f5;background:rgba(159,100,170,.08)}.btn-outline:hover{background:rgba(159,100,170,.18)}
/* Welcome envelope */.entry{display:none;position:fixed;inset:0;z-index:90;overflow:auto;align-items:center;justify-items:center;padding:35px 20px;background:radial-gradient(ellipse at 50% 35%,#42234f 0,#17112c 42%,#080818 100%);text-align:center}.js .entry{display:grid}.entry.is-hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .75s ease,visibility .75s}.entry-glow{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid #8b619c60;box-shadow:0 0 100px #a15bc02c;top:15%;left:50%;transform:translateX(-50%);pointer-events:none}.entry-inner{position:relative;width:min(100%,560px);z-index:1}.entry h1{font:500 clamp(39px,6vw,67px)/.98 var(--serif);margin:22px 0 10px}.entry h1 em{color:#dab2e6;font-style:italic}.entry p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 26px}.entry-footnote{display:block;font-size:9px;letter-spacing:.18em;margin-top:28px;color:#baa8c6}.envelope{width:178px;height:131px;position:relative;margin:38px auto 25px;filter:drop-shadow(0 22px 30px #05040c8a);animation:float 4s ease-in-out infinite}.envelope-back{position:absolute;inset:15px 0 0;background:#b886c9;border-radius:8px}.envelope-letter{position:absolute;left:15px;top:-13px;width:148px;height:108px;border-radius:4px;background:#fff2f7;color:#9562ac;font:55px var(--serif);display:grid;place-items:center;transform:translateY(22px)}.envelope-front{position:absolute;inset:15px 0 0;background:linear-gradient(152deg,#eed3e5 49%,#d9b2d7 50%);clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%);border-radius:8px}.envelope-flap{position:absolute;top:15px;left:0;width:100%;height:89px;background:linear-gradient(140deg,#ebcee1,#a87dc0);clip-path:polygon(0 0,100% 0,50% 67%)}.seal{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff2f7;background:#9f68ad;box-shadow:0 0 0 4px #9f68ad40;font:24px var(--serif)}
/* Navigation */.scroll-progress{height:2px;position:fixed;top:0;left:0;width:0;z-index:75;background:linear-gradient(90deg,var(--gold),var(--lilac))}.site-header{height:80px;position:fixed;z-index:60;top:0;left:0;right:0;padding:0 clamp(20px,5vw,85px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:rgba(16,13,32,.78);border-bottom:1px solid rgba(228,198,226,.09);backdrop-filter:blur(19px)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-monogram{font:600 34px var(--serif);position:relative;width:33px}.brand-monogram span{position:absolute;top:0;right:-2px;font:11px var(--sans);color:var(--gold)}.brand-copy{font:700 12px var(--sans);letter-spacing:.2em;line-height:1.4;white-space:nowrap}.brand-copy small{font-size:8px;letter-spacing:.27em;color:#d4b1dd;display:block}.desktop-nav{display:flex;gap:33px}.desktop-nav a{font-size:11px;font-weight:600;color:#e8dce9;transition:color .2s}.desktop-nav a:hover{color:var(--purple)}.nav-actions{display:flex;align-items:center;gap:12px}.sound-toggle{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:30px;background:#ffffff0a;color:#ddcce0;padding:9px 12px;font-size:10px}.sound-icon{font-size:13px}.sound-dot{width:6px;height:6px;border-radius:50%;background:#806d86}.sound-toggle[aria-pressed=true] .sound-dot{background:#d3b3f8;box-shadow:0 0 0 3px #c9a7f134}.menu-button{display:none;width:39px;height:39px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;background:#ffffff10}.menu-button span{width:17px;height:1px;background:#fff}.mobile-nav{position:fixed;top:80px;right:16px;left:16px;z-index:59;padding:15px;background:#201832;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.mobile-nav:not([hidden]){display:flex;flex-direction:column}.mobile-nav a{padding:13px 12px;border-bottom:1px solid var(--line);font-size:13px}.mobile-nav a:last-child{border:0}
/* Main hero */.hero{position:relative;min-height:800px;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:125px 22px 100px;text-align:center;background:radial-gradient(ellipse at 50% 24%,#55305f80 0%,transparent 42%),radial-gradient(ellipse at 50% 100%,#32204091 0%,transparent 55%),linear-gradient(150deg,#151026,#0b0a1b 75%)}.hero:before{content:'';position:absolute;inset:0;opacity:.35;background-image:radial-gradient(#e6d2e9 0.7px,transparent 0.9px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}.hero:after{content:'';position:absolute;inset:17px;border:1px solid #e9ccdf16;pointer-events:none}.hero-inner{position:relative;z-index:2;width:min(100%,880px);margin:auto}.hero-sideword{position:absolute;left:-13vw;top:48%;transform:rotate(-90deg);font-size:9px;letter-spacing:.25em;color:#c7a5c8a0}.hero-star{position:absolute;color:#e7bcf3;filter:drop-shadow(0 0 14px #c46bdc);animation:twinkle 4s ease-in-out infinite}.star-a{top:23%;left:17%;font-size:17px}.star-b{right:21%;top:19%;font-size:26px;animation-delay:1.3s}.star-c{left:28%;bottom:22%;font-size:12px;animation-delay:2s}.hero-arc{position:absolute;z-index:0;border-radius:50%;border:1px solid #ddabe02c;transform:translate(-50%,-50%);left:50%;top:40%;width:min(78vw,710px);height:min(78vw,710px);pointer-events:none}.hero-arc-2{width:min(95vw,880px);height:min(95vw,880px);border-color:#e8c6e012}.hero-ornament{display:flex;align-items:center;gap:15px;justify-content:center;color:#d9b6eb;margin:18px auto 10px;font-size:20px}.hero-ornament span{height:1px;width:70px;background:linear-gradient(90deg,transparent,#f4d1dc,transparent)}.hero-pretitle{font:italic 29px var(--serif);color:#f6dce8;margin:0}.hero-name{font:500 clamp(112px,19vw,252px)/.83 var(--serif);letter-spacing:-.055em;margin:20px 0 6px;background:linear-gradient(120deg,#fff8ee,#ddb6e3 48%,#f6e8fa);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 14px 26px #d187d22d);position:relative}.hero-spark{font:35px var(--sans);color:#e7c8ec;position:absolute;top:3px;right:6%;letter-spacing:0}.hero-age{display:flex;justify-content:center;align-items:baseline;gap:12px;margin:15px 0 22px;color:#f0d4e4}.hero-age strong{font:600 69px/.7 var(--serif)}.hero-age span{font:italic 25px var(--serif)}.hero-quote{font:italic 27px/1.3 var(--serif);max-width:530px;margin:0 auto;color:#e9d9ed}.hero-divider{display:flex;justify-content:center;align-items:center;color:var(--purple);font-size:15px;margin:30px}.hero-divider:before,.hero-divider:after{content:'';width:54px;height:1px;background:var(--line);margin:0 14px}.hero-date{display:flex;gap:26px;align-items:center;justify-content:center;margin-bottom:30px}.hero-date span{font-size:10px;letter-spacing:.23em;color:#dec5db}.hero-date strong{font:500 31px var(--serif);white-space:nowrap}.hero-date small{font:italic 19px var(--serif)}.hero-cta{min-width:245px}.scroll-cue{position:absolute;left:50%;transform:translateX(-50%);bottom:-105px;display:flex;align-items:center;gap:15px;white-space:nowrap;color:#c4adc4;font-size:9px;letter-spacing:.22em}.scroll-cue span{font-size:25px}.hero-flower{position:absolute;color:#b78fc8;opacity:.37;pointer-events:none}.hero-flower span{font:420px var(--serif)}.flower-one{right:-95px;bottom:-205px;transform:rotate(24deg)}.flower-two{left:-170px;top:-220px;transform:rotate(-24deg);opacity:.12}
/* Shared sections */.section{padding:120px 24px}.section-header{text-align:center;margin:0 auto 60px;max-width:690px}.section-header h2{font:500 clamp(44px,6vw,72px)/.99 var(--serif);margin:15px auto 20px;letter-spacing:-.02em}.section-header h2 em{color:#d9b1e5;font-style:italic;font-weight:400}.section-header>p:not(.eyebrow){max-width:560px;margin:0 auto;font-size:14px;line-height:1.9;color:var(--muted)}.mini-flower{display:block;font-size:20px;color:var(--gold);padding-top:14px}.invitation-section{background:linear-gradient(180deg,#100d20,#1a1430)}.promise-card{position:relative;isolation:isolate;overflow:hidden;margin:0 auto;width:min(100%,700px);min-height:390px;border-radius:220px 220px 24px 24px;border:1px solid #d6a1d05c;background:radial-gradient(ellipse at 50% 40%,#5d3b69ab 0,#2c2044 59%,#211833 100%);padding:60px 55px 48px;text-align:center;box-shadow:var(--shadow)}.promise-mark{position:relative;font:100px/.9 var(--serif);color:#e8cdeb;z-index:1}.promise-card p{position:relative;z-index:1;max-width:470px;margin:35px auto 25px;font:italic 31px/1.22 var(--serif)}.promise-card>span{font-size:9px;letter-spacing:.24em;color:#ddb6e2}.promise-orbit{position:absolute;z-index:0;border:1px solid #dfb5da2f;border-radius:50%;width:540px;height:540px;left:50%;top:25%;transform:translate(-50%,-50%)}.orbit-2{width:680px;height:680px;opacity:.6}.moments-section{background:linear-gradient(#1a1430,#120f23)}.event-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:950px;margin:auto;background:#bea0c341;border:1px solid var(--line);border-radius:19px;overflow:hidden}.event-detail{padding:34px 16px;text-align:center;background:#1a152b;display:flex;flex-direction:column;align-items:center;gap:9px}.detail-icon{font:27px var(--serif);color:#efccea}.event-detail>span{font-size:9px;letter-spacing:.24em;color:#c69bcb}.event-detail strong{font:500 25px var(--serif)}.event-detail small{font-size:10px;color:var(--muted)}.timeline{max-width:700px;margin:70px auto 0;position:relative}.timeline-track{position:absolute;left:144px;top:18px;bottom:30px;width:1px;background:linear-gradient(transparent,#d6a0dd,#7a527f,transparent)}.timeline-item{display:grid;grid-template-columns:130px 20px 1fr;gap:25px;align-items:start;padding:20px 0}.timeline-time{text-align:right;color:#dab8d9;font-size:12px;letter-spacing:.11em;padding-top:9px}.timeline-node{position:relative;z-index:1;width:11px;height:11px;border-radius:50%;background:#e6c9e7;box-shadow:0 0 0 7px #a977a926;margin:12px 0}.timeline-item h3{font:500 29px var(--serif);margin:0}.timeline-item p{color:var(--muted);font-size:12px;margin:8px 0}
.countdown-section{position:relative;isolation:isolate;background:#21172e;padding:105px 22px;text-align:center;overflow:hidden;border-block:1px solid var(--line)}.countdown-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#70446f80,transparent 68%)}.countdown-inner{max-width:750px;margin:auto}.countdown-inner h2{font:500 clamp(44px,6vw,69px)/1.05 var(--serif);margin:14px 0 50px}.countdown-inner em{color:#f0c8e9}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.count-box{border:1px solid #e2bada50;background:#150f2380;border-radius:14px;padding:20px 6px 15px;display:flex;flex-direction:column;gap:6px}.count-box strong{font:500 clamp(41px,7vw,68px)/1 var(--serif);font-variant-numeric:tabular-nums}.count-box span{font-size:9px;color:#d9bcd8;letter-spacing:.17em}.countdown-note{color:#dac7de;margin-top:30px;font:italic 23px var(--serif)}
.location-section{background:#100d20}.location-card{display:grid;grid-template-columns:1fr 1fr;max-width:1040px;margin:auto;background:#1d1730;border:1px solid var(--line);border-radius:23px;overflow:hidden;min-height:410px;box-shadow:var(--shadow)}.location-art{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#3b2548,#221833);overflow:hidden}.location-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#f2dfef .7px,transparent 1px);background-size:27px 27px;opacity:.5}.art-circle{width:275px;height:275px;border:1px solid #f8d2e85d;border-radius:50%;box-shadow:0 0 0 40px #e1a7d710,0 0 0 90px #e1a7d709;transform:rotate(25deg)}.art-pin{position:absolute;font:155px var(--serif);color:#f3d0e5;filter:drop-shadow(0 0 17px #eab3eb)}.art-star{position:absolute;color:#f4cee6;font-size:27px}.art-star.a{top:21%;left:17%}.art-star.b{right:16%;bottom:25%}.art-caption{position:absolute;bottom:28px;font-size:9px;letter-spacing:.23em;color:#f1cfed}.location-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:55px clamp(24px,5vw,60px)}.location-info h3{margin:0;font:500 45px/.98 var(--serif)}.location-info p{font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 10px}.location-info strong{font-weight:700;color:#f2e3ec}
.rsvp-section{background:linear-gradient(#100d20,#201529);padding-top:35px}.rsvp-card{border:1px solid #dcadd968;max-width:860px;margin:auto;background:radial-gradient(ellipse at 50% 10%,#57326480,transparent 75%),#211732;border-radius:250px 250px 22px 22px;text-align:center;padding:85px 40px 65px;box-shadow:var(--shadow)}.rsvp-decor{font-size:40px;color:#ddb4e2}.rsvp-card h2{font:500 clamp(44px,6vw,72px)/1 var(--serif);max-width:590px;margin:22px auto 20px}.rsvp-card h2 em{color:#efc2e7}.rsvp-card>p:not(.eyebrow){max-width:520px;margin:0 auto 30px;color:#d7c9d7;line-height:1.8;font-size:13px}.demo-tag{display:block;margin-top:20px;font-size:9px;color:#c9b6d1;line-height:1.7;letter-spacing:.04em}.closing-section{padding:110px 25px;text-align:center;background:#201529}.closing-inner{max-width:670px;margin:auto}.closing-ornament{font-size:36px;color:var(--gold);display:block;margin-bottom:22px}.closing-inner h2{font:500 clamp(45px,6vw,75px)/1.05 var(--serif);margin:20px 0}.closing-inner h2 em{font-weight:400;color:#dcb2df}.signature{display:block;font:italic 34px var(--serif);color:#efc8e8;margin:27px 0 55px}.back-to-top{font-size:10px;letter-spacing:.18em;color:#cbb0d2;border-bottom:1px solid #b78abf;padding-bottom:7px}.site-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:25px clamp(20px,5vw,70px);border-top:1px solid var(--line);background:#110d1f;font-size:9px;letter-spacing:.1em;color:#baabc0}.site-footer strong{color:#edcbe9}
/* Modal */.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#070412c9;backdrop-filter:blur(10px)}.modal-panel{position:relative;z-index:1;background:#211831;border:1px solid #e4bfe45c;border-radius:22px;box-shadow:var(--shadow);width:min(100%,485px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:37px 34px}.modal-close{position:absolute;right:17px;top:13px;background:transparent;border:0;color:white;font:30px var(--sans);width:35px;height:35px}.modal-panel h2{font:500 45px/1 var(--serif);margin:9px 0 18px}.modal-panel h2 em{color:#dcb4e8}.modal-panel>p:not(.eyebrow){font-size:12px;color:#d1c1d3;line-height:1.7}.modal-panel form{display:flex;flex-direction:column;gap:10px;margin-top:24px}.modal-panel label{font-size:11px;color:#f0dce9;font-weight:700;margin-top:9px}.modal-panel input,.modal-panel select{width:100%;min-height:49px;background:#140f22;color:#fff6f9;border:1px solid #815f8e75;border-radius:10px;padding:13px;outline-offset:2px}.modal-panel input::placeholder{color:#9f8bab}.form-submit{margin-top:17px;width:100%}.privacy-note{margin-top:17px!important;font-size:10px!important}.toast{position:fixed;z-index:110;bottom:20px;left:50%;transform:translate(-50%,130px);width:max-content;max-width:calc(100vw - 35px);padding:14px 20px;background:#302342;border:1px solid #e9bde9a8;color:#fff;border-radius:12px;box-shadow:var(--shadow);font-size:12px;opacity:0;pointer-events:none;transition:.4s}.toast.visible{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.js .reveal.visible{opacity:1;transform:translateY(0)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes twinkle{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}
@media(max-width:760px){.site-header{height:70px;padding:0 20px}.brand-copy{font-size:11px}.desktop-nav{display:none}.menu-button{display:flex}.mobile-nav{top:70px}.hero{padding:130px 20px 105px;min-height:790px;min-height:100svh}.hero-sideword{display:none}.hero-name{font-size:clamp(86px,17vw,135px)}.hero-spark{font-size:18px}.hero-pretitle{font-size:24px}.hero-age strong{font-size:54px}.hero-age span{font-size:20px}.hero-quote{font-size:23px}.hero-date{gap:15px}.hero-date strong{font-size:26px}.hero-date span{font-size:9px}.flower-one{right:-110px;bottom:-170px}.hero-flower span{font-size:300px}.hero-arc{width:90vw;height:90vw}.hero-arc-2{width:125vw;height:125vw}.section{padding:85px 21px}.section-header{margin-bottom:40px}.promise-card{min-height:335px;padding:55px 25px 35px}.promise-mark{font-size:78px}.promise-card p{font-size:26px}.event-panel{grid-template-columns:1fr;gap:1px}.event-detail{padding:21px}.detail-icon{font-size:20px}.event-detail strong{font-size:22px}.timeline{margin-top:45px}.timeline-track{left:81px}.timeline-item{grid-template-columns:67px 13px 1fr;gap:17px}.timeline-time{font-size:10px}.timeline-item h3{font-size:26px}.countdown-section{padding:85px 20px}.countdown-grid{gap:7px}.count-box{padding:19px 3px 14px}.count-box span{font-size:7px;letter-spacing:.06em}.location-card{grid-template-columns:1fr}.location-art{min-height:280px}.art-circle{width:195px;height:195px}.location-info{padding:35px 26px 43px}.location-info h3{font-size:40px}.rsvp-section{padding-top:30px}.rsvp-card{padding:70px 24px 52px}.closing-section{padding:85px 24px}.site-footer{flex-direction:column;text-align:center;gap:14px}.scroll-cue{bottom:-97px}}
@media(max-width:390px){.brand-copy{font-size:10px}.nav-actions{gap:6px}.sound-label{display:none}.sound-toggle{padding:9px}.hero-name{font-size:clamp(75px,18vw,90px)}.hero-date{gap:11px}.hero-date strong{font-size:24px}.hero-date span{font-size:8px}.hero-quote{font-size:21px}.section-header h2{font-size:42px}.count-box strong{font-size:39px}.location-info h3{font-size:38px}.modal-panel{padding:32px 21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}