:root{
  --ivory:#f5f0e6;
  --paper:#fffdf8;
  --cream:#ebe1d0;
  --gold:#b18a4d;
  --gold-dark:#8b6a38;
  --charcoal:#292724;
  --charcoal-soft:#3b3833;
  --sage:#9ca58e;
  --muted:#777066;
  --line:rgba(139,106,56,.28);
  --shadow:0 22px 70px rgba(49,40,28,.15);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
body.locked{overflow:hidden}
img{display:block;width:100%}
button,a,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}

.loader{position:fixed;inset:0;z-index:2000;display:grid;place-content:center;gap:18px;background:var(--ivory);text-align:center;transition:opacity .75s ease,visibility .75s ease}
.loader.hide{opacity:0;visibility:hidden}
.loader-mark{width:104px;height:104px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--gold);font-family:"Cormorant Garamond",Georgia,serif;font-size:38px;animation:pulse 1.9s ease-in-out infinite}
.loader-mark i{font-size:17px;font-weight:400}
.loader p{margin:0;color:var(--gold-dark);font-size:.64rem;letter-spacing:.32em}

.cover{position:fixed;inset:0;z-index:1500;background:var(--ivory);transition:transform 1s cubic-bezier(.77,0,.18,1),opacity .8s ease}
.cover.opened{transform:translateY(-105%);opacity:0;pointer-events:none}
.cover-layout{height:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}
.cover-photo-panel{position:relative;overflow:hidden;background:#25221f}
.cover-photo-panel img{height:100%;object-fit:cover;object-position:center 40%;animation:kenburns 18s ease-in-out infinite alternate}
.photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,20,18,.2),rgba(23,20,18,.08) 58%,rgba(23,20,18,.36)),linear-gradient(0deg,rgba(23,20,18,.56),transparent 48%)}
.cover-side-caption{position:absolute;left:42px;bottom:34px;margin:0;color:rgba(255,255,255,.78);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase}
.cover-paper{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fffefb 0%,var(--ivory) 100%);border-left:1px solid rgba(177,138,77,.22)}
.cover-copy{position:relative;z-index:2;width:min(78%,520px);text-align:center;padding:44px 24px}
.kicker{margin:0 0 15px;font-size:.66rem;line-height:1.7;text-transform:uppercase;letter-spacing:.28em}
.gold{color:var(--gold-dark)}
.cover-monogram{width:70px;height:70px;margin:0 auto 20px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-dark);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.3rem;letter-spacing:.08em}
.cover-monogram span{font-size:.8rem;margin:0 3px}
.cover h1{margin:0;font-family:Allura,"Brush Script MT",cursive;font-weight:400;font-size:clamp(4.5rem,8.2vw,7rem);line-height:.78;color:var(--charcoal)}
.cover h1 span{display:block;margin:.3em 0 .05em;font-family:"Cormorant Garamond",Georgia,serif;font-size:.28em;color:var(--gold)}
.cover-date{margin:24px 0 0;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.15rem;letter-spacing:.08em}
.fine-rule,.ornament-rule{display:flex;align-items:center;justify-content:center;gap:10px;width:min(250px,80%);margin:24px auto;color:var(--gold)}
.fine-rule i,.ornament-rule i{height:1px;flex:1;background:var(--line)}
.fine-rule b,.ornament-rule b{font-size:.65rem;font-weight:400}
.guest-block{margin-bottom:22px}
.guest-block p{margin:0 0 7px;color:var(--muted);font-size:.75rem}
.guest-block strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.28rem;font-weight:600}
.botanical{position:absolute;width:min(270px,43%);fill:none;stroke:rgba(177,138,77,.46);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.botanical-top{top:-22px;right:-18px}
.botanical-bottom{bottom:-35px;left:-18px;transform:rotate(180deg)}

.button{border:0;border-radius:999px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}
.button:hover{transform:translateY(-2px)}
.button-filled{background:var(--gold);color:#fff;box-shadow:0 12px 30px rgba(139,106,56,.24)}
.button-filled:hover{background:var(--gold-dark)}
.button-outline{border:1px solid var(--gold);color:var(--gold-dark);background:transparent}
.button-outline:hover{background:var(--gold);color:#fff}
.button-icon{font-size:.85rem}
.text-link{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dark);text-decoration-thickness:1px;text-underline-offset:4px}

.site-shell{display:grid;grid-template-columns:minmax(380px,46vw) minmax(0,1fr);min-height:100vh;opacity:0;transition:opacity .8s ease}
.site-shell.visible{opacity:1}
.desktop-visual{position:sticky;top:0;height:100vh;overflow:hidden;background:#222}
.desktop-visual>img{height:100%;object-fit:cover;object-position:center 42%}
.desktop-visual-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,22,19,.75),rgba(25,22,19,.05) 65%),linear-gradient(90deg,transparent 78%,rgba(25,22,19,.2))}
.desktop-visual-copy{position:absolute;left:9%;right:9%;bottom:7%;color:#fff;text-align:center}
.desktop-visual-copy p{margin:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.28em}
.desktop-visual-copy h2{margin:.08em 0 .12em;font-family:Allura,"Brush Script MT",cursive;font-size:clamp(4rem,7vw,7rem);font-weight:400;line-height:.8}
.desktop-visual-copy h2 span{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:.24em;margin:.35em}
.invitation-page{position:relative;min-width:0;background:var(--paper);overflow:hidden}
.invitation-page::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 18%,rgba(177,138,77,.035) 54%,rgba(255,255,255,.3) 100%),repeating-linear-gradient(0deg,rgba(139,106,56,.018) 0,rgba(139,106,56,.018) 1px,transparent 1px,transparent 12px)}
.section{position:relative;padding:100px clamp(28px,5.8vw,88px);text-align:center;overflow:hidden}
.section::after{content:"";position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(110px,38%);height:14px;background:radial-gradient(circle at center,var(--gold) 0 1.2px,transparent 1.4px) center/14px 14px repeat-x;opacity:.2;pointer-events:none}
.section:last-child::after{display:none}
.section-soft{background:var(--ivory)}
.section-soft::before,.opening-section::before,.rsvp-section::before{content:"";position:absolute;inset:auto auto 0 0;width:190px;height:190px;pointer-events:none;opacity:.14;background-repeat:no-repeat;background-size:contain;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 220" fill="none" stroke="%23b18a4d" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"><path d="M19 202C55 167 58 118 83 81c20-30 49-48 92-62"/><path d="M55 162c-31-7-41-31-40-52 26 3 42 19 40 52Zm24-56c-10-30 5-52 24-62 10 24 2 47-24 62Zm31-35c17-27 43-30 63-22-12 25-34 34-63 22Zm-60 75c21-19 46-17 63-3-17 20-41 23-63 3Z"/></svg>')}
.section-soft::before{left:-24px;bottom:-28px}
.section-soft::after,.opening-section::after,.rsvp-section::after{content:"";position:absolute;inset:18px 0 auto auto;width:150px;height:150px;pointer-events:none;opacity:.11;background-repeat:no-repeat;background-size:contain;transform:rotate(14deg);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 220" fill="none" stroke="%23b18a4d" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"><path d="M13 186c37-28 38-83 72-121 21-24 47-37 93-48"/><path d="M51 144c-26-7-35-28-31-47 23 4 36 20 31 47Zm33-55c-4-27 13-43 31-49 5 23-6 41-31 49Zm31-30c19-21 42-19 58-7-15 20-36 24-58 7Z"/></svg>')}
.opening-section::before,.rsvp-section::before{left:-22px;bottom:-18px}
.opening-section::after,.rsvp-section::after{right:-18px;top:10px}
.section-title{position:relative;max-width:650px;margin:0 auto 48px}
.section-title::after{content:"";display:block;width:108px;height:14px;margin:18px auto 0;background:linear-gradient(90deg,transparent 0 6%,rgba(177,138,77,.34) 6% 42%,transparent 42% 58%,rgba(177,138,77,.34) 58% 94%,transparent 94% 100%),radial-gradient(circle at center,var(--gold) 0 1.6px,transparent 1.8px) center/14px 14px no-repeat;opacity:.9}
.section-title h2,.opening-section h2,.countdown-section h2{margin:.15em 0 .38em;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(2.9rem,6vw,5rem);line-height:.93}
.section-title h2{position:relative;display:inline-block}
.section-title>p:last-child{color:var(--muted);line-height:1.75}
.opening-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#fffdf9,var(--ivory))}
.opening-section>h2{max-width:720px;font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1.02}
.lead{max-width:650px;margin:0 auto;color:var(--muted);line-height:1.85}
.section-botanical{position:absolute;fill:none;stroke:rgba(177,138,77,.35);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;width:210px}
.section-botanical.top-right{top:-18px;right:-28px}
.editorial-photos{position:relative;width:min(100%,530px);height:390px;margin:54px auto 44px}
.portrait{position:absolute;margin:0;overflow:hidden;background:#ddd;box-shadow:var(--shadow)}
.portrait img{height:100%;object-fit:cover}
.portrait-one{left:2%;top:0;width:58%;height:82%;border-radius:180px 180px 24px 24px}
.portrait-two{right:3%;bottom:0;width:47%;height:72%;border:10px solid var(--paper);border-radius:24px 24px 150px 150px}
.quote{position:relative;max-width:680px;margin:0 auto;padding:28px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.25rem,2.6vw,1.65rem);font-style:italic;line-height:1.55;background:linear-gradient(90deg,rgba(177,138,77,.035),transparent 16%,transparent 84%,rgba(177,138,77,.035))}
.quote::before,.quote::after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);font-size:.68rem;color:rgba(177,138,77,.65)}
.quote::before{left:-6px}
.quote::after{right:-6px}
.quote cite{display:block;margin-top:14px;font-family:Manrope,Arial,sans-serif;font-size:.65rem;font-style:normal;text-transform:uppercase;letter-spacing:.18em;color:var(--gold-dark)}

