:root{--red:#620404;--red2:#7d0909;--deep:#270000;--gold:#c7a15a;--cream:#fff1d6;--paper:#f8ead0;--nav:76px;--shadow:0 22px 70px rgba(24,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-bottom:var(--nav)}body{margin:0;color:var(--cream);background:var(--deep);font-family:Montserrat,system-ui,sans-serif;overflow-x:hidden}body.locked{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.cover{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--red);transition:opacity .7s,visibility .7s}.cover.is-hidden{opacity:0;visibility:hidden}.cover-photo{position:absolute;inset:0;background:url("images/photo-01.webp") 59% center/cover no-repeat;filter:saturate(.82)}.cover-shade,.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,0,0,.38),rgba(68,0,0,.68) 60%,rgba(35,0,0,.92))}.cover-content{position:relative;z-index:5;width:min(90%,520px);padding:40px 24px;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.55)}.cover h1,.hero h1{margin:8px 0 28px;font:400 clamp(3.6rem,12vw,7.5rem)/.78 "Great Vibes",cursive}.cover h1 span{display:block;margin:17px;font-size:.56em}.eyebrow{margin:0 0 12px;color:#ebcf91;font:600 .72rem/1.5 Cinzel,serif;letter-spacing:.24em;text-transform:uppercase}.guest-box{display:grid;gap:8px;width:min(320px,90%);margin:0 auto 22px;padding:15px 22px;border:1px solid rgba(242,211,145,.55);border-radius:4px;background:rgba(58,0,0,.62);backdrop-filter:blur(7px)}.guest-box small{font-size:.7rem;line-height:1.5}.guest-box strong{font:500 1.35rem Cinzel,serif}.primary-button,.small-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,236,197,.65);border-radius:999px;padding:12px 21px;color:#fff9ea;background:linear-gradient(135deg,#a06b27,#c7a15a);box-shadow:0 9px 25px rgba(25,0,0,.2);font-weight:700;text-decoration:none;cursor:pointer;transition:.25s}.primary-button:hover,.small-pill:hover{transform:translateY(-2px);filter:brightness(1.08)}.batak-corner{position:absolute;z-index:2;top:0;width:min(42vw,270px);height:min(48vh,405px);background:center top/contain no-repeat;pointer-events:none}.batak-corner.left{left:0;background-image:url("images/frame-left.webp")}.batak-corner.right{right:0;background-image:url("images/frame-right.webp")}.ulos-bottom{position:absolute;z-index:3;bottom:0;left:0;width:100%;max-height:135px;object-fit:fill;pointer-events:none}.section-panel{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(90px,11vw,140px) clamp(22px,7vw,90px) calc(95px + var(--nav));isolation:isolate;background:radial-gradient(circle at 50% 30%,#8b1111,var(--red) 44%,#3d0000)}.section-panel:nth-child(even){background:radial-gradient(circle at 50% 35%,#731010,var(--red) 48%,#330000)}.hero{padding:0}.hero-photo,.thanks-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{position:relative;z-index:4;text-align:center}.hero h1{margin:5px 0 24px;font-size:clamp(4rem,13vw,8rem)}.hero h1 i,.thanks-section h3 i{font-weight:400;color:var(--gold)}.date-line{font:600 clamp(.82rem,2vw,1rem) Cinzel,serif;letter-spacing:.16em;text-transform:uppercase}.scroll-cue{display:grid;gap:5px;justify-items:center;margin-top:42px;color:#fff;text-decoration:none;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}.scroll-cue span{display:block;width:22px;height:34px;border:1px solid #fff;border-radius:20px}.scroll-cue span:before{content:"";display:block;width:3px;height:7px;margin:7px auto;border-radius:5px;background:#fff;animation:scroll 1.5s infinite}@keyframes scroll{to{transform:translateY(12px);opacity:0}}.section-copy,.section-heading{position:relative;z-index:4;text-align:center}.section-heading{width:min(690px,100%);margin:0 auto 42px}.section-copy h2,.section-heading h2{margin:0 0 18px;color:#fff7e5;font:400 clamp(2.7rem,7vw,5.2rem) "Great Vibes",cursive}.section-copy h3{font-family:Cinzel,serif}.section-copy p,.section-heading p:last-child{max-width:650px;margin:0 auto 20px;line-height:1.85;color:#f6e5cb}.quote-section{display:grid;grid-template-columns:minmax(260px,460px) minmax(280px,620px);gap:clamp(35px,7vw,90px)}.quote-photo{position:relative;z-index:3;padding:11px;border:1px solid var(--gold);border-radius:48% 48% 8px 8px;background:#4b0000;box-shadow:var(--shadow)}.quote-photo img,.portrait img{display:block;width:100%;height:min(66svh,650px);object-fit:cover;border-radius:48% 48% 5px 5px}.quote-section blockquote{max-width:660px;margin:0 auto 20px;color:#fff7e5;font:italic clamp(1.15rem,2.3vw,1.7rem)/1.75 Georgia,serif}.verse{color:var(--gold)!important;font:600 .8rem Cinzel,serif;letter-spacing:.16em}.couple-section{display:grid;grid-template-columns:minmax(240px,430px) minmax(280px,600px);gap:clamp(38px,8vw,100px)}.couple-section.alternate .portrait{order:2}.portrait{position:relative;z-index:3;padding:8px;border:2px solid var(--gold);border-radius:50% 50% 10px 10px;box-shadow:var(--shadow)}.portrait img{height:min(62svh,570px)}.couple-section h2{font-size:clamp(4rem,10vw,7rem)}.couple-section h3{margin:-8px 0 22px;font-size:clamp(.9rem,2vw,1.18rem);letter-spacing:.08em}.couple-section .small-pill{padding:9px 17px;font-size:.75rem}.event-section{display:block;text-align:center}.event-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(250px,430px));justify-content:center;gap:22px}.event-grid article,.gift-grid article,.form-card,.map-card{border:1px solid rgba(224,183,102,.55);border-radius:20px;background:linear-gradient(145deg,rgba(255,245,222,.96),rgba(236,209,165,.94));box-shadow:var(--shadow);color:#4b1711}.event-grid article{padding:28px}.event-grid h3{margin:4px 0 14px;color:#741013;font:400 2.4rem "Great Vibes",cursive}.event-grid p{line-height:1.7}.event-icon{display:block;color:#8e1b1b;font-size:2rem}.countdown{position:relative;z-index:3;display:flex;justify-content:center;gap:10px;margin-top:25px}.countdown span{display:grid;gap:3px;min-width:74px;padding:12px 8px;border:1px solid rgba(255,230,177,.35);border-radius:8px;background:rgba(40,0,0,.45);font-size:.62rem;text-transform:uppercase}.countdown b{font:600 1.5rem Cinzel,serif}.map-card{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:min(950px,100%);padding:clamp(24px,5vw,60px)}.map-illustration{position:relative;display:grid;place-items:center;min-height:330px;overflow:hidden;border-radius:14px;background:repeating-linear-gradient(35deg,#e8d6b4 0 23px,#f6ebd5 24px 48px)}.map-illustration:before,.map-illustration:after{content:"";position:absolute;width:140%;height:28px;background:#b38a56;transform:rotate(22deg)}.map-illustration:after{transform:rotate(-34deg)}.map-illustration span{position:relative;z-index:2;color:#7c0d13;font-size:6rem;text-shadow:0 8px 18px rgba(0,0,0,.25)}.map-section .section-copy h2,.rsvp-section h2{color:#741013}.map-section .section-copy p,.rsvp-section .form-card>p{color:#6b4b3d}.gallery-section,.story-section,.gift-section,.contact-section{display:block}.gallery-grid{position:relative;z-index:4;width:min(1040px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:10px}.gallery-item{overflow:hidden;padding:0;border:0;border-radius:10px;background:#400;cursor:zoom-in}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.45s}.gallery-item:hover img{transform:scale(1.05)}.story-line{position:relative;z-index:4;width:min(900px,100%);margin:auto;display:grid;gap:20px}.story-line:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--gold)}.story-line article{position:relative;width:calc(50% - 30px);display:grid;grid-template-columns:120px 1fr;gap:15px;align-items:center;padding:12px;border-radius:16px;color:#4b1711;background:var(--paper);box-shadow:var(--shadow)}.story-line article:nth-child(even){margin-left:calc(50% + 30px)}.story-line article:after{content:"";position:absolute;right:-38px;width:15px;height:15px;border:4px solid #f5dfb2;border-radius:50%;background:var(--red)}.story-line article:nth-child(even):after{right:auto;left:-38px}.story-line img{width:120px;height:140px;object-fit:cover;border-radius:10px}.story-line small{color:#9c6b38;font-size:.58rem;font-weight:700;text-transform:uppercase}.story-line h3{margin:4px 0;color:#7b1519;font:400 1.8rem "Great Vibes",cursive}.story-line p{margin:0;font-size:.72rem;line-height:1.55}.form-card{position:relative;z-index:4;width:min(590px,100%);padding:clamp(24px,5vw,48px);text-align:center}.form-card form{display:grid;gap:15px;text-align:left}.form-card label{display:grid;gap:6px;font-size:.73rem;font-weight:700}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #cda878;border-radius:9px;padding:12px;color:#3d1711;background:#fffaf1}.form-card textarea{min-height:105px;resize:vertical}.form-card .primary-button{justify-self:center}.form-status{min-height:20px;margin:0!important;color:#7a1518!important;text-align:center}.gift-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(250px,400px));justify-content:center;gap:22px}.gift-grid article{display:grid;gap:10px;padding:28px;text-align:center}.gift-grid small{color:#8f5b21;font:700 .75rem Cinzel,serif;letter-spacing:.18em}.gift-grid b{font:600 1.35rem Cinzel,serif}.gift-grid p{min-height:40px;line-height:1.6}.gift-grid .small-pill{justify-self:center;padding:9px 15px;font-size:.7rem}.live-section{display:grid;grid-template-columns:1.2fr .8fr;gap:55px}.photo-banner{position:relative;z-index:3;align-self:stretch;min-height:470px;border:1px solid var(--gold);border-radius:8px;overflow:hidden}.photo-banner img{width:100%;height:100%;object-fit:cover}.contact-grid{position:relative;z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.thanks-section .section-copy{max-width:700px}.thanks-section h2{font-size:clamp(4rem,10vw,7rem)}.thanks-section h3{font:400 clamp(2.7rem,8vw,5rem) "Great Vibes",cursive}.thanks-section small{color:#ddc38f}.bottom-menu{position:fixed;z-index:50;right:0;bottom:0;left:0;height:var(--nav);display:flex;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;border-top:1px solid rgba(239,207,145,.28);background:rgba(40,0,0,.94);backdrop-filter:blur(12px)}.bottom-menu::-webkit-scrollbar{display:none}.bottom-menu a{flex:0 0 75px;display:grid;place-content:center;justify-items:center;gap:5px;color:#d5b882;font-size:1.05rem;text-decoration:none;transition:.2s}.bottom-menu span{font-size:.52rem}.bottom-menu a.active{color:#fff;background:linear-gradient(#bb944d,#8c641f)}.floating-tools{position:fixed;z-index:60;right:14px;bottom:calc(var(--nav) + 14px);display:grid;gap:9px}.floating-tools button{width:42px;height:42px;border:1px solid rgba(255,234,191,.48);border-radius:50%;color:#fff;background:rgba(79,0,0,.88);box-shadow:0 7px 20px rgba(0,0,0,.3);cursor:pointer}.floating-tools button.playing{animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(199,161,90,.16)}}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}.lightbox{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:35px;border:0;color:#fff;background:rgba(18,0,0,.96)}.lightbox::backdrop{background:rgba(0,0,0,.9)}.lightbox figure{width:100%;height:100%;margin:0;display:grid;place-items:center;align-content:center;gap:10px}.lightbox img{max-width:100%;max-height:calc(100svh - 95px);object-fit:contain}.lightbox button{position:fixed;z-index:2;border:0;color:#fff;background:rgba(107,55,25,.75);cursor:pointer}.lightbox-close{top:12px;right:12px;width:42px;height:42px;border-radius:50%;font-size:1.8rem}.lightbox-prev,.lightbox-next{top:50%;width:42px;height:62px;border-radius:99px;font-size:2rem;transform:translateY(-50%)}.lightbox-prev{left:7px}.lightbox-next{right:7px}
@media(max-width:780px){:root{--nav:68px}.section-panel{padding:90px 18px calc(80px + var(--nav))}.batak-corner{width:42vw;height:34vh}.ulos-bottom{height:70px}.quote-section,.couple-section,.map-card,.live-section{grid-template-columns:1fr}.quote-photo,.portrait{width:min(80vw,340px);margin:auto}.quote-photo img,.portrait img{height:43svh}.couple-section.alternate .portrait{order:0}.event-grid,.gift-grid{grid-template-columns:1fr}.countdown{gap:6px}.countdown span{min-width:66px}.map-card{gap:24px}.map-illustration{min-height:220px}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.story-line:before{left:12px}.story-line article,.story-line article:nth-child(even){width:calc(100% - 33px);margin-left:33px;grid-template-columns:90px 1fr}.story-line article:after,.story-line article:nth-child(even):after{right:auto;left:-28px}.story-line img{width:90px;height:115px}.photo-banner{min-height:330px}.bottom-menu a{flex-basis:67px}.hero-photo{object-position:61% center}}
@media(max-width:430px){.gallery-grid{grid-auto-rows:150px}.story-line article{grid-template-columns:75px 1fr}.story-line img{width:75px;height:100px}.countdown span{min-width:59px;padding:10px 4px}.countdown b{font-size:1.2rem}.cover h1{font-size:3.9rem}}

.music-frame{position:fixed;width:1px;height:1px;left:-9999px;bottom:0;border:0;opacity:.01;pointer-events:none}
.gift-grid{grid-template-columns:repeat(3,minmax(230px,360px))}
.event-grid article .small-pill{margin-top:8px;padding:8px 15px;font-size:.68rem}
@media(max-width:900px){.gift-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Desktop navigation, cinematic scroll reveals, and reliable off-screen music player. */
.bottom-menu{justify-content:center}
.cover-photo{background-image:url("images/photo-03.webp");background-position:center 38%}
.map-embed{display:block;width:100%;min-height:360px;border:0;border-radius:14px;background:#ead9b9;box-shadow:inset 0 0 0 1px rgba(116,16,19,.14)}
.music-frame{position:fixed;z-index:-1;width:2px;height:2px;left:0;bottom:0;border:0;opacity:.01;pointer-events:none}
.reveal,.scroll-reveal{opacity:0;filter:blur(7px);transform:translateY(42px) scale(.985);transition:opacity .9s cubic-bezier(.2,.75,.25,1),transform .9s cubic-bezier(.2,.75,.25,1),filter .9s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal.is-visible,.scroll-reveal.is-visible{opacity:1;filter:none;transform:none}
.event-grid article,.gift-grid article,.gallery-item,.story-line article,.portrait,.quote-photo,.map-card,.photo-banner{transition-property:opacity,transform,filter,box-shadow}
.event-grid article:hover,.gift-grid article:hover,.story-line article:hover,.map-card:hover{transform:translateY(-7px);box-shadow:0 30px 80px rgba(24,0,0,.44)}
.gallery-item:hover{transform:translateY(-5px)}
.map-illustration span{animation:pin-float 2.8s ease-in-out infinite}
@keyframes pin-float{50%{transform:translateY(-9px);text-shadow:0 18px 24px rgba(0,0,0,.3)}}
@media(max-width:1100px){.bottom-menu{justify-content:flex-start}}
@media(max-width:780px){.map-embed{min-height:290px}}
@media(prefers-reduced-motion:reduce){.reveal,.scroll-reveal{opacity:1;filter:none;transform:none}}