@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}
@font-face{font-family:Cormorant;src:url('assets/CormorantGaramond.ttf') format('truetype');font-display:swap;font-weight:300 700}
:root{color-scheme:light;--pearl:#faf8f5;--plum:#52283e;--ink:#52283e;--muted:#52283e;--on-accent:#fff;--heading:#52283e;font-family:Manrope,sans-serif;color:var(--ink);background:var(--pearl);font-synthesis:none;--line:color-mix(in srgb,var(--ink) 28%,transparent);--wash:color-mix(in srgb,#e6b5ad 12%,var(--pearl));--paper:color-mix(in srgb,var(--pearl) 80%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:14px;line-height:1.6;background:radial-gradient(ellipse at 5% 55%,var(--wash),transparent 42%),radial-gradient(ellipse at 98% 80%,var(--wash),transparent 38%),var(--pearl)}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid var(--heading);outline-offset:5px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--heading);outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-underline-offset:5px}p{margin:0}h1,h2,h3{font-family:Cormorant,serif;font-weight:500;line-height:1.1;margin:0;color:var(--heading)}h1{font-size:clamp(52px,6.5vw,86px);letter-spacing:-2px}h2{font-size:38px;letter-spacing:-.6px}h3{font-size:24px}fieldset{border:0;margin:0;padding:0;min-width:0}legend,.field-label{font-family:Cormorant,serif;font-size:26px;font-weight:500;line-height:1.2;display:block;margin-bottom:14px;color:var(--heading)}label{display:block}input[type=text],textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--pearl) 65%,transparent);padding:16px;color:var(--ink);font-size:16px;min-height:48px;box-shadow:inset 0 1px 0 #ffffff30}textarea{resize:vertical;min-height:126px}input::placeholder,textarea::placeholder{color:var(--ink);opacity:.72}button,input,textarea{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.site-header{height:64px;max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:relative;z-index:3}.brand{font:500 32px/1 Cormorant,serif;color:var(--heading);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.site-nav{display:flex;gap:32px}.site-nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:12px;letter-spacing:.5px}.site-nav a:hover{text-decoration:underline}.site-nav a[data-section=rsvp]{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:2px;text-underline-offset:10px}#app{position:relative;isolation:isolate;min-height:60vh;overflow:clip}.preview-note,.demo-note{font-size:11px;line-height:1.5;text-align:center;padding:9px 20px;background:var(--paper);position:relative;z-index:3;color:var(--ink);border-block:1px solid var(--line)}.florals{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.floral{position:absolute;width:clamp(200px,25vw,390px);height:auto;pointer-events:none}.floral-top-left{left:-42px;top:-75px}.floral-top-right{right:-42px;top:-55px}.floral-bottom-left{bottom:-40px;left:-50px}.floral-bottom-right{bottom:-40px;right:-50px}.banner{width:100%;height:clamp(200px,23vw,335px);position:relative;overflow:hidden;z-index:-1}.banner-image{width:100%;height:100%;object-fit:cover;object-position:50% 56%;display:block;filter:saturate(.65) brightness(1.08)}.banner::after{content:'';position:absolute;bottom:-27px;left:-10%;width:120%;height:48px;background:var(--pearl);border-radius:50% 50% 0 0 / 75% 75% 0 0}.invitation{max-width:880px;margin:auto;padding:12px 24px 28px;text-align:center;position:relative;z-index:3;animation:arrive .65s ease both}.eyebrow{font-size:12px;letter-spacing:2.7px;line-height:1.7;margin-bottom:6px}.ampersand{font-size:.9em;font-style:italic}.wedding-label{font-size:17px;letter-spacing:5px;margin-top:10px}.heart-rule{display:flex;gap:12px;align-items:center;justify-content:center;margin:18px auto;color:var(--ink);opacity:.65;pointer-events:none}.heart-rule::before,.heart-rule::after{content:'';width:64px;height:1px;background:var(--line)}.icon{width:21px;height:21px;display:inline-block;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.icon-heart{--icon:url('assets/icon-heart.svg')}.icon-bus{--icon:url('assets/icon-bus.svg')}.icon-bed{--icon:url('assets/icon-bed.svg')}.icon-no{--icon:url('assets/icon-no.svg')}.icon-arrow{--icon:url('assets/icon-arrow.svg')}.date{font-family:Cormorant,serif;font-size:25px;font-weight:500;margin-bottom:3px}.location{font-size:12px}.intro{max-width:510px;margin:14px auto 0;font-size:13px;white-space:pre-line}.invitation-name{font-size:12px;margin-top:12px}.invitation-name strong{font-weight:600}.name,.intro,.closing-message,.detail-value,legend{overflow-wrap:anywhere}
.rsvp-band{position:relative;max-width:1080px;margin:auto;border-top:1px solid var(--line);padding:26px 28px 12px;scroll-margin-top:20px;z-index:3}.rsvp-inner{position:relative}.rsvp-heading{text-align:center;margin:0 auto 30px}.rsvp-heading .heart-rule{margin:14px auto}.rsvp-intro{font-size:13px;max-width:450px;margin:auto}.rsvp-flower{display:none}form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:80px;row-gap:0}.form-column{min-width:0;position:relative}.guest-column::after{content:'';position:absolute;right:-40px;top:8px;bottom:12px;width:1px;background:var(--line)}.form-section{margin-top:0;margin-bottom:28px}.choices{display:flex;gap:10px}.choice{position:relative;flex:1;min-width:0}.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.choice-content{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:10px 13px;border-radius:100px;border:1px solid var(--line);font-family:Cormorant,serif;font-size:20px;line-height:1.2;background:var(--paper);box-shadow:inset 0 1px 0 #ffffff30;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.choice input:checked+.choice-content{color:var(--on-accent);background:linear-gradient(135deg,var(--button-highlight,var(--plum)),var(--plum));border-color:var(--plum);box-shadow:0 7px 18px color-mix(in srgb,var(--plum) 13%,transparent),inset 0 1px 0 #ffffff50}.choice input:focus-visible+.choice-content{outline:2px solid var(--heading);outline-offset:4px}.choice input:disabled+.choice-content{opacity:.6}.choice-text{min-width:0}.field{margin-bottom:24px}.field-label{margin-bottom:12px}.field-description{font-size:12px;margin:-5px 0 12px}.form-column .heart-rule{display:none}.travel-fields .choices{max-width:380px}.travel-fields .choice-content{font-size:18px;min-height:44px}.travel-fields legend{font-size:24px}.travel-fields .icon{width:19px;height:19px}.submit-row{grid-column:1/-1;display:flex;align-items:center;gap:24px;max-width:850px;width:100%;margin:8px auto 0}.submit-row::before,.submit-row::after{content:'';height:1px;flex:1;background:var(--line)}.primary,.secondary{display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 22px;border:1px solid var(--line);border-radius:100px;font:500 23px/1.25 Cormorant,serif}.primary{color:var(--on-accent);background:linear-gradient(135deg,var(--button-highlight,var(--plum)),var(--plum));box-shadow:inset 0 1px 0 #ffffff50,0 8px 24px color-mix(in srgb,var(--plum) 15%,transparent)}.submit-row .primary{width:575px;max-width:100%;flex-shrink:1;gap:18px}.submit-row .primary::after{content:'';width:21px;height:21px;background:currentColor;mask:url('assets/icon-arrow.svg') center/contain no-repeat}.secondary{background:transparent;color:var(--ink);font-size:20px;margin:20px auto 0;width:100%;max-width:350px}form>.heart-rule,form>.hint,form>.feedback{grid-column:1/-1}.hint{text-align:center;font-size:11px;margin-top:0}.feedback{border-left:2px solid var(--heading);padding:8px 16px;margin-top:24px;font-size:14px}.saved{padding:24px 0;text-align:center;animation:arrive .4s ease both}.saved h2{margin-bottom:18px}.saved p{margin:8px 0}.single-column{max-width:550px;margin:auto;grid-template-columns:1fr}.single-column .guest-column::after{display:none}.single-column .party-column:empty{display:none}
.wedding-details{max-width:850px;margin:24px auto 0;padding:24px 32px 60px;text-align:center;position:relative;z-index:3;scroll-margin-top:20px}.wedding-details h2{font-size:34px}.details{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin:30px auto;max-width:710px}.detail-label{display:block;font-family:Cormorant,serif;font-size:23px;line-height:1.2;margin-bottom:8px;color:var(--heading)}.detail-value,.address{font-size:13px}.details>div:first-child{grid-column:1/-1}.map-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:12px}.hero-photo{display:block;max-width:580px;width:100%;max-height:440px;object-fit:cover;margin:28px auto;border-radius:2px}.closing-message{font-family:Cormorant,serif;font-size:27px;line-height:1.3;max-width:500px;white-space:pre-line;margin:24px auto 0}.dock{position:fixed;bottom:0;left:0;right:0;padding:10px 24px max(12px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--pearl) 86%,transparent);backdrop-filter:blur(18px);z-index:5;border-top:1px solid var(--line)}.dock .primary{max-width:480px;width:100%;margin:auto;font-size:20px;min-height:48px}.footer{text-align:center;font-size:11px;padding:20px 24px 100px;position:relative}.status-screen{max-width:480px;margin:60px auto;padding:24px}.status-screen h1{font-size:44px;margin:16px 0}.status-screen button{margin-top:24px}.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}
body[data-font=modern] h1,body[data-font=modern] h2,body[data-font=modern] legend,body[data-font=modern] .field-label,body[data-font=modern] .detail-label,body[data-font=modern] .choice-content,body[data-font=modern] .primary,body[data-font=modern] .secondary{font-family:Manrope,sans-serif;font-weight:500}body[data-font=modern] h1{font-size:clamp(38px,5vw,66px);letter-spacing:-1.5px}body[data-font=modern] legend,body[data-font=modern] .field-label{font-size:19px}body[data-font=modern] .choice-content,body[data-font=modern] .primary{font-size:15px}body[data-layout=editorial] .banner-image{object-position:35% 50%}body[data-layout=botanical] .floral{width:clamp(220px,27vw,420px)}
@media(max-width:760px){.site-header{height:56px;padding:0 22px}.brand{font-size:28px}.site-nav{gap:15px}.site-nav a{font-size:10px}.banner{height:185px}.banner-image{object-position:65% 50%}.floral{width:210px}.floral-top-left{left:-72px;top:5px}.floral-top-right{right:-64px;top:0}.floral-bottom-left{left:-80px;bottom:-20px;width:230px}.floral-bottom-right{display:none}.invitation{padding:14px 24px 30px;max-width:550px}h1{font-size:52px;letter-spacing:-1.7px}.eyebrow{font-size:10px;letter-spacing:2px}.wedding-label{font-size:12px;letter-spacing:4px}.date{font-size:23px}.location{font-size:12px;max-width:300px;margin:auto}.intro{font-size:12px;max-width:320px}.invitation-name{font-size:11px}.rsvp-band{margin:0 18px;padding:34px 8px 18px;border-top:1px solid var(--line)}.rsvp-heading{text-align:left;margin:0 0 30px;position:relative;z-index:1}.rsvp-heading h2{font-size:36px;max-width:290px}.rsvp-heading .heart-rule{justify-content:flex-start;margin:18px 0}.rsvp-intro{font-size:14px;max-width:310px;margin:0;line-height:1.5}.rsvp-flower{display:block;position:absolute;right:-32px;top:-38px;width:135px;height:auto;pointer-events:none;opacity:.6;z-index:-1}form{display:block}.guest-column::after{display:none}legend,.field-label{font-size:23px;margin-bottom:14px}.form-section,.field{margin-bottom:0}.choices{gap:8px}.choice-content{font-size:19px;min-height:51px;padding:10px 12px;gap:8px}.choice .icon{width:19px;height:19px}.form-column .heart-rule{display:flex;margin:22px auto;opacity:.5}.form-column .heart-rule::before,.form-column .heart-rule::after{width:72px}textarea{min-height:110px;padding:14px;font-size:16px}.travel-fields .choices{max-width:none}.travel-fields .choice-content{min-height:50px;font-size:19px}.travel-fields legend{font-size:23px}.travel-fields .choice-content{flex-direction:row-reverse}.field-description{font-size:12px;margin-bottom:14px}.submit-row{display:block;margin-top:28px}.submit-row::before,.submit-row::after{display:none}.submit-row .primary{width:100%;font-size:23px;min-height:56px}.hint{font-size:10px;max-width:290px;margin:0 auto}.wedding-details{padding:12px 28px 45px;margin-top:12px}.wedding-details h2{font-size:31px}.details{grid-template-columns:1fr;gap:25px}.detail-label{font-size:24px}.detail-value{font-size:13px}.closing-message{font-size:26px}.footer{padding-bottom:96px}body[data-layout=botanical] .floral{width:230px}}
@media(max-width:360px){.site-nav{gap:12px}.rsvp-band{margin:0 14px;padding-inline:6px}.choice-content{font-size:17px;padding:10px 9px;gap:6px}.travel-fields .choice-content{font-size:17px}.rsvp-heading h2{font-size:33px}.invitation h1{font-size:46px}legend,.field-label,.travel-fields legend{font-size:22px}}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.floral-side-left,.floral-side-right{top:48%;width:clamp(120px,13vw,200px);opacity:.72}.floral-side-left{left:-50px}.floral-side-right{right:-50px}
@media(max-width:760px){.floral-side-left,.floral-side-right{display:none}}