.couple-profile{max-width:760px;margin:0 auto;display:grid;grid-template-columns:minmax(190px,280px) 1fr;align-items:center;gap:42px;text-align:left}
.couple-profile.reverse{grid-template-columns:1fr minmax(190px,280px);text-align:right}
.couple-profile.reverse .profile-photo{order:2}
.profile-photo{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:160px 160px 24px 24px;box-shadow:var(--shadow);background:#ddd}
.profile-photo::after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.42);border-radius:inherit;pointer-events:none}
.couple-profile.reverse .profile-photo{border-radius:24px 24px 160px 160px}
.profile-photo img{height:100%;object-fit:cover;object-position:center}
.profile-copy h3{margin:.12em 0 .3em;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1}
.profile-copy p{margin:.3em 0;color:var(--muted);line-height:1.7}
.profile-copy strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.18rem;line-height:1.5}
.profile-role{color:var(--gold-dark)!important;text-transform:uppercase;letter-spacing:.16em;font-size:.66rem}
.profile-ampersand{margin:32px 0;font-family:Allura,"Brush Script MT",cursive;font-size:4.8rem;line-height:1;color:var(--gold)}

.countdown-section{background:var(--charcoal);color:#fff;overflow:hidden}
.countdown-section::before{content:"";position:absolute;inset:-50% -20%;background:radial-gradient(circle at 20% 50%,rgba(177,138,77,.21),transparent 27%),radial-gradient(circle at 75% 30%,rgba(156,165,142,.13),transparent 23%)}
.countdown-section>*{position:relative}
.countdown{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:35px}
.countdown div{width:105px;height:105px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-content:center;background:rgba(255,255,255,.025)}
.countdown strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.45rem;font-weight:500;line-height:.9}
.countdown span{margin-top:6px;font-size:.62rem;text-transform:uppercase;letter-spacing:.17em;color:rgba(255,255,255,.72)}

