:root{--paper:#fff8ea;--surface:#fffdf7;--ink:#23312d;--deep:#30433e;--text:#685b51;--muted:#8c6b51;--gold:#b88a3b;--accent:#7c4e36;--accent-ink:#fff8ea;--shadow-soft:0 18px 48px #402d1f24;--display:Georgia, "Times New Roman", "Noto Serif SC", serif;--body:"Avenir Next", "Noto Sans SC", "Microsoft YaHei", sans-serif;color:var(--ink);background:linear-gradient(90deg, #30433e1a, transparent 28%, transparent 72%, #30433e1a), var(--paper);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100svh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b88a3bb8}img{max-width:100%}.invitation{min-height:100svh;overflow-x:hidden}.panel{flex-direction:column;justify-content:center;min-height:100svh;padding:72px 22px 96px;display:flex}.floating-actions{z-index:20;gap:10px;display:grid;position:fixed;bottom:18px;right:14px}.round-button,.gift-button,.map-link,.contact-card a,.contact-card button,.close-button,.gift-tabs button{min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,color .18s,box-shadow .18s}.round-button{background:color-mix(in oklab, var(--surface) 88%, transparent);width:68px;min-height:68px;color:var(--ink);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:10px;font-size:13px;line-height:1.2}.round-button.primary{background:var(--accent);color:var(--accent-ink)}.round-button.needs-action{background:var(--gold);color:var(--ink);animation:1.6s ease-in-out infinite music-pulse}.round-button:active,.gift-button:active,.map-link:active,.contact-card button:active,.close-button:active{transform:scale(.97)}.hero-section{text-align:center;isolation:isolate;background:radial-gradient(circle at 50% 12%, #c7a87247, transparent 30%), linear-gradient(180deg, #fffbf2eb, #f4ebdab8), var(--paper);align-items:center;position:relative}.ornament{z-index:-1;border:1px solid #7c4e362e;border-radius:999px 999px 34px 34px;position:absolute;inset:34px 24px}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}h1,h2{color:var(--ink);font-family:var(--display);letter-spacing:-.04em;margin:0;font-weight:700}h1{gap:2px;font-size:clamp(56px,18vw,92px);line-height:.92;display:grid}h1 span{color:var(--gold);letter-spacing:0;font-size:.42em}h2{max-width:10em;font-size:clamp(38px,11vw,64px);line-height:1.02}.hero-copy,.intro-section p,.blessings-section p,.rsvp-section p,.final-section p,.gallery-heading p{max-width:31rem;color:var(--text);margin:24px 0 0;font-size:17px;line-height:1.75}.date-card{width:min(100%,330px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff9e;border-radius:30px;margin-top:42px;padding:22px}.date-card span,.date-card strong,.date-card small{display:block}.date-card span{color:var(--muted);letter-spacing:.14em;font-size:14px;font-weight:800}.date-card strong{color:var(--ink);font-family:var(--display);margin-top:8px;font-size:42px;line-height:1}.date-card small{color:var(--text);margin-top:14px;font-size:14px}.scroll-hint{color:var(--muted);letter-spacing:.12em;margin:0;font-size:13px;animation:1.8s ease-in-out infinite float-hint;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.intro-section,.blessings-section,.details-section,.rsvp-section,.final-section{background:var(--paper)}.intro-section{background:linear-gradient(#30433ee0,#30433ea8),url(/photos/photo-01.jpg) 50%/cover;justify-content:flex-end}.intro-section h2,.intro-section p,.intro-section .eyebrow{color:var(--paper);text-shadow:0 12px 28px #0000003d}.details-section{background:linear-gradient(135deg, #fffbf2f5, #ebdec4d1), var(--paper)}.detail-list{gap:14px;margin-top:32px;display:grid}.detail-item{border-bottom:1px solid #7c4e362e;padding:18px 0}.detail-item span{color:var(--muted);letter-spacing:.14em;font-size:13px;font-weight:800;display:block}.detail-item strong{color:var(--ink);margin-top:8px;font-size:18px;line-height:1.45;display:block}.map-link,.gift-button{background:var(--ink);width:fit-content;color:var(--paper);justify-content:center;align-items:center;margin-top:34px;padding:0 24px;display:inline-flex}.gallery-section{background:radial-gradient(circle at 18% 6%, #b88a3b3d, transparent 28%), linear-gradient(180deg, #263933, var(--deep) 32%, #1d2a27);color:var(--paper);padding:66px 0 0}.gallery-heading{padding:0 22px 28px}.gallery-heading h2,.gallery-heading .eyebrow{color:var(--paper)}.gallery-heading p{color:#fffbf2b8}.photo-stories{display:grid}.photo-story{isolation:isolate;align-content:center;gap:22px;min-height:100svh;padding:38px 14px 42px;display:grid;position:relative;overflow:hidden}.photo-story:before{content:"";z-index:-1;opacity:0;border:1px solid #fff8ea1a;border-radius:38px;transition:opacity .68s,transform .68s cubic-bezier(.16,1,.3,1);position:absolute;inset:14px;transform:scale(.94)}.photo-story.is-visible:before{opacity:1;transform:scale(1)}.story-copy{z-index:3;padding:0 10px;position:relative}.story-copy span{color:#fff8ea7a;font-family:var(--display);font-size:52px;line-height:.9}.story-copy h3{color:var(--paper);font-family:var(--display);letter-spacing:-.05em;margin:-2px 0 0;font-size:clamp(42px,14vw,72px);line-height:.95}.story-copy p{color:#fff8eabd;max-width:18rem;margin:12px 0 0;font-size:15px;line-height:1.65}.story-stage{height:min(70svh,560px);min-height:430px;position:relative}.story-photo{--x:0px;--y:80px;--r:0deg;--s:.82;--delay:0s;opacity:0;transform:translate3d(var(--x), var(--y), 0) rotate(var(--r)) scale(var(--s));transition:opacity .68s ease var(--delay), transform .98s cubic-bezier(.16, 1, .3, 1) var(--delay), filter .9s ease var(--delay);filter:saturate(.72)blur(2px);will-change:transform, opacity;background:#fff8ea1f;border:8px solid #fff8eaeb;border-radius:24px;margin:0;position:absolute;overflow:hidden;box-shadow:0 24px 58px #0000005c}.is-visible .story-photo{opacity:1;transform:translate3d(0, 0, 0) rotate(var(--final-r,0deg)) scale(1);filter:saturate()blur()}.is-visible .story-photo:hover,.is-visible .story-photo:focus-within{z-index:30;transform:translate3d(0, -8px, 0) rotate(var(--final-r,0deg)) scale(1.08);filter:saturate(1.06)blur()}.is-visible .story-photo:active{z-index:30;transform:translate3d(0, -4px, 0) rotate(var(--final-r,0deg)) scale(1.12)}.story-photo-button{width:100%;height:100%;color:inherit;cursor:zoom-in;font:inherit;background:0 0;border:0;padding:0;display:block}.story-photo img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.story-photo.tall{width:48%;height:62%}.story-photo.wide{width:64%;height:38%}.story-photo.square{width:48%;height:42%}.photo-placeholder{width:100%;height:100%;min-height:220px;color:var(--paper);background:linear-gradient(145deg,#fff8ea2e,#b88a3b1a),repeating-linear-gradient(135deg,#fff8ea1a 0 1px,#0000 1px 16px);flex-direction:column;justify-content:flex-end;padding:28px;display:flex}.photo-placeholder span{font-family:var(--display);font-size:58px;line-height:1}.photo-placeholder strong{margin-top:14px;font-size:20px}.photo-placeholder small{color:#fffbf29e;word-break:break-all;margin-top:10px}.story-photo figcaption{color:#fffbf2b8;font-family:var(--display);pointer-events:none;font-size:24px;position:absolute;bottom:14px;right:16px}.orbit .story-stage{transform:rotate(-2deg)}.orbit .story-photo-1{--x:-170px;--y:64px;--r:-28deg;--final-r:-8deg;--delay:40ms;top:20%;left:3%}.orbit .story-photo-2{--x:150px;--y:-60px;--r:24deg;--final-r:7deg;--delay:.21s;z-index:2;top:4%;right:4%}.orbit .story-photo-3{--x:18px;--y:190px;--r:18deg;--final-r:4deg;--delay:.37s;z-index:3;bottom:2%;left:25%}.cascade .story-photo-1{--x:-46px;--y:-190px;--r:-18deg;--final-r:-6deg;top:4%;left:4%}.cascade .story-photo-2{--x:130px;--y:-170px;--r:20deg;--final-r:5deg;--delay:.15s;z-index:2;top:18%;right:5%}.cascade .story-photo-3{--x:-135px;--y:170px;--r:-22deg;--final-r:7deg;--delay:.3s;z-index:4;bottom:8%;left:10%}.cascade .story-photo-4{--x:120px;--y:180px;--r:26deg;--final-r:-5deg;--delay:.43s;z-index:3;bottom:0;right:11%}.film .story-stage{height:min(74svh,590px)}.film .story-stage:before{content:"";background:linear-gradient(90deg,#0000,#fff8ea14,#0000);border-block:12px solid #fff8ea2e;height:92px;position:absolute;top:42%;left:-8%;right:-8%;transform:rotate(-10deg)}.film .story-photo{--y:130px;width:43%;height:34%}.film .story-photo-1{--x:-160px;--r:-22deg;--final-r:-13deg;top:8%;left:2%}.film .story-photo-2{--x:-80px;--r:-10deg;--final-r:-6deg;--delay:.11s;z-index:2;top:20%;left:29%}.film .story-photo-3{--x:80px;--r:8deg;--final-r:5deg;--delay:.22s;z-index:3;top:33%;right:4%}.film .story-photo-4{--x:-130px;--r:-18deg;--final-r:-8deg;--delay:.33s;z-index:4;bottom:10%;left:10%}.film .story-photo-5{--x:150px;--r:20deg;--final-r:10deg;--delay:.44s;z-index:5;bottom:0;right:8%}.petal .story-stage:before,.constellation .story-stage:before{content:"";filter:blur(8px);background:radial-gradient(circle,#b88a3b3d,#0000 62%);border-radius:999px;position:absolute;inset:20% 8%}.petal .story-photo{border-radius:999px 999px 34px 34px}.petal .story-photo-1{--x:-140px;--y:120px;--r:-34deg;--final-r:-16deg;top:11%;left:7%}.petal .story-photo-2{--x:150px;--y:40px;--r:34deg;--final-r:15deg;--delay:.17s;z-index:2;top:18%;right:6%}.petal .story-photo-3{--x:12px;--y:210px;--r:4deg;--final-r:0deg;--delay:.32s;z-index:4;bottom:2%;left:26%}.gallery .story-photo-1{--x:-160px;--y:0;--r:-14deg;--final-r:-3deg;top:3%;left:2%}.gallery .story-photo-2{--x:160px;--y:0;--r:14deg;--final-r:3deg;--delay:.13s;z-index:2;top:12%;right:2%}.gallery .story-photo-3{--x:-120px;--y:150px;--r:-9deg;--final-r:-2deg;--delay:.26s;z-index:4;bottom:5%;left:5%}.gallery .story-photo-4{--x:120px;--y:150px;--r:10deg;--final-r:2deg;--delay:.39s;z-index:3;bottom:0;right:5%}.constellation .story-photo{border-radius:50%}.constellation .story-photo-1{--x:-170px;--y:-120px;--r:-20deg;--final-r:-8deg;top:4%;left:6%}.constellation .story-photo-2{--x:160px;--y:-90px;--r:18deg;--final-r:6deg;--delay:.16s;z-index:2;top:16%;right:6%}.constellation .story-photo-3{--x:-150px;--y:140px;--r:-14deg;--final-r:4deg;--delay:.31s;z-index:4;bottom:6%;left:9%}.constellation .story-photo-4{--x:160px;--y:130px;--r:16deg;--final-r:-5deg;--delay:.46s;z-index:3;bottom:1%;right:8%}.finale .story-stage{min-height:380px}.finale .story-photo{width:60%;height:66%}.finale .story-photo-1{--x:-180px;--y:40px;--r:-28deg;--final-r:-9deg;top:8%;left:5%}.finale .story-photo-2{--x:180px;--y:78px;--r:28deg;--final-r:8deg;--delay:.19s;z-index:3;bottom:2%;right:4%}.contact-card{gap:12px;margin-top:30px;display:grid}.contact-card a,.contact-card button{color:var(--ink);background:#7c4e361a;justify-content:center;align-items:center;padding:0 18px;display:inline-flex}.contact-qr-card{width:min(100%,320px);box-shadow:var(--shadow-soft);background:#7c4e3614;border-radius:28px;margin-top:18px;padding:16px}.contact-qr-card span{color:var(--muted);letter-spacing:.12em;margin-bottom:12px;font-size:14px;font-weight:800;display:block}.contact-qr-card img{background:var(--surface);border-radius:22px;width:min(100%,240px);margin:0 auto;display:block}.blessings-section{background:radial-gradient(circle at 85% 18%,#b88a3b2e,#0000 26%),linear-gradient(#fffbf2f5,#efe5cdbd);align-items:flex-start}.blessing-stats{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:28px;display:grid}.blessing-stats article,.blessing-card,.blessing-form{width:100%;box-shadow:var(--shadow-soft);background:#fffdf7e6;border-radius:28px}.blessing-stats article{padding:18px}.blessing-stats span{color:var(--muted);letter-spacing:.12em;font-size:13px;font-weight:800;display:block}.blessing-stats strong{color:var(--ink);font-family:var(--display);margin-top:10px;font-size:32px;line-height:1;display:block}.blessing-form{gap:14px;margin-top:18px;padding:18px;display:grid}.blessing-form label{gap:8px;display:grid}.blessing-form span{color:var(--muted);letter-spacing:.06em;font-size:13px;font-weight:800}.blessing-form input,.blessing-form textarea{background:var(--surface);width:100%;color:var(--ink);font:inherit;border:1px solid #7c4e3624;border-radius:18px;padding:14px 16px}.blessing-form textarea{resize:vertical;min-height:110px}.blessing-form .gift-button{width:100%;margin-top:4px}.blessing-form .gift-button:disabled{opacity:.7;cursor:wait}.blessing-feedback{min-height:24px;margin:0;font-size:14px;font-weight:700}.blessing-feedback.success{color:#3f6f52}.blessing-feedback.error{color:#8f4838}.blessing-wall{gap:12px;width:100%;margin-top:18px;display:grid}.blessing-card{padding:18px}.blessing-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.blessing-card header strong{color:var(--ink);font-size:18px}.blessing-card header span,.blessing-card small{color:var(--muted);font-size:13px}.blessing-card p{color:var(--text);margin:12px 0 0;font-size:15px;line-height:1.7}.blessing-card small{margin-top:12px;font-weight:800;display:block}.final-section{background:radial-gradient(circle at 82% 15%,#c7a87252,#0000 28%),linear-gradient(#fffbf2f5,#e2d4b8c2);align-items:flex-start}.gift-overlay{z-index:50;align-items:flex-end;display:flex;position:fixed;inset:0}.overlay-backdrop{background:#12181694;border:0;position:absolute;inset:0}.gift-sheet{z-index:1;background:var(--paper);border-radius:30px 30px 0 0;width:100%;max-height:94svh;padding:12px 18px 22px;animation:.24s ease-out sheet-in;position:relative;overflow-y:auto;box-shadow:0 -20px 60px #12181647}.sheet-handle{background:#30433e2e;border-radius:999px;width:42px;height:5px;margin:0 auto 22px}.gift-sheet h2{font-size:34px}.gift-sheet p{color:var(--text);margin:12px 0 0;font-size:15px;line-height:1.65}.gift-tabs{background:#7c4e3617;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;padding:5px;display:grid}.gift-tabs button{color:var(--text);background:0 0}.gift-tabs button.active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-soft)}.qr-frame{background:var(--surface);width:min(88vw,390px);box-shadow:inset 0 0 0 1px #7c4e3614, var(--shadow-soft);text-align:center;border-radius:30px;margin:22px auto;padding:14px 14px 12px}.qr-code{aspect-ratio:1;background:linear-gradient(45deg, #7c4e3614 25%, transparent 25%), linear-gradient(-45deg, #7c4e3614 25%, transparent 25%), var(--paper);object-fit:contain;border-radius:22px;width:100%;display:block}.qr-frame span{color:var(--muted);letter-spacing:.12em;margin-top:10px;font-size:14px;font-weight:800;display:block}.close-button{background:var(--ink);width:100%;color:var(--paper)}body.preview-open{overflow:hidden}.photo-preview{z-index:80;place-items:center;padding:22px;animation:.22s ease-out preview-fade-in;display:grid;position:fixed;inset:0}.photo-preview-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 18%,#b88a3b33,#0000 28%),#0b1210d1;border:0;position:absolute;inset:0}.photo-preview-card{z-index:1;gap:12px;width:min(100%,420px);max-height:82svh;margin:0;animation:.36s cubic-bezier(.16,1,.3,1) preview-card-in;display:grid;position:relative}.photo-preview-card img{background:var(--paper);object-fit:contain;border:10px solid #fff8eaf0;border-radius:26px;width:100%;max-height:74svh;display:block;box-shadow:0 34px 90px #00000075}.photo-preview-card figcaption{color:#fff8eac7;text-align:center;font-size:13px;line-height:1.5}.photo-preview-hint{color:#fff8eaeb;letter-spacing:.06em;text-align:center;margin:0;font-size:14px;font-weight:800;animation:1.5s ease-in-out infinite close-hint-bounce}.photo-preview-close{right:18px;top:max(18px, env(safe-area-inset-top));z-index:2;min-height:44px;color:var(--ink);cursor:pointer;font:inherit;background:#fff8eaeb;border:0;border-radius:999px;padding:0 18px;font-weight:800;position:fixed;box-shadow:0 18px 48px #00000038}@keyframes float-hint{0%,to{opacity:.62;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,-8px)}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes music-pulse{0%,to{transform:translateY(0);box-shadow:0 18px 48px #b88a3b2e}50%{transform:translateY(-2px);box-shadow:0 22px 54px #b88a3b57}}@keyframes preview-fade-in{0%{opacity:0}to{opacity:1}}@keyframes preview-card-in{0%{opacity:0;transform:translateY(26px)scale(.9)rotate(-5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes close-hint-bounce{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@media (width>=760px){.invitation{width:min(100%,460px);margin:0 auto;box-shadow:0 0 80px #1218162e}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}