@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');

:root{--ink:#382740;--plum:#483154;--lavender:#e5d9ee;--paper:#f5f0f8;--silver:#d7c5e9;--muted:#726479;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a67ac5;outline-offset:5px}button{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02}h2{font-size:clamp(3rem,5.3vw,5.5rem);letter-spacing:-.035em}h3{font-size:2.6rem}em{font-weight:400}p+p{margin-top:1.1em}.eyebrow{font-size:.78rem;letter-spacing:.24em;font-weight:500;line-height:1.6;margin-bottom:25px}.section{position:relative;text-align:center;padding:110px 24px;isolation:isolate;overflow:hidden}.section-curve{position:absolute;bottom:-1px;left:0;width:100%;height:90px;z-index:4;pointer-events:none;display:block}.narrow{max-width:420px;margin:24px auto 0}.photo-section{position:relative;overflow:hidden;isolation:isolate}.spark{display:inline-block;font-size:2rem;font-weight:400;line-height:1;animation:star-breathe 6s ease-in-out infinite}.little-line{display:block;background:currentColor;height:1px;width:52px;margin:30px auto;opacity:.45}.signature{font:italic 2.6rem/1.2 var(--serif)}.button{display:inline-flex;gap:30px;justify-content:center;align-items:center;min-height:54px;border-radius:999px;padding:15px 28px;text-decoration:none;border:1px solid transparent;font-size:.94rem;font-weight:500;line-height:1.4;transition:background .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.button.primary:hover{background:#574065}.button.outline{border-color:#94839f;background:transparent}.button.outline:hover{background:#ede3f3}.button span{font-size:1.2rem}.text-link{border:0;border-bottom:1px solid currentColor;padding:8px 0;background:transparent;font-size:1rem}.text-link span{margin-left:20px}.text-link:hover{opacity:.75}

/* A photographic opening, with its tint connecting into the first section. */
.hero{height:100svh;min-height:740px;max-height:1150px;color:#fff5ff;background:#322039}.hero-photo,.hero-tint,.hero-halo{position:absolute;inset:0;width:100%;height:100%}.hero-photo{animation:hero-living 20s ease-in-out infinite alternate;transform-origin:50% 30%;object-position:50% 34%}.hero-tint{background:linear-gradient(180deg,rgba(31,17,38,.37) 0%,rgba(43,25,54,.04) 29%,rgba(41,19,50,.15) 42%,rgba(55,32,68,.74) 73%,#4b305ce6 100%);z-index:1}.hero-halo{background:radial-gradient(ellipse at 85% 20%,#bd9ac514,transparent 45%);z-index:1;pointer-events:none}.hero-top{position:absolute;z-index:2;top:35px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between}.hero-top>span:first-child{font-size:.75rem;letter-spacing:.22em}.hero-top .spark{font-size:1.5rem}.hero-copy{position:absolute;left:20px;right:20px;bottom:156px;z-index:2;text-align:center}.hero-copy .eyebrow{margin-bottom:5px;letter-spacing:.45em}.hero h1{font-size:clamp(5.6rem,12vw,10.5rem);letter-spacing:-.055em;line-height:1.04;animation:rise-in 1.6s both .2s}.hero-line{font-size:1rem;letter-spacing:.02em;margin:13px 0 0;animation:rise-in 1.6s both .5s}.hero-date{font-size:.88rem;letter-spacing:.23em;margin-top:22px;animation:rise-in 1.6s both .65s}.intro-in{animation:rise-in 1.5s both}.song-intro{display:inline-flex;gap:12px;align-items:center;color:inherit;border:0;background:transparent;margin-top:25px;padding:5px 12px;font-size:.86rem;animation:rise-in 1.5s both .85s}.play-symbol{display:grid;place-items:center;width:34px;height:34px;border:1px solid #f6e9ff80;border-radius:50%;font-size:1rem}.scroll-cue{position:absolute;bottom:72px;z-index:5;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;white-space:nowrap;text-decoration:none}.scroll-cue span{font-size:.67rem;letter-spacing:.2em}.scroll-cue i{display:block;width:1px;height:24px;background:#fff8;animation:scroll-pulse 2.5s ease-in-out infinite}.hero .section-curve{height:75px}

.date-section{background:#f0e9f6;padding-top:60px;padding-bottom:85px}.date-heading{position:relative;z-index:1}.date-number{font:500 7rem/.9 var(--serif);letter-spacing:-.06em;margin:28px 0}.date-number span{display:block;font:500 .8rem/1 var(--sans);letter-spacing:.32em;margin-top:20px}.date-section h2{font:400 1rem/1.6 var(--sans);letter-spacing:0}.date-time{font-size:.95rem;color:var(--muted);margin-top:4px}.countdown-wrap{margin:50px auto 0;position:relative;z-index:1}.countdown-wrap>p{font-size:.93rem}.countdown{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:28px}.countdown strong{display:block;font:400 3.65rem/1 var(--serif);font-variant-numeric:tabular-nums;min-width:70px}.countdown span{display:block;font-size:.7rem;letter-spacing:.15em;margin-top:12px}.countdown b{font:400 2rem/1 var(--serif);opacity:.4;margin-top:-20px}.date-orbit{position:absolute;width:470px;height:470px;border:1px solid #ae95bf33;border-radius:50%;top:75px;left:calc(50% - 235px);pointer-events:none}.date-orbit:after{content:'';position:absolute;inset:17px;border:1px solid #ae95bf20;border-radius:50%}

.memories{padding:70px 24px 0;background:linear-gradient(#f0e9f6,#ede2f2)}.memories header{margin-bottom:46px}.memories h2{font-size:clamp(3rem,4.8vw,4.5rem)}.film-shell{width:min(660px,100%);margin:auto}.film{height:720px;position:relative;background:#000;overflow:hidden;border-radius:240px 240px 8px 8px;isolation:isolate;transform:translateZ(0)}.film img{transform-origin:50% 35%;position:absolute;inset:0}.film-shade{position:absolute;inset:0;background:linear-gradient(transparent 65%,#160e20a6);pointer-events:none}.film-note{position:absolute;bottom:35px;left:36px;color:#fff7ff;font:italic 1.75rem var(--serif)}.film-note i{margin:0 6px}.film #photo-number{position:absolute;right:30px;bottom:37px;font-size:.76rem;letter-spacing:.1em;color:#fff}.film-caption{padding:23px 3px;display:flex;justify-content:space-between;align-items:center;gap:12px}.film-caption>span:first-child{font-size:.72rem;letter-spacing:.17em}.film-caption .spark{font-size:1.5rem}

.story{background:#ede2f2;padding-top:105px;padding-bottom:165px}.story-inner{position:relative;z-index:1;max-width:580px;margin:auto}.story h2{font-size:clamp(3rem,5vw,5rem)}.story-text{max-width:430px;margin:35px auto 30px;font-size:1.05rem;color:#5f506b}.story .signature{margin-top:35px}.story-orbit{position:absolute;width:550px;height:550px;border:1px solid #af95bf2e;border-radius:50%;right:-380px;top:100px}.story-orbit:before{content:'✦';position:absolute;left:40px;top:95px;font-size:1.2rem;color:#92749f}.bridge{background:#382740;color:#f1e4f7;padding:45px 24px 95px}.bridge .spark{color:#ceb3de;font-size:1.5rem;margin-bottom:35px}.bridge p{font:400 clamp(2rem,4vw,3.6rem)/1.22 var(--serif);letter-spacing:-.02em}.bridge p em{color:#d9bfea}.bridge .little-line{margin-bottom:0}

.celebration{background:#f8f4fa;padding-bottom:150px}.venue-list{max-width:680px;margin:50px auto 0}.venue{position:relative;border-top:1px solid #cbbcd2;padding:42px 20px 10px}.venue-number{position:absolute;top:28px;left:10px;font:italic 1.5rem var(--serif);color:#948099}.venue .eyebrow{font-size:.75rem;margin-bottom:18px}.venue h3{font-size:2.7rem}.venue-time{font:italic 2.8rem/1.1 var(--serif);margin-top:25px}.venue-place{font-size:1rem;margin-top:18px;font-weight:500}.venue-note{font-size:.88rem;margin:3px 0 25px;color:var(--muted)}.venue .button{font-size:.875rem}.dress{background:#e5d9ee;padding-top:65px;padding-bottom:90px}.dress h2{font-size:clamp(2.8rem,4.6vw,4.5rem)}.dress-code{font:italic 2rem var(--serif);margin-top:32px}.dress .narrow{margin-top:10px;color:#64516e}.palette{display:flex;justify-content:center;gap:9px;margin-top:27px}.palette i{height:19px;width:19px;border-radius:50%;border:1px solid #8f799344;background:#c2a6d4}.palette i:nth-child(2){background:#d2bddd}.palette i:nth-child(3){background:#f4ecfa}.palette i:nth-child(4){background:#a68bb9}.gifts{background:#f5eff8;padding:90px 24px 105px}.gifts h2{font-size:clamp(2.9rem,5vw,4.8rem)}.gifts .narrow{color:#75627e}.gifts .text-link{margin-top:24px}.rsvp{background:#553a61;color:#fbf2ff;padding:85px 24px 115px;border-radius:50% 50% 0 0 / 45px 45px 0 0;margin-top:-35px}.rsvp>div{position:relative;z-index:1}.rsvp h2{font-size:clamp(4rem,7vw,6.5rem);margin-bottom:25px}.rsvp h2 em{color:#e3cbed}.rsvp>div>p:not(.eyebrow){font-size:.92rem;color:#e4d1ed}.rsvp .button.primary{background:#f0e3f8;color:#392440;border-color:#f0e3f8;margin-top:28px;min-width:255px}.rsvp .button.primary:hover{background:#fff}.rsvp-orbit{position:absolute;width:600px;height:600px;border:1px solid #e3cbed1c;border-radius:50%;left:calc(50% - 300px);top:65px;pointer-events:none}.response-status:empty{display:none}.response-status{margin:20px auto 0;max-width:380px}

.closing{height:800px;background:#382740;color:#fff7ff}.closing-photo,.closing-tint{position:absolute;inset:0;width:100%;height:100%}.closing-photo{animation:hero-living 19s ease-in-out infinite alternate;transform-origin:50% 25%}.closing-tint{background:linear-gradient(#553a6180,transparent 22%,#41264730 40%,#38213cd6 86%)}.closing-copy{position:absolute;left:20px;right:20px;bottom:120px;z-index:2;text-align:center}.closing-copy h2{font-size:clamp(2.7rem,5.3vw,5rem)}.closing-copy .signature{font-size:3.4rem}.closing-copy .spark{font-size:1.8rem;margin-top:25px}.closing-copy .eyebrow{margin-bottom:15px}.closing .section-curve{height:70px}footer{position:relative;isolation:isolate;background:#ede4f1;text-align:center;padding:35px 24px 120px;font-size:.875rem;color:#7b6386}.brand-signature{background:none;border:0;display:inline-flex;gap:11px;align-items:center;font:500 1.4rem/1.4 var(--serif);padding:8px;color:#5f446d}.brand-mark{font-style:italic;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ac93b5;border-radius:50%;font-size:1.3rem}footer>p{margin-top:10px;font-size:.83rem}.credits-link{font-size:.85rem;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:2px;margin-top:18px}

.music-float{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:20px;width:57px;height:57px;border-radius:50%;background:#fbf4fcf2;color:var(--plum);border:1px solid #bba4c5;z-index:15;box-shadow:0 5px 25px #33213e1a;display:grid;place-items:center;backdrop-filter:blur(8px)}.sound-bars{display:flex;gap:3px;align-items:center;height:22px}.sound-bars i{width:3px;height:9px;background:currentColor;transform-origin:center}.sound-bars i:nth-child(2){height:20px}.sound-bars i:nth-child(3){height:14px}.sound-bars i:nth-child(4){height:10px}.is-playing .sound-bars i{animation:sound-wave .9s ease-in-out infinite alternate}.is-playing .sound-bars i:nth-child(2){animation-delay:-.4s}.is-playing .sound-bars i:nth-child(3){animation-delay:-.7s}.is-playing .sound-bars i:nth-child(4){animation-delay:-.1s}#music-feedback{position:fixed;right:18px;bottom:88px;max-width:270px;padding:12px 17px;color:#fff;background:#382740f2;border-radius:12px;font-size:.875rem;z-index:16;box-shadow:0 4px 20px #0001}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

dialog{border:0;padding:0;border-radius:24px;background:#faf5fd;color:var(--ink);width:min(520px,calc(100% - 28px));max-height:88svh;overflow:auto;box-shadow:0 25px 100px #150a2055}dialog::backdrop{background:#21112ca6;backdrop-filter:blur(5px)}.dialog-content{padding:45px 32px 36px}.dialog-content h2{font-size:3.1rem;margin-bottom:22px}.dialog-content>p{margin-bottom:20px}.dialog-close{position:sticky;float:right;top:9px;right:10px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#e7dced;color:#493154;font-size:1.7rem;line-height:1}.dialog-content .eyebrow{font-size:.73rem}.demo-note{font-size:.875rem;color:var(--muted);line-height:1.6}form{margin-top:27px}form>label,#attendance-fields>label{display:block;text-align:left;font-size:.9rem;font-weight:500;margin:22px 0 9px}form label span{font-weight:400;color:var(--muted);font-size:.82rem}input:not([type=radio]),textarea{display:block;width:100%;border:1px solid #cfbed9;border-radius:10px;padding:12px 14px;color:var(--ink);background:#fffbff;font-size:1rem;line-height:1.5}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8a7793;font-size:.9rem}fieldset{border:0;padding:0;margin:24px 0}legend{font-size:.9rem;font-weight:500;margin-bottom:10px}.radio-options{display:flex;gap:9px;flex-wrap:wrap}.radio-options label{border:1px solid #c8b4d3;border-radius:10px;padding:11px 12px;flex:1;white-space:nowrap;font-size:.875rem}.radio-options input{accent-color:#734b89;margin-right:5px}.field-help{font-size:.81rem;color:var(--muted);line-height:1.5;margin-top:8px}.dialog-content .button{width:100%;margin-top:25px}.dialog-content .text-link{display:block;margin:18px auto 0}#rsvp-success{text-align:center}#rsvp-success .spark{margin:20px 0;font-size:2rem}#rsvp-success h3{font-size:2.5rem;margin-bottom:22px}#rsvp-success p{font-size:.95rem}#rsvp-success .demo-note{font-size:.875rem}.no-script{padding:40px 24px;max-width:600px;margin:auto}[hidden]{display:none!important}

.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity 1.05s ease,transform 1.05s cubic-bezier(.2,.6,.2,1)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}
@keyframes hero-living{from{transform:scale(1.015)}to{transform:scale(1.09)}}
@keyframes rise-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes star-breathe{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}
@keyframes scroll-pulse{0%,100%{transform:scaleY(.7);opacity:.4}50%{transform:scaleY(1);opacity:1}}
@keyframes sound-wave{from{transform:scaleY(.4)}to{transform:scaleY(1)}}

@media(min-width:1000px){.hero-photo{object-position:50% 32%!important}.hero-copy{bottom:150px}.hero-tint{background:linear-gradient(180deg,#29173042 5%,#2c183214 35%,#392047b8 78%,#4b305ce6)}.date-section{padding-bottom:105px}.film-shell{width:660px}.film{height:760px}.story{padding-top:120px}.closing{height:850px}.closing-photo{object-position:50% 30%!important}.closing-copy{bottom:130px}.closing-tint{background:linear-gradient(90deg,#38213c55,#38213c40),linear-gradient(transparent 30%,#38213cc9 90%)}}
@media(max-width:600px){.hero{height:100svh;min-height:700px;max-height:960px}.hero-top{top:26px;left:24px;right:24px}.hero-top>span:first-child{font-size:.65rem;letter-spacing:.14em}.hero-copy{bottom:135px}.hero h1{font-size:clamp(4.3rem,16.9vw,6.5rem)}.hero-line{font-size:.86rem;max-width:270px;margin:13px auto 0}.hero-date{margin-top:17px;font-size:.78rem}.song-intro{margin-top:20px}.scroll-cue{bottom:64px}.hero .section-curve{height:58px}.section{padding-left:24px;padding-right:24px}.eyebrow{font-size:.72rem;letter-spacing:.18em}.date-section{padding-top:48px;padding-bottom:65px}.date-number{font-size:6.5rem}.date-orbit{width:350px;height:350px;left:calc(50% - 175px);top:85px}.countdown-wrap{margin-top:40px}.countdown{gap:12px}.countdown strong{font-size:3.2rem;min-width:60px}.countdown span{font-size:.68rem}.memories{padding-top:42px;padding-left:20px;padding-right:20px}.memories header{margin-bottom:34px}.memories h2{font-size:3rem}.film{height:570px;border-radius:170px 170px 6px 6px}.film-note{left:24px;bottom:27px;font-size:1.6rem}.film #photo-number{right:22px;bottom:28px;font-size:.72rem}.film-caption>span:first-child{font-size:.67rem;letter-spacing:.1em}.story{padding-top:70px;padding-bottom:120px}.story h2{font-size:3.25rem}.story-text{font-size:1rem;margin-top:25px}.story .signature{font-size:2.45rem}.story .section-curve{height:65px}.bridge{padding-top:38px;padding-bottom:68px}.bridge p{font-size:2.2rem}.celebration{padding-top:75px;padding-bottom:100px}.celebration h2{font-size:3.25rem}.venue-list{margin-top:35px}.venue{padding-top:34px}.venue h3{font-size:2.4rem}.venue-number{top:25px;left:0}.venue .eyebrow{font-size:.7rem}.venue-note{font-size:.8rem}.celebration .section-curve{height:60px}.dress{padding-top:60px;padding-bottom:70px}.dress h2{font-size:2.8rem}.gifts{padding-top:75px;padding-bottom:95px}.gifts h2{font-size:3.1rem}.rsvp{padding-top:75px;padding-bottom:90px}.rsvp h2{font-size:4.25rem}.rsvp .eyebrow{font-size:.68rem}.closing{height:650px}.closing-copy{bottom:95px}.closing-copy h2{font-size:3rem}.closing-copy .eyebrow{font-size:.68rem}.closing-copy .signature{font-size:3rem}.closing .section-curve{height:55px}footer{padding-top:24px;padding-bottom:105px}.brand-signature{font-size:1.15rem}.music-float{width:53px;height:53px;right:16px}.dialog-content{padding:36px 23px 28px}.dialog-content h2{font-size:2.8rem}}
@media(max-width:360px){.hero h1{font-size:4.25rem}.hero-top>span:first-child{font-size:.6rem}.film{height:490px}.film-note{font-size:1.4rem}.countdown{gap:8px}.section{padding-left:19px;padding-right:19px}.closing-copy h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo,.closing-photo,.spark,.scroll-cue i,.sound-bars i,.hero h1,.hero-line,.hero-date,.intro-in,.song-intro{animation:none!important}.motion-ready .reveal{opacity:1;transform:none;transition:none}.button{transition:none}}