.event-section{background:var(--paper)}
.event-block{position:relative;max-width:650px;margin:0 auto 34px;padding:54px 42px 45px;border:1px solid var(--line);background:linear-gradient(160deg,#fffdf8,var(--ivory));overflow:hidden;box-shadow:0 18px 40px rgba(80,62,31,.06)}
.event-block .ornament-rule{margin:20px auto 18px}
.event-block::before,.event-block::after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(177,138,77,.2);border-radius:50%}
.event-block::before{left:-50px;top:-48px}
.event-block::after{right:-50px;bottom:-48px}
.event-icon{width:52px;height:52px;margin:0 auto 15px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-dark)}
.event-icon svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.event-index{margin:0;color:var(--gold);font-family:"Cormorant Garamond",Georgia,serif;font-size:1rem;letter-spacing:.2em}
.event-block h3{margin:.15em 0;font-family:"Cormorant Garamond",Georgia,serif;font-size:3rem;font-weight:500}
.event-date{margin:14px 0 2px;font-weight:600}
.event-time{margin:0;color:var(--gold-dark);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.5rem}
.event-block>p:not(.event-index):not(.event-date):not(.event-time){line-height:1.75;color:var(--muted)}
.event-block>p strong{color:var(--charcoal)}
.event-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:22px}
.location-card{position:relative;max-width:650px;margin:48px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;background:var(--charcoal);color:#fff;text-align:left;box-shadow:0 18px 44px rgba(20,18,15,.12)}
.location-card::before{content:"";position:absolute;left:30px;right:30px;top:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.location-card h3{margin:.1em 0;font-family:"Cormorant Garamond",Georgia,serif;font-size:2.2rem;font-weight:500}
.location-card p:last-child{margin:.35em 0 0;color:rgba(255,255,255,.68);line-height:1.6}
.location-pin{flex:0 0 auto;width:54px;height:54px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;color:#fff;transition:.25s}
.location-pin:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-2px)}
.location-pin svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.5}