/* The supplied paper reference has a warm rose tint, independent of the chosen ink. */
:root{--line:color-mix(in srgb,color-mix(in srgb,var(--ink) 25%,#daa49e) 65%,transparent);--wash:color-mix(in srgb,#e6b5ad 22%,var(--pearl))}
.optional{font-size:.65em;font-style:italic;font-weight:400;white-space:nowrap}
@media(max-width:760px){.rsvp-flower-top-right{opacity:.8;width:145px}.rsvp-flower-bottom-left{top:auto;bottom:0;right:auto;left:-120px;opacity:.75;width:145px}}

.accommodation-nights select{width:100%;min-height:48px;border:1px solid currentColor;border-radius:12px;background:var(--pearl);color:var(--ink);font:inherit;padding:12px;margin-top:8px}.stay-details{padding-top:40px;padding-bottom:40px}.stay-details .detail-value{margin-bottom:12px;white-space:pre-wrap}

/* The loader needs no image download of its own. */
.invitation-loader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px max(24px,env(safe-area-inset-left));background:var(--pearl);color:var(--ink);text-align:center;opacity:1;transition:opacity .35s ease,visibility .35s ease}
.invitation-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.loader-heart{font:400 44px/1.2 Georgia,serif;color:var(--heading)}
.loader-brand{font:500 42px/1.1 Georgia,serif;color:var(--heading);margin:12px 0 28px;letter-spacing:-1px}
.loader-title{font-size:15px;font-weight:500}
.loader-detail{font-size:12px;max-width:280px;margin-top:8px}
.loader-spinner{width:28px;height:28px;margin-top:28px;border:1px solid var(--line);border-top:2px solid var(--heading);border-radius:50%;animation:loader-turn 1.2s linear infinite}
body.invitation-loading{overflow:hidden}
.invitation-loading #app,.invitation-loading .site-header,.invitation-loading .footer{visibility:hidden}
.invitation-ready #app{animation:invitation-reveal .6s cubic-bezier(.2,.7,.2,1) both}
#app img{transition:opacity .4s ease}
#app img.image-loading{opacity:0}
@keyframes loader-turn{to{transform:rotate(360deg)}}
@keyframes invitation-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* A quiet, practical companion to the floral invitation. */
.day-back-link{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:12px;text-underline-offset:4px}
.wedding-day-page{max-width:680px;margin:auto;padding:16px 28px 40px;overflow-wrap:anywhere}
.day-preview-note{font-size:11px;padding:12px 0;border-bottom:1px solid var(--line)}
.day-hero{padding:40px 0 32px}.day-hero h1{font-size:clamp(42px,7vw,64px);letter-spacing:-1.2px;max-width:520px;margin:12px 0}
.day-date{font:500 25px/1.3 Cormorant,serif}.day-welcome{margin-top:16px;max-width:420px;font-size:13px}
.day-section{padding:32px 0;border-top:1px solid var(--line)}.day-section h2{font-size:30px;margin-bottom:16px}.day-caption{font-size:11px;line-height:1.7}
.day-timeline{list-style:none;padding:0;margin:24px 0 0}.day-group-label{font-size:11px;letter-spacing:.5px;margin:28px 0 20px}.day-event:first-child .day-group-label{margin-top:0}
.day-event-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;position:relative;padding-bottom:28px}.day-event-time{font-size:13px;font-variant-numeric:tabular-nums;line-height:1.7;padding-top:2px}
.day-event-content{border-left:1px solid var(--line);padding-left:20px;position:relative}.day-event-content:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--heading);position:absolute;left:-3.5px;top:9px}
.day-event-content h3{font-size:25px;line-height:1.2}.day-event-place{font-size:12px;margin-top:8px}.day-event-note{font-size:12px;white-space:pre-line;margin-top:8px}.day-audience{font-size:10px;margin-top:8px}
.day-event-content .map-link{display:inline-flex;min-height:44px;align-items:center;margin:0;font-size:11px}
.day-venue-name{font-size:14px}.day-section>p{margin-top:12px;white-space:pre-line}.day-section>.map-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
#day-personal h3{font-size:24px;margin:28px 0 12px}#day-personal p{font-size:13px}.day-party p+p{margin-top:8px}#day-personal .day-caption{font-size:11px}
.day-ending{border-top:1px solid var(--line);padding:32px 0 0;text-align:center;font-size:11px;max-width:400px;margin:auto}.day-heart{font:32px Georgia,serif;display:block;margin-bottom:12px}
.is-wedding-day .footer{padding:24px 24px 36px}.is-wedding-day .site-header{max-width:736px}.is-wedding-day .site-nav{display:none}
body[data-font=modern] .day-date,body[data-font=modern] .day-event-content h3,body[data-font=modern] #day-personal h3{font-family:Manrope,sans-serif}
body[data-font=modern] .day-event-content h3{font-size:19px}body[data-font=modern] .day-date{font-size:18px}
@media(max-width:360px){.wedding-day-page{padding-inline:20px}.day-event-row{gap:12px}.day-event-content{padding-left:16px}}