@import url('./styles.css?v=20260927-1');

:root{
  --ink:#45171c;
  --sage:#94132b;
  --dark:#35060e;
  --cream:#faeeeb;
  --paper:#fff9f6;
  --gold:#c89b55;
  --line:rgba(148,19,43,.24);
}

body{background:#e8d8d8;color:var(--ink)}
.cover-shade{background:linear-gradient(180deg,rgba(112,5,24,.1),rgba(139,11,36,.34) 48%,rgba(48,2,12,.84))}
.cover-content,.hero-copy{text-shadow:0 2px 20px rgba(53,2,13,.76)}
.cover .primary-btn{background:#fff7f1;color:#7f0e24;box-shadow:0 10px 30px rgba(72,4,18,.32)}
.hero-overlay{background:linear-gradient(rgba(143,10,34,.22),rgba(62,3,15,.74))}
.persistent-backdrop{background:linear-gradient(rgba(152,10,36,.22),rgba(83,3,20,.45)),url('assets/gucialit-wedding-garden.png') center/cover no-repeat}
.light-section{background:rgba(255,247,244,.7)!important}
.countdown{background:rgba(231,185,188,.78)!important}
.sage-section{background:rgba(143,16,40,.9)!important}
.opening:before,.events:before,.rsvp:before{background:radial-gradient(circle at 5% 20%,rgba(165,30,53,.16) 0 9%,transparent 10%),radial-gradient(circle at 95% 78%,rgba(200,155,85,.15) 0 12%,transparent 13%)}
.portrait-frame{border-color:rgba(148,19,43,.48)}
.portrait-photo{background:rgba(255,244,239,.78);box-shadow:0 12px 34px rgba(96,6,24,.22)}
.event-card{background:rgba(255,249,246,.92);box-shadow:0 14px 42px rgba(96,6,24,.12)}
.outline-btn{color:#94132b;border-color:#94132b}
.moment-card{background:rgba(255,241,238,.88)}
.photo-section{background:linear-gradient(rgba(145,10,34,.34),rgba(63,3,16,.48)),url('assets/gucialit-wedding-garden.png') center/cover}
.bank-card{background:#fff8f3;box-shadow:0 15px 38px rgba(62,3,16,.34)}
.bank-card:after{color:rgba(148,19,43,.1)}
.footer{background:linear-gradient(rgba(132,8,31,.82),rgba(48,2,12,.95)),url('assets/gucialit-wedding-garden.png') center bottom/cover}
.music-control{background:rgba(143,16,40,.92);box-shadow:0 6px 22px rgba(62,3,16,.44)}
.toast{background:#6f0a20}
.wish .wish-date:before{color:#b8864d}
.wishes-pagination button{background:rgba(255,245,241,.7)}
.foliage-art,.mid-ornament-art{filter:sepia(.15) saturate(1.18) hue-rotate(330deg) drop-shadow(0 8px 14px rgba(77,3,18,.24))}
.wayang-canopy{filter:sepia(.45) saturate(1.1) hue-rotate(332deg) opacity(.34)}
.lotus-foreground{filter:saturate(1.14) hue-rotate(342deg) drop-shadow(0 -7px 16px rgba(77,3,18,.24))}
.scroll-cue{left:50%;transform:translateX(-50%);text-align:center}.scroll-cue b{width:18px;height:12px;margin:5px auto 0;position:relative}.scroll-cue b:before{content:"";position:absolute;left:50%;top:4px;width:9px;height:9px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:translateX(-50%) rotate(45deg);transform-origin:center}
.moment-carousel{position:relative;margin-top:30px;overflow:hidden;background:#3b080f;box-shadow:0 20px 45px rgba(65,3,16,.22);touch-action:pan-y}.moment-track{position:relative;height:480px}.moment-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.045);transition:opacity .85s ease,transform 1.25s ease;pointer-events:none}.moment-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.moment-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(42,2,10,.78))}.moment-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 34%;filter:saturate(.92) contrast(1.03)}.moment-slide:first-child img{object-position:center}.moment-slide figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;color:#fff;text-align:left;font:italic 18px var(--serif);letter-spacing:.02em}.moment-slide figcaption span{display:block;margin-bottom:5px;font:500 8px var(--sans);letter-spacing:.25em;color:#e5bd79}.moment-arrow{position:absolute;z-index:3;top:50%;width:38px;height:38px;margin-top:-19px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(73,5,18,.45);backdrop-filter:blur(7px);color:#fff;cursor:pointer;transition:.25s}.moment-arrow:hover{background:#94132b;transform:scale(1.06)}.moment-prev{left:12px}.moment-next{right:12px}.moment-dots{position:absolute;z-index:3;right:20px;bottom:24px;display:flex;gap:6px}.moment-dots button{width:6px;height:6px;padding:0;border:0;border-radius:9px;background:rgba(255,255,255,.45);cursor:pointer;transition:.3s}.moment-dots button.active{width:22px;background:#fff}@media(max-width:420px){.moment-track{height:420px}.moment-card{padding-left:14px;padding-right:14px}.moment-slide figcaption{left:18px;bottom:18px}.moment-dots{right:16px;bottom:20px}}