.gallery-grid{max-width:850px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:260px;gap:12px}
.gallery-item{border:0;padding:0;overflow:hidden;background:#d8d3cc;cursor:zoom-in;position:relative;box-shadow:0 10px 28px rgba(45,35,24,.08)}
.gallery-item::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.55);opacity:0;transition:.3s;z-index:1}
.gallery-item.wide{grid-column:1/-1;grid-row:span 2}
.gallery-item.tall{grid-row:span 2}
.gallery-item img{height:100%;object-fit:cover;transition:transform .8s ease,filter .8s ease}
.gallery-item::after{content:"+";position:absolute;right:14px;bottom:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.82);color:var(--charcoal);opacity:0;transform:translateY(8px);transition:.3s}
.gallery-item:hover img{transform:scale(1.045)}
.gallery-item:hover::before{opacity:1}
.gallery-item:hover::after{opacity:1;transform:none}

.rsvp-section{background:linear-gradient(180deg,#fffdf9,var(--ivory))}
.rsvp-form{width:min(100%,620px);margin:0 auto;display:grid;gap:17px;text-align:left;padding:28px clamp(16px,3vw,28px);background:rgba(255,253,248,.78);border:1px solid rgba(177,138,77,.16);box-shadow:0 16px 36px rgba(70,56,31,.06)}
.rsvp-form label{display:grid;gap:8px;color:var(--gold-dark);font-size:.67rem;text-transform:uppercase;letter-spacing:.14em}
.rsvp-form input,.rsvp-form select,.rsvp-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 2px;background:transparent;color:var(--charcoal);text-transform:none;letter-spacing:normal;outline:none}
.rsvp-form input:focus,.rsvp-form select:focus,.rsvp-form textarea:focus{border-bottom-color:var(--gold)}
.rsvp-form .button{justify-self:center;margin-top:8px;min-width:170px}
.form-notice{text-align:center;color:var(--gold-dark);font-size:.82rem}
.wishes{width:min(100%,700px);margin:40px auto 0;display:grid;gap:12px;text-align:left}
.wish{position:relative;padding:20px 22px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 24px rgba(60,48,29,.04)}
.wish::before{content:"“";position:absolute;right:18px;top:2px;color:rgba(177,138,77,.18);font-family:"Cormorant Garamond",Georgia,serif;font-size:4rem;line-height:1}
.wish strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem}
.wish small{display:block;margin:3px 0 10px;color:var(--gold-dark);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}
.wish p{margin:0;color:var(--muted);line-height:1.7}

