:root{--page-height:928px;--deep-1:#44514b;--deep-2:#3e4a45;--deep-3:#4a574f;--sage:#8fa38b;--sage-light:#c7d2c0;--sage-deep:#6e806d;--text-1:#f4f0e8;--text-2:#b6b9ae;--line:#647268;--paper:#f4f0e8;--paper-2:#eae6dc;--ink:#2f3b35}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;min-height:100%}body{background:var(--deep-1);min-height:100%;font-family:Noto Serif SC,serif;overflow-x:hidden}button,input,textarea{font:inherit}button{appearance:none}.canvas{width:100%;min-height:var(--page-height);background:var(--deep-1);position:relative;overflow:hidden}.serif{font-family:Cormorant Garamond,serif;font-weight:300}.sans{font-family:Inter,sans-serif}.kicker{letter-spacing:.34em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:10px;font-weight:400}.kicker.on-dark{color:var(--sage)}.kicker.on-light{color:var(--text-2)}.h-cn{letter-spacing:.28em;margin-top:14px;font-family:Noto Serif SC,serif;font-size:24px;font-weight:300;line-height:1.5}.h-cn.on-light{color:var(--ink)}.h-cn.on-dark{color:var(--text-1)}.h-rule{background:var(--sage);opacity:.6;width:38px;height:1px;margin-top:18px}section{height:var(--page-height);min-height:var(--page-height);padding:0 6.923vw;overflow:hidden}.rv{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.25,.6,.3,1);transform:translateY(14px)}.rv.in{opacity:1;transform:none}.rv.s1{transition-delay:80ms}.rv.s2{transition-delay:.16s}.rv.s3{transition-delay:.24s}.rv.s4{transition-delay:.32s}.rv.s5{transition-delay:.4s}.cover{--cover-top-space:124px;--cover-photo-height:610px;--cover-side-space:clamp(27px, 6.923vw, 34px);min-height:var(--page-height);height:var(--page-height);background:radial-gradient(130% 68% at 72% 28%, #55635b 0%, #44514b00 64%), var(--deep-1);padding:0;position:relative}.cover-hd{z-index:6;top:40px;left:var(--cover-side-space);letter-spacing:.28em;font-size:clamp(11px,3.077vw,14px);line-height:1.67;position:absolute}.cover-writing{z-index:9;pointer-events:none;transform-origin:50%;width:clamp(238px,74.41vw,320px);position:absolute;top:38px;right:0;transform:rotate(4deg)}.cover-writing img{filter:drop-shadow(0 8px 18px #1b242047);width:100%;height:auto;display:block}.photo-wrap{z-index:3;top:var(--cover-top-space);width:100%;height:var(--cover-photo-height);position:absolute;left:0;transform:none}.photo{width:100%;height:100%;position:relative;overflow:hidden}.cover-photo{object-fit:cover;object-position:center center}.cover-line{z-index:8;right:var(--cover-side-space);bottom:151px;left:var(--cover-side-space);background:linear-gradient(90deg,#8fa38b80,#8fa38b00);height:1px;position:absolute}.cover-note{z-index:8;bottom:47px;left:var(--cover-side-space);position:absolute}.cover-note p{color:#dde4d6;letter-spacing:.16em;font-size:clamp(11.5px,3.205vw,15px);font-weight:200;line-height:2.3}.cover-note .en{color:#c3c8bb;letter-spacing:.3em;opacity:.85;text-transform:uppercase;margin-top:16px;font-family:Inter,sans-serif;font-size:9.5px}.cover-logo{z-index:8;right:var(--cover-side-space);width:auto;height:108px;position:absolute;bottom:45px}.cover-logo img{width:auto;height:100%;display:block}.details{background:var(--paper);padding-top:88px;padding-bottom:88px}.d-date{color:var(--ink);letter-spacing:.04em;margin-top:30px;font-size:64px;line-height:1}.d-date .dot{color:var(--sage);vertical-align:9px;margin:0 4px;font-size:38px}.d-sub{color:var(--text-2);letter-spacing:.2em;margin-top:12px;font-size:12px;font-weight:300}.d-intro{color:var(--ink);letter-spacing:.1em;opacity:.85;margin-top:26px;font-size:12.5px;font-weight:300;line-height:2.3}.grid{grid-template-columns:1fr 1fr;gap:34px 20px;margin-top:52px;display:grid}.cell.full{grid-column:1/-1}.cell .idx{color:var(--sage);letter-spacing:.26em;text-transform:uppercase;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:9px;display:flex}.cell .idx b{color:var(--sage);letter-spacing:.06em;font-family:Cormorant Garamond,serif;font-size:11px;font-weight:400}.cell .val{color:var(--ink);letter-spacing:.09em;margin-top:11px;font-size:13px;font-weight:300;line-height:1.9}.cell .val .big{color:var(--ink);letter-spacing:.06em;font-size:22px}.cell .val small{color:var(--text-2);letter-spacing:.14em;margin-top:6px;font-family:Inter,sans-serif;font-size:10px;line-height:1.7;display:block}.cell-rule{background:#64726838;grid-column:1/-1;height:1px}.day{background:#e6eae0;padding-top:88px;padding-bottom:92px}.tl{margin-top:52px;padding-left:26px;position:relative}.tl:before{content:"";background:#8fa38b80;width:1px;position:absolute;top:9px;bottom:9px;left:3px}.node{padding-bottom:46px;position:relative}.node:last-child{padding-bottom:0}.node:before{border:1px solid var(--sage);content:"";background:#e6eae0;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:-26px}.node.key:before{background:var(--sage)}.node .t{color:var(--ink);letter-spacing:.06em;font-family:Cormorant Garamond,serif;font-size:27px;font-weight:300;line-height:1}.node .cn{color:var(--ink);letter-spacing:.24em;margin-top:12px;font-family:Noto Serif SC,serif;font-size:16px;font-weight:300}.node .en{color:var(--sage);letter-spacing:.28em;text-transform:uppercase;margin-top:8px;font-family:Inter,sans-serif;font-size:9px;font-weight:400}.loc{background:var(--deep-2);height:auto;min-height:0;padding-top:72px;padding-bottom:84px;position:relative;overflow:hidden}.loc>*{z-index:2;position:relative}.map-visual{background:var(--deep-2);width:100%;margin:0 0 54px;overflow:hidden}.map-visual img{width:100%;height:auto;display:block}.loc-v{color:var(--text-1);letter-spacing:.04em;margin-top:18px;font-family:Cormorant Garamond,serif;font-size:25px;line-height:1.5}.loc-a{color:#cdd2c6;letter-spacing:.12em;margin-top:14px;font-size:12.5px;font-weight:200;line-height:2.1}.btns{flex-direction:column;gap:12px;margin-top:44px;display:flex}.btn{cursor:pointer;letter-spacing:.2em;border-radius:5px;justify-content:center;align-items:center;gap:12px;height:50px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;text-decoration:none;transition:opacity .5s,background .5s;display:flex}.btn .en{letter-spacing:.24em;opacity:.62;text-transform:uppercase;font-size:9px}.btn.fill{background:var(--sage);color:#44514b;border:0}.btn.ghost{color:var(--text-1);background:0 0;border:1px solid #c7d2c06b}.btn:active{opacity:.72}.rsvp{background:var(--paper-2);padding-top:88px;padding-bottom:92px}.rsvp-note{color:var(--text-2);letter-spacing:.1em;margin-top:18px;font-size:12.5px;font-weight:300;line-height:2.3}.field{margin-top:32px}.lab{color:var(--text-2);letter-spacing:.26em;text-transform:uppercase;margin-bottom:11px;font-family:Inter,sans-serif;font-size:9.5px;font-weight:400;display:block}.lab i{color:var(--text-2);letter-spacing:.2em;opacity:.75;margin-left:8px;font-size:8.5px;font-style:normal}input,textarea{width:100%;color:var(--ink);letter-spacing:.08em;background:#f7e9eb8c;border:0;border-bottom:1px solid #64726859;border-radius:3px 3px 0 0;padding:13px 12px;font-family:Noto Serif SC,serif;font-size:13px;font-weight:300}input::placeholder,textarea::placeholder{color:#a9aa9e}input:focus,textarea:focus{border-bottom-color:var(--sage);background:#f7e9ebd9;outline:0}textarea{resize:none;height:78px;line-height:1.9}.hp-field{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.stepper{align-items:center;gap:24px;display:flex}.stepper button{width:34px;height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #64726859;border-radius:4px;font-family:Inter,sans-serif;font-size:16px;font-weight:300;line-height:1}.stepper .cnt{min-width:24px;color:var(--ink);text-align:center;font-family:Cormorant Garamond,serif;font-size:26px}.submit{background:var(--deep-1);width:100%;height:54px;color:var(--text-1);cursor:pointer;letter-spacing:.22em;border:0;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin-top:44px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;transition:background .5s;display:flex}.submit:disabled{cursor:wait}.submit .en{letter-spacing:.26em;opacity:.6;text-transform:uppercase;font-size:9px}.submit.success{background:var(--sage-deep);color:#f4f0e8}.submit.submitting{color:#f4f0e8;background:#59675f}.submit.error{color:#f4f0e8;background:#8b615f}.submit-hint{min-height:18px;color:var(--text-2);letter-spacing:.08em;text-align:center;margin-top:12px;font-family:Noto Serif SC,serif;font-size:11px;font-weight:300;line-height:1.6}.submit-hint.success{color:var(--sage-deep)}.submit-hint.error{color:#8b615f}.end{padding-top:clamp(52px, calc(var(--page-height) * .07), 72px);padding-bottom:clamp(40px, calc(var(--page-height) * .055), 56px);background:var(--deep-3);position:relative;overflow:hidden}.end>*{z-index:2;position:relative}.end-logo{width:clamp(210px,62vw,310px);max-width:310px;margin:0 auto clamp(18px, calc(var(--page-height) * .028), 28px);opacity:.96}.end-logo img{width:100%;height:auto;display:block}.end-photo-wrap{margin:0 0 clamp(24px, calc(var(--page-height) * .034), 34px);padding:clamp(14px, calc(var(--page-height) * .019), 22px) 0 0;position:relative}.arc{z-index:0;opacity:.48;pointer-events:none;width:118vw;height:102.821vw;position:absolute;top:-40px;right:-18vw}.end-photo{z-index:1;aspect-ratio:3/2;border-radius:10px;width:100%;max-width:390px;margin:0 auto;position:relative;overflow:hidden}.end-photo img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.end-h-cn{color:var(--text-1);letter-spacing:.3em;font-family:Noto Serif SC,serif;font-size:clamp(22px,6.4vw,27px);font-weight:300;line-height:1.75}.end-h{margin-top:clamp(16px, calc(var(--page-height) * .022), 24px);color:#cdd2c6;letter-spacing:.28em;opacity:.9;text-transform:uppercase;font-size:19px;font-weight:300;line-height:1.2}.end-rule{width:56px;height:1px;margin:clamp(26px, calc(var(--page-height) * .034), 36px) 0 0;background:var(--sage);opacity:.55}.end-sig{margin-top:clamp(16px, calc(var(--page-height) * .022), 24px)}.end-sig .nm{color:var(--sage-light);letter-spacing:.3em;font-size:12.5px;font-weight:200}.end-sig .dt{color:#cdd2c6;letter-spacing:.16em;margin-top:12px;font-size:15px}.end-sig .ct{color:#c3c8bb;letter-spacing:.34em;opacity:.8;text-transform:uppercase;margin-top:9px;font-family:Inter,sans-serif;font-size:9px}.music{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#44514b73;border:1px solid #f4f0e847;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:fixed;top:24px;right:5.641vw}.bgm{display:none}.music svg{width:15px;height:15px}.music.on svg{animation:5s linear infinite music-spin}.music .bar{transform-origin:50%;animation:none}.music.on .bar{animation:1.3s ease-in-out infinite eq}.music.on .b2{animation-delay:.18s}.music.on .b3{animation-delay:.36s}@keyframes eq{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes music-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.rv{opacity:1!important;transition:none!important;transform:none!important}}