@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{--paper:#fcf3f3;--ink:#35282b;--red:#b85d68;--gold:#bd8c78;--line:#ead2d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Serif SC,serif;overflow-x:hidden}button,input,select{font:inherit}button,a{color:inherit}main{overflow:hidden}.section-shell{width:min(1120px,100% - 80px);margin:auto}.hero{isolation:isolate;grid-template-columns:46% 45% 9%;align-items:center;min-height:100vh;padding:80px 0 48px;display:grid;position:relative}.hero-copy{z-index:1;padding-left:7%;animation:1.1s .15s both copy-reveal;position:relative}.eyebrow,.section-label,.mini-label{letter-spacing:2.4px;color:var(--red);font:500 10px/1.5 Playfair Display,serif}.hero-title{letter-spacing:3px;flex-direction:column;align-items:flex-start;gap:6px;height:280px;margin:39px 0 22px;font-size:clamp(40px,5vw,72px);font-weight:500;animation:1s .45s both title-reveal;display:flex}.hero-title em{color:var(--red);align-self:flex-start;margin-left:18px;font:italic 38px Playfair Display,serif}.hero-caption{color:#665d55;width:190px;font-size:12px;line-height:2.1}.vertical-note{writing-mode:vertical-rl;color:var(--gold);letter-spacing:4px;font-size:12px;position:absolute;top:48px;left:0}.date-lockup{color:var(--red);align-items:center;gap:12px;margin-top:45px;display:flex}.date-lockup strong{font:500 76px/.8 Playfair Display,serif}.date-lockup span{letter-spacing:2px;font:11px/1.5 Playfair Display,serif}.scroll-cue{letter-spacing:1.5px;color:#746b62;align-items:center;gap:18px;margin-top:60px;font:10px Playfair Display,serif;text-decoration:none;display:flex}.scroll-cue b{font-size:20px;font-weight:400}.image-frame{background:#ead9b8;height:min(700px,78vh);position:relative;overflow:hidden}.image-frame img{object-fit:cover;filter:saturate(.76);width:100%;height:100%;animation:12s ease-in-out infinite alternate image-breathe}.image-frame:after{content:"";pointer-events:none;border:1px solid #bd995ca6;position:absolute;inset:14px}.upload-placeholder,.gallery-item.is-empty figcaption{color:#92764b;background:linear-gradient(135deg,#f4e8c9,#dfc792);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.upload-placeholder span,.gallery-item figcaption span{letter-spacing:3px;font:italic 38px Playfair Display,serif}.upload-placeholder small,.gallery-item figcaption small{margin-top:10px;font-size:11px}.frame-stamp{z-index:2;color:#fff;letter-spacing:2px;font:italic 19px Playfair Display,serif;position:absolute;bottom:30px;left:28px}.frame-stamp span{color:#eed8b1;font-size:14px}.hero-mark{text-align:center;color:var(--gold);letter-spacing:2px;place-self:end;font:16px/1.3 Playfair Display,serif}.hero-mark span{letter-spacing:1px;font-size:8px}.petal-layer{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.petal{background:#a5473c47;border-radius:80% 0;width:9px;height:13px;animation:12s linear infinite petal-fall;position:absolute;top:-30px;transform:rotate(35deg)}.petal-1{animation-delay:-2s;left:8%}.petal-2{animation-duration:15s;animation-delay:-8s;left:18%}.petal-3{animation-duration:13s;animation-delay:-5s;left:34%}.petal-4{animation-delay:-11s;left:49%}.petal-5{animation-duration:16s;animation-delay:-4s;left:63%}.petal-6{animation-delay:-9s;left:72%}.petal-7{animation-duration:14s;animation-delay:-1s;left:81%}.petal-8{animation-delay:-7s;left:90%}.petal-9{animation-duration:17s;animation-delay:-12s;left:42%}.petal-10{animation-delay:-3s;left:26%}.music-control{z-index:10;color:#6c6157;cursor:pointer;background:#fcf3f3f2;border:1px solid #b85d688c;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;transition:transform .25s,background .25s,box-shadow .25s;display:grid;position:fixed;top:28px;right:34px;box-shadow:0 5px 18px #b85d6829}.music-control:hover{background:#fff8f8;transform:translateY(-2px);box-shadow:0 8px 22px #b85d6840}.music-control:after{content:"";background:var(--red);opacity:1;border-radius:2px;width:29px;height:2px;transition:opacity .2s;position:absolute;transform:rotate(-45deg)}.music-control.playing:after{opacity:0}.music-control i{background:var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px;box-shadow:0 0 0 3px #ead8cb}.music-control i.active{background:#65a477;box-shadow:0 0 0 3px #d7eadb}.music-disc{color:var(--red);font-size:23px;line-height:1}.music-label{display:none}.spinning{animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heart-beat{0%,to{transform:rotate(-45deg)scale(1)}15%{transform:rotate(-45deg)scale(1.12)}30%{transform:rotate(-45deg)scale(1)}45%{transform:rotate(-45deg)scale(1.08)}60%{transform:rotate(-45deg)scale(1)}}@keyframes heart-ring{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}.intro,.gallery,.details,.closing{position:relative}.watermark-field{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.watermark{color:#b85d682e;font-family:Noto Serif SC,serif;font-size:clamp(40px,6vw,78px);font-weight:400;line-height:1;animation:8s ease-in-out infinite watermark-float;position:absolute}.watermark-1{top:18%;left:6%}.watermark-2{font-size:clamp(28px,4vw,52px);animation-delay:-3s;top:11%;right:9%}.watermark-3{font-size:clamp(32px,5vw,64px);animation-delay:-1s;top:48%;right:31%}.watermark-4{font-size:clamp(50px,7vw,92px);animation-delay:-6s;bottom:19%;right:5%}.watermark-5{color:#bd8c7824;font-size:clamp(24px,3vw,42px);animation-delay:-4s;bottom:25%;left:18%}.watermark-6{font-size:clamp(28px,4vw,54px);animation-delay:-2s;bottom:8%;right:39%}.intro>:not(.watermark-field),.gallery>:not(.watermark-field),.details>:not(.watermark-field){z-index:1;position:relative}.intro{border-top:1px solid var(--line);grid-template-columns:22% 1fr 14%;min-height:620px;padding:125px 7% 150px;display:grid}.intro:before,.details:before{content:"✦";color:var(--gold);font-size:15px;animation:2.5s ease-in-out infinite twinkle;position:absolute;top:44px;right:6%}.section-label{padding-top:7px}.intro-content{max-width:560px}.script-line{color:var(--red);margin:0 0 55px;font:italic 24px/1.45 Playfair Display,serif}.intro h1,.details h2,.closing h2{letter-spacing:3px;margin:0;font-size:clamp(36px,5vw,66px);font-weight:500;line-height:1.48}.intro h1 i,.details h2 i,.closing h2 i{color:var(--red);font-style:normal}.body-copy{color:#766b60;max-width:330px;margin:42px 0 0;font-size:13px;line-height:2.2}.intro-aside{color:var(--gold);flex-direction:column;align-items:center;gap:15px;font:italic 20px Playfair Display,serif;display:flex}.intro-aside div{border-left:1px solid var(--gold);height:90px}.gallery{padding-bottom:150px}.gallery-stage{min-height:684px;position:relative}.gallery-grid{grid-template-rows:280px 280px;grid-template-columns:1fr 1.28fr;gap:16px;margin:52px 7% 0;display:grid}.gallery-item,.nine-grid-item{background:#ead9b8;border:1px solid #bd995c8c;margin:0;overflow:hidden}.gallery-item img,.nine-grid-item img{object-fit:cover;filter:saturate(.75);width:100%;height:100%;transition:transform .6s}.gallery-item:hover img,.nine-grid-item:hover img{transform:scale(1.03)}.gallery-tall{grid-row:span 2}.gallery-wide,.gallery-square{grid-column:2}.gallery-item.is-empty figcaption,.nine-grid-item.is-empty figcaption{text-align:center;color:#8d7863}.nine-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:12px;margin:52px 7% 0;display:grid}.nine-grid-item{min-width:0}.nine-grid-item figcaption{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.nine-grid-item figcaption span{font:italic 28px Playfair Display,serif}.nine-grid-item figcaption small{margin-top:8px;font-size:10px}.heart-scene{background:#f1dfbd;place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.heart-scene:before,.heart-scene:after{content:"";border:1px solid #a5473c38;border-radius:50%;width:92px;height:92px;animation:2.4s ease-out infinite heart-ring;position:absolute}.heart-scene:after{animation-delay:1.2s}.heart{background:var(--red);width:48px;height:48px;animation:1.4s ease-in-out infinite heart-beat;position:relative;transform:rotate(-45deg);box-shadow:0 8px 20px #a5473c52}.heart:before,.heart:after{content:"";background:var(--red);border-radius:50%;width:48px;height:48px;position:absolute}.heart:before{top:-24px;left:0}.heart:after{top:0;left:24px}.gallery-fade-enter-active,.gallery-fade-leave-active{transition:opacity 1.25s,transform 1.25s cubic-bezier(.22,.61,.36,1),filter 1.25s}.gallery-fade-enter-from{opacity:0;filter:blur(3px);transform:translateY(18px)scale(.985)}.gallery-fade-leave-to{opacity:0;filter:blur(3px);transform:translateY(-12px)scale(1.015)}.gallery-fade-enter-active .gallery-item,.gallery-fade-enter-active .nine-grid-item{animation:1.25s both gallery-item-reveal}.gallery-fade-enter-active .gallery-item:nth-child(2),.gallery-fade-enter-active .nine-grid-item:nth-child(2){animation-delay:80ms}.gallery-fade-enter-active .gallery-item:nth-child(3),.gallery-fade-enter-active .nine-grid-item:nth-child(3){animation-delay:.16s}.gallery-fade-enter-active .gallery-item:nth-child(4),.gallery-fade-enter-active .nine-grid-item:nth-child(4){animation-delay:.24s}.gallery-fade-enter-active .gallery-item:nth-child(5),.gallery-fade-enter-active .nine-grid-item:nth-child(5){animation-delay:.32s}.gallery-fade-enter-active .gallery-item:nth-child(6),.gallery-fade-enter-active .nine-grid-item:nth-child(6){animation-delay:.4s}.gallery-fade-enter-active .gallery-item:nth-child(7),.gallery-fade-enter-active .nine-grid-item:nth-child(7){animation-delay:.48s}.gallery-fade-enter-active .gallery-item:nth-child(8),.gallery-fade-enter-active .nine-grid-item:nth-child(8){animation-delay:.56s}.gallery-fade-enter-active .gallery-item:nth-child(9),.gallery-fade-enter-active .nine-grid-item:nth-child(9){animation-delay:.64s}.details{border-top:1px solid var(--line);padding:120px 7% 90px}.details-layout{grid-template-columns:1fr 1fr;gap:12%;margin-top:48px;display:grid}.mini-label{margin:0 0 28px}.detail-list{border-top:1px solid var(--line)}.detail-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:20px 0;font-size:12px;line-height:1.8;display:flex}.detail-list span{color:#8a7d70}.detail-list strong{text-align:right;font-weight:400}.map-note{border-bottom:1px solid var(--line);color:#877b70;margin-top:65px;padding-bottom:14px;font-size:11px}.map-note span{color:var(--red);margin-right:10px;font-size:18px}.map-note a{float:right;color:var(--red);text-decoration:none}.closing{text-align:center;isolation:isolate;background:#f5dfe2;max-width:none;padding:140px 20px 130px;position:relative;overflow:hidden}.closing:before{content:"♡";color:#b85d6833;font:90px Playfair Display,serif;animation:4s ease-in-out infinite closing-heart;position:absolute;top:18%;left:12%}.closing:after{content:"✦";color:#bd8c7899;font-size:24px;animation:2.5s ease-in-out infinite twinkle;position:absolute;bottom:22%;right:15%}.closing-petals{pointer-events:none;z-index:0;position:absolute;inset:0}.closing-petal{background:#b85d684d;border-radius:80% 0;width:8px;height:12px;animation:9s linear infinite closing-petal-fall;position:absolute;top:-20px}.closing-petal-1{animation-delay:-1s;left:18%}.closing-petal-2{animation-duration:11s;animation-delay:-6s;left:33%}.closing-petal-3{animation-delay:-3s;left:51%}.closing-petal-4{animation-duration:12s;animation-delay:-8s;left:67%}.closing-petal-5{animation-delay:-4s;left:78%}.closing-petal-6{animation-duration:10s;animation-delay:-7s;left:88%}.closing h2{z-index:1;margin:28px 0 43px;font-size:clamp(38px,5vw,70px);animation:1.2s ease-out both closing-title;position:relative}.closing .rsvp-button{z-index:1;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:0 8px 20px #b85d6833}.closing .rsvp-button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #b85d684d}.rsvp-button{background:var(--red);color:#fff;cursor:pointer;letter-spacing:1px;border:0;padding:15px 25px;font-size:12px}.rsvp-button:hover{background:#87382f}.closing-date{color:var(--gold);letter-spacing:4px;margin-top:75px;font:14px Playfair Display,serif}footer{color:#918478;letter-spacing:1.5px;justify-content:space-between;padding:30px max(40px,50% - 560px);font:9px Playfair Display,serif;display:flex}.modal-backdrop{z-index:20;background:#29252273;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rsvp-modal{background:var(--paper);width:min(420px,100%);padding:52px 42px 46px;position:relative}.rsvp-modal h2{margin:15px 0 32px;font-size:30px;font-weight:500}.modal-close{cursor:pointer;color:#8c7e70;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:16px}.rsvp-modal label{color:#75685d;margin-top:18px;font-size:12px;display:block}.rsvp-modal input,.rsvp-modal select{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;outline:none;padding:12px 0;display:block}.full{width:100%;margin-top:32px}.success-message{color:var(--red);padding:20px 0;font-size:14px;line-height:2}@keyframes copy-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes title-reveal{0%{opacity:0;letter-spacing:12px;transform:translateY(25px)}to{opacity:1;letter-spacing:3px;transform:none}}@keyframes image-breathe{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes petal-fall{0%{opacity:0;transform:translateY(-30px)rotate(35deg)}12%{opacity:.8}50%{transform:translate(35px,50vh)rotate(210deg)}to{opacity:0;transform:translate(-20px,110vh)rotate(390deg)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(18deg)}}@keyframes closing-heart{0%,to{opacity:.3;transform:translateY(8px)scale(.9)rotate(-8deg)}50%{opacity:.75;transform:translateY(-8px)scale(1.05)rotate(5deg)}}@keyframes closing-title{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes closing-petal-fall{0%{opacity:0;transform:translateY(-20px)rotate(20deg)}15%{opacity:.7}50%{transform:translate(-22px,230px)rotate(180deg)}to{opacity:0;transform:translate(24px,520px)rotate(360deg)}}@keyframes watermark-float{0%,to{transform:translate(0,0)rotate(-4deg)}50%{transform:translate(7px,-10px)rotate(4deg)}}@keyframes gallery-item-reveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (width<=700px){.section-shell{width:calc(100% - 40px)}.music-control{width:46px;height:46px;top:14px;right:14px}.music-control:after{width:26px}.music-control span:not(.music-disc){display:none}.hero{flex-direction:column;align-items:stretch;min-height:auto;padding:76px 0 64px;display:flex}.hero-copy{order:1}.hero-image{order:2;height:calc(100vh - 120px);min-height:480px;max-height:720px}.hero-image:after{inset:10px}.hero-copy{padding:56px 13% 0}.hero-title{letter-spacing:1px;white-space:nowrap;gap:3px;height:auto;min-height:0;margin:25px 0 18px;font-size:clamp(38px,12vw,52px)}.hero-title em{margin-left:12px;font-size:30px}.hero-caption{width:auto;max-width:205px}.vertical-note{top:62px;left:auto;right:2px}.date-lockup{margin-top:34px}.date-lockup strong{font-size:66px}.scroll-cue{margin-top:38px}.hero-mark{display:none}.watermark{opacity:.9;color:#b85d6829;font-size:42px}.watermark-2,.watermark-4,.watermark-6{font-size:28px}.intro{min-height:0;padding:85px 7% 100px;display:block}.intro-content{margin-top:48px}.script-line{margin-bottom:42px;font-size:20px}.intro h1,.details h2{letter-spacing:1px;font-size:clamp(34px,10vw,52px)}.body-copy{margin-top:34px}.intro-aside{display:none}.gallery{padding-bottom:100px}.gallery-stage{min-height:429px}.gallery-grid,.nine-grid{margin:40px 0 0}.gallery-grid{grid-template-rows:240px 180px;grid-template-columns:1fr 1fr;gap:9px}.nine-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:112px;gap:7px}.gallery-tall{grid-row:span 2}.gallery-item figcaption small{text-align:center;overflow-wrap:anywhere;max-width:90%}.details{padding:85px 7% 65px}.details-layout{margin-top:42px;display:block}.detail-list{margin-top:55px}.detail-list div{display:block}.detail-list strong{text-align:left;overflow-wrap:anywhere;margin-top:5px;display:block}.map-note{margin-top:45px;line-height:2}.map-note a{float:none;margin-top:8px;display:block}.closing{padding:100px 20px 90px}.closing h2{letter-spacing:1px;font-size:clamp(36px,11vw,58px)}footer{padding:24px 20px;line-height:2.2;display:block}footer span{display:block}.rsvp-modal{padding:44px 24px 34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=380px){.section-shell{width:calc(100% - 32px)}.hero-copy{padding-left:10%;padding-right:10%}.hero-image{height:calc(100vh - 108px);min-height:430px}.hero-title{gap:9px;font-size:38px}.hero-title em{font-size:26px}.gallery-stage{min-height:370px}.gallery-grid{grid-template-rows:210px 155px}.nine-grid{grid-auto-rows:100px;gap:5px}.detail-list div{font-size:11px}}