.closing-section{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;color:#fff;text-align:center}
.closing-section>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 42%}
.closing-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,19,17,.78),rgba(21,19,17,.25))}
.closing-copy{position:relative;width:min(86%,680px);padding:35px}
.closing-copy>p:first-child{font-size:.7rem;text-transform:uppercase;letter-spacing:.23em}
.closing-copy h2{margin:.12em 0;font-family:Allura,"Brush Script MT",cursive;font-size:clamp(4rem,9vw,7rem);font-weight:400;line-height:.82}
.closing-copy h2 span{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:.24em;margin:.38em}
.closing-copy>p{line-height:1.7}
.closing-family{margin-top:32px;padding-top:25px;border-top:1px solid rgba(255,255,255,.25);display:grid;gap:8px;color:rgba(255,255,255,.74);font-family:"Cormorant Garamond",Georgia,serif}

.floating-nav{position:fixed;z-index:1200;right:16px;top:50%;transform:translate(90px,-50%);display:flex;flex-direction:column;gap:4px;padding:6px;background:rgba(41,39,36,.92);border:1px solid rgba(177,138,77,.35);border-radius:999px;box-shadow:0 14px 38px rgba(20,18,15,.28);backdrop-filter:blur(14px);transition:transform .6s ease}
.floating-nav.show{transform:translate(0,-50%)}
.floating-nav a{position:relative;width:43px;height:43px;display:grid;place-items:center;color:rgba(255,255,255,.68);border-radius:50%;text-decoration:none;transition:.25s}
.floating-nav a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.floating-nav a:hover{background:rgba(255,255,255,.09);color:#fff}
.floating-nav a.active{background:var(--gold);color:#fff;box-shadow:0 7px 18px rgba(177,138,77,.42);transform:scale(1.04)}
.floating-nav a::after{content:attr(data-label);position:absolute;right:calc(100% + 10px);top:50%;transform:translate(7px,-50%);padding:6px 9px;border-radius:5px;background:var(--charcoal);color:#fff;font-size:.66rem;white-space:nowrap;opacity:0;visibility:hidden;transition:.2s;pointer-events:none}
.floating-nav a:hover::after,.floating-nav a:focus-visible::after{opacity:1;visibility:visible;transform:translate(0,-50%)}
.floating-nav a:focus-visible{outline:2px solid #fff;outline-offset:2px}

.music-button{position:fixed;z-index:1210;right:18px;bottom:20px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(177,138,77,.42);background:rgba(255,253,248,.9);color:var(--gold-dark);display:none;place-items:center;backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(36,31,24,.15);cursor:pointer}
.music-button.show{display:grid}
.music-button svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.music-button.playing{animation:spin 5.5s linear infinite}

.lightbox{width:min(92vw,930px);border:0;padding:0;background:transparent;overflow:visible}
.lightbox::backdrop{background:rgba(15,14,13,.92);backdrop-filter:blur(4px)}
.lightbox img{max-height:88vh;object-fit:contain}
.lightbox button{position:fixed;right:22px;top:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#222;font-size:1.75rem;cursor:pointer}
.reveal{
  opacity:0;
  filter:blur(3px);
  transform:translate3d(0,28px,0) scale(.987);
  transition:
    opacity .82s cubic-bezier(.22,.61,.36,1),
    transform .92s cubic-bezier(.22,.61,.36,1),
    filter .82s ease;
  transition-delay:0ms;
  will-change:opacity,transform,filter;
}
.reveal.in{
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0) scale(1);
  transition-delay:var(--reveal-delay,0ms);
}
.reveal.out-up{
  opacity:0;
  filter:blur(2.5px);
  transform:translate3d(0,-24px,0) scale(.989);
  transition-delay:0ms;
}
.reveal.out-down{
  opacity:0;
  filter:blur(2.5px);
  transform:translate3d(0,28px,0) scale(.989);
  transition-delay:0ms;
}

@keyframes kenburns{to{transform:scale(1.07)}}
@keyframes pulse{50%{transform:scale(1.05);opacity:.72}}
@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:980px){
  .cover-layout{grid-template-columns:1fr}
  .cover-photo-panel{position:absolute;inset:0}
  .cover-photo-panel img{object-position:center 36%}
  .photo-overlay{background:linear-gradient(0deg,rgba(25,22,19,.72),rgba(25,22,19,.18) 60%,rgba(25,22,19,.28))}
  .cover-side-caption{display:none}
  .cover-paper{align-self:end;margin:0 auto 4svh;width:min(92%,520px);height:auto;min-height:52svh;border:1px solid rgba(177,138,77,.35);box-shadow:0 20px 60px rgba(20,17,13,.28);background:rgba(255,253,248,.94);backdrop-filter:blur(10px)}
  .cover-copy{width:100%;padding:34px 20px 30px}
  .botanical{width:180px}
  .cover h1{font-size:clamp(4rem,18vw,6.4rem)}
  .site-shell{display:block}
  .desktop-visual{display:none}
  .floating-nav{right:50%;top:auto;bottom:max(12px,env(safe-area-inset-bottom));flex-direction:row;transform:translate(50%,110px)}
  .floating-nav.show{transform:translate(50%,0)}
  .floating-nav a::after{display:none}
  .music-button{right:14px;bottom:78px}
  .section{padding:88px clamp(20px,6vw,54px)}
  .opening-section{min-height:auto;padding-top:110px}
}

@media(max-width:680px){
  .cover-paper{min-height:54svh;margin-bottom:2.5svh;width:94%}
  .cover-monogram{width:58px;height:58px;margin-bottom:16px}
  .cover h1{font-size:4.65rem}
  .cover-date{font-size:1rem;margin-top:18px}
  .fine-rule{margin:18px auto}
  .cover-copy{padding:27px 17px 24px}
  .botanical{width:145px}
  .section{padding:78px 18px}
  .section-title{margin-bottom:36px}
  .section-title h2,.countdown-section h2{font-size:2.75rem}
  .opening-section h2{font-size:2.15rem;line-height:1.05}
  .section-botanical{width:150px}
  .editorial-photos{height:330px;margin-top:42px}
  .portrait-one{width:62%;height:80%}
  .portrait-two{width:52%;height:68%;border-width:7px}
  .couple-profile,.couple-profile.reverse{grid-template-columns:1fr;gap:25px;text-align:center}
  .couple-profile.reverse .profile-photo{order:0}
  .profile-photo{width:min(78%,300px);margin:0 auto}
  .profile-ampersand{margin:26px 0}
  .countdown{gap:8px}
  .countdown div{width:78px;height:78px}
  .countdown strong{font-size:1.9rem}
  .countdown span{font-size:.53rem}
  .event-block{padding:45px 20px 40px}
  .event-block h3{font-size:2.55rem}
  .location-card{padding:24px 20px}
  .location-card h3{font-size:1.8rem}
  .gallery-grid{grid-auto-rows:190px;gap:8px}
  .gallery-item.wide{grid-row:span 2}
  .floating-nav{min-width:286px;justify-content:center}
  .floating-nav a{width:43px;height:43px}
  .closing-copy{width:94%;padding:25px 14px 95px}
}

@media(max-width:390px){
  .cover-paper{min-height:57svh}
  .cover h1{font-size:4.1rem}
  .countdown div{width:72px;height:72px}
  .countdown strong{font-size:1.7rem}
  .floating-nav{min-width:276px}
  .floating-nav a{width:41px;height:41px}
}


@media(max-width:680px){
  .section::after{bottom:14px;width:min(84px,28%);opacity:.16}
  .section-soft::before,.opening-section::before,.rsvp-section::before{width:118px;height:118px;opacity:.11}
  .section-soft::after,.opening-section::after,.rsvp-section::after{width:92px;height:92px;opacity:.09}
  .section-title::after{width:84px;margin-top:14px;opacity:.72}
  .quote::before,.quote::after{display:none}
  .rsvp-form{padding:22px 14px}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .reveal,.reveal.in,.reveal.out-up,.reveal.out-down{opacity:1;filter:none;transform:none}
}

/* Mobile cover: foto tetap terlihat penuh, tanpa kartu ivory yang menutupi. */
@media (max-width:768px){
  .cover{background:#25221f}
  .cover-photo-panel{position:absolute;inset:0}
  .cover-photo-panel img{
    object-position:center 34%;
    animation:kenburns 18s ease-in-out infinite alternate;
  }
  .photo-overlay{
    background:
      linear-gradient(180deg,
        rgba(24,21,18,.08) 0%,
        rgba(24,21,18,.10) 32%,
        rgba(24,21,18,.34) 56%,
        rgba(24,21,18,.76) 79%,
        rgba(24,21,18,.92) 100%);
  }
  .cover-paper{
    position:absolute;
    inset:0;
    z-index:2;
    width:100%;
    height:100%;
    min-height:100%;
    margin:0;
    padding:0 18px max(24px,env(safe-area-inset-bottom));
    display:flex;
    align-items:flex-end;
    justify-content:center;
    overflow:visible;
    border:0;
    box-shadow:none;
    background:transparent;
    backdrop-filter:none;
  }
  .cover-copy{
    width:min(100%,480px);
    padding:0 8px 10px;
    color:#fff;
    text-shadow:0 2px 18px rgba(0,0,0,.38);
  }
  .cover-copy .kicker{
    margin-bottom:8px;
    color:rgba(255,255,255,.88);
    font-size:.61rem;
    letter-spacing:.25em;
  }
  .cover-monogram{
    width:52px;
    height:52px;
    margin:0 auto 9px;
    border-color:rgba(221,185,119,.9);
    background:rgba(20,18,16,.16);
    color:#e0bd7a;
    font-size:1.05rem;
    text-shadow:none;
    backdrop-filter:blur(3px);
  }
  .cover h1{
    color:#fff;
    font-size:clamp(3.85rem,16.5vw,5.5rem);
    line-height:.76;
    text-shadow:0 4px 24px rgba(0,0,0,.42);
  }
  .cover h1 span{color:#d4aa60}
  .cover-date{
    margin-top:15px;
    color:rgba(255,255,255,.94);
    font-size:.94rem;
    letter-spacing:.08em;
  }
  .fine-rule{margin:13px auto;color:#d4aa60}
  .fine-rule i{background:rgba(255,255,255,.36)}
  .guest-block{margin-bottom:13px}
  .guest-block p{
    margin-bottom:3px;
    color:rgba(255,255,255,.76);
    font-size:.7rem;
  }
  .guest-block strong{
    color:#fff;
    font-size:1.18rem;
    text-shadow:0 2px 12px rgba(0,0,0,.45);
  }
  .cover .button-filled{
    min-width:210px;
    padding:11px 22px;
    background:var(--gold);
    box-shadow:0 13px 30px rgba(0,0,0,.28);
    text-shadow:none;
  }
  .cover .button-filled:hover{background:var(--gold-dark)}
  .cover .botanical{display:none}
}

@media (max-width:390px){
  .cover-paper{padding-inline:12px;padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .cover-copy{padding-inline:4px}
  .cover h1{font-size:3.85rem}
  .cover-date{font-size:.88rem}
  .guest-block strong{font-size:1.08rem}
  .cover .button-filled{min-width:196px;padding:10px 19px}
}

@media (max-width:768px) and (max-height:720px){
  .cover-paper{padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .cover-copy .kicker{margin-bottom:5px}
  .cover-monogram{display:none}
  .cover h1{font-size:3.6rem}
  .cover-date{margin-top:10px}
  .fine-rule{margin:9px auto}
  .guest-block{margin-bottom:9px}
  .cover .button-filled{padding-block:9px}
}

/* RSVP online */
.rsvp-form button:disabled{opacity:.68;cursor:wait;transform:none}
.empty-wishes{text-align:center;color:var(--muted);line-height:1.7}
.form-notice{min-height:1.5em;margin-top:14px;line-height:1.6}