:root{--ivory:#fbf6f2;--blush:#f6eae4;--ink:#3b322e;--soft-ink:#6f635c;--rose:#b07c6e;--rose-deep:#955f51;--sage:#9fb09a;--line:#e7d6cd;--serif:"Baskerville", "Hoefler Text", "Big Caslon", Garamond, Georgia, "Songti SC", "STSong", "Noto Serif CJK SC", "SimSun", serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Hiragino Sans GB", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.75}button,input,select,textarea{font:inherit}.wrap{max-width:680px;margin:0 auto;padding:0 26px}nav{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbf6f2db;justify-content:space-between;align-items:center;height:65px;padding:14px 26px;display:flex;position:sticky;top:0}.monogram{color:var(--ink);font-family:var(--serif);letter-spacing:.12em;font-size:18px;font-weight:400;text-decoration:none}.sprig{color:var(--rose);margin:0 .35em;font-size:.85em}.nav-right{align-items:center;gap:14px;display:flex}.nav-rsvp{color:var(--rose-deep);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid #0000;padding-bottom:2px;font-size:13px;text-decoration:none}.nav-rsvp:hover{border-bottom-color:var(--rose)}.lang{border:1px solid var(--line);background:#fff;border-radius:999px;gap:2px;padding:3px;display:flex}.lang button{color:var(--soft-ink);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:13px}.lang button.active{background:var(--rose);color:#fff}header{text-align:center;min-height:calc(150dvh - 65px)}.hero-stage{background:linear-gradient(to bottom, var(--ivory) 72%, var(--blush));grid-template-rows:minmax(0,1fr) clamp(220px,34dvh,300px);width:100%;height:calc(100dvh - 65px);display:grid;position:sticky;top:65px;overflow:hidden}.hero-copy{flex-direction:column;justify-content:flex-end;align-items:center;min-height:0;padding:clamp(14px,3dvh,30px) 26px 4px;display:flex}.eyebrow{color:var(--rose-deep);letter-spacing:.4em;text-transform:uppercase;margin-bottom:clamp(8px,2dvh,22px);font-size:12.5px}.names{color:var(--ink);font-family:var(--serif);letter-spacing:.01em;font-size:clamp(40px,min(10vw,8.5dvh),82px);font-weight:300;line-height:1.04}.names .and{color:var(--rose);letter-spacing:.05em;margin:.28em 0;font-size:.34em;font-style:italic;display:block}.sprig-rule{justify-content:center;align-items:center;gap:14px;margin:clamp(10px,2.5dvh,26px) 0 clamp(8px,2dvh,20px);display:flex}.sprig-rule .l{background:var(--line);width:54px;height:1px}.sprig-rule .d{color:var(--sage);font-size:13px}.date{color:var(--ink);font-family:var(--serif);letter-spacing:.05em;font-size:clamp(20px,4.5vw,27px)}.date-num{color:var(--soft-ink);letter-spacing:.34em;text-transform:uppercase;margin-top:10px;font-size:14px}.ics{border:1px solid var(--line);color:var(--rose-deep);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:#fff;border-radius:999px;margin-top:clamp(10px,2.4dvh,24px);padding:9px 20px;font-size:13px;transition:all .2s;display:inline-block}.ics:hover{border-color:var(--rose)}.countdown{justify-content:center;gap:clamp(16px,5vw,36px);margin-top:clamp(10px,2.6dvh,26px);display:flex}.countdown-unit{min-width:52px}.countdown-unit strong{color:var(--ink);font-family:var(--serif);font-size:25px;font-weight:400;line-height:1;display:block}.countdown-unit span{color:var(--soft-ink);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;font-size:11px;display:block}.skyline-section{z-index:9;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:0 18px 8px;scroll-margin-top:64px;display:flex;position:relative;overflow:hidden}.skyline{width:min(1200px,100%);height:auto;color:color-mix(in srgb, var(--rose-deep) 90%, var(--ink));margin:0 auto;display:block;overflow:visible}.skyline-hand-drawn{width:min(1500px,100%);height:100%}.draw-line{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;vector-effect:non-scaling-stroke}.skyline-mass{fill:url(#skyline-paper);opacity:0;stroke:none}.facade-detail{opacity:.58;stroke-width:1.05px}.ink-detail{fill:currentColor;fill-opacity:0;stroke:none}.bridge-cable{opacity:.7;stroke-width:1.2px}.skyline-faint{color:var(--sage);opacity:.55;stroke-width:1.55px}.landmark{stroke-width:3.1px;filter:url(#hand-wobble)}.skyline-letter{stroke-width:1.65px;filter:url(#hand-wobble)}.skyline [data-layer="1"] .draw-line:not(.landmark):not(.facade-detail){opacity:.82}.harbour{opacity:.65;stroke-width:1.5px}.ferry{color:var(--ink);stroke-width:2px}section{padding:62px 0}.band{background:var(--blush)}h2{color:var(--ink);font-family:var(--serif);text-align:center;margin-bottom:8px;font-size:clamp(24px,5vw,32px);font-weight:400}.kicker{color:var(--rose-deep);letter-spacing:.32em;text-align:center;text-transform:uppercase;margin:6px 0 18px;font-size:12px}p{margin-bottom:18px}.lead{color:var(--ink);text-align:center;font-size:18.5px}.center{text-align:center}.note{max-width:600px;color:var(--ink);font-family:var(--serif);text-align:center;margin:26px auto 0;font-size:20px;font-style:italic;line-height:1.85}.fine{color:var(--soft-ink);font-size:15.5px}.rsvp-callout{border:1px solid var(--line);border-top:3px solid var(--rose);background:#fff;border-radius:12px;max-width:620px;margin:0 auto;padding:36px 32px}.rc-head{color:var(--rose-deep);font-family:var(--serif);margin-bottom:16px;font-size:clamp(27px,6vw,38px);line-height:1.18}.rsvp-callout .fine{margin-bottom:0}form{max-width:560px;margin:8px auto 0}.field{margin-bottom:22px}label.q{color:var(--ink);margin-bottom:9px;font-size:14.5px;font-weight:600;display:block}label.q .opt{color:var(--soft-ink);font-size:13px;font-weight:400}input[type=text],input[type=number],select,textarea{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;border-radius:0;padding:11px 2px;font-size:15.5px;transition:border-color .2s}select{appearance:none}textarea{resize:vertical;border:1px solid var(--line);border-radius:8px;min-height:60px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--rose);outline:none}.conditional{border:1px solid var(--line);background:#ffffff8c;border-radius:10px;margin-inline:-20px;padding:18px;animation:.3s appear}.follow-ups{animation:.3s appear}.submit{background:var(--rose);color:#fff;cursor:pointer;letter-spacing:.2em;text-transform:uppercase;border:0;border-radius:999px;width:100%;margin-top:10px;padding:16px;font-size:14px;transition:background .2s;display:block}.submit:hover{background:var(--rose-deep)}.submit:disabled{cursor:wait;opacity:.7}.hp{position:absolute;left:-9999px}.deadline{color:var(--soft-ink);letter-spacing:.02em;text-align:center;margin-top:24px;font-size:13.5px}.form-error{color:#8f3d36;text-align:center;font-size:14px}.edit-again{background:var(--rose);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:9px 16px}.loading-response{color:var(--soft-ink);text-align:center;margin:18px auto}.thanks{max-width:560px;color:var(--ink);font-family:var(--serif);text-align:center;margin:30px auto;font-size:19px;font-style:italic;line-height:1.8}.edit-note{color:var(--soft-ink);font-family:var(--sans);margin:18px auto;font-size:13px;font-style:normal}.edit-again{font-family:var(--sans);font-size:14px;font-style:normal}.thanks .d{color:var(--sage);margin-bottom:14px;font-size:14px;font-style:normal}footer{background:var(--blush);text-align:center;padding:64px 26px 80px}footer .m{color:var(--ink);font-family:var(--serif);letter-spacing:.1em;font-size:22px}footer .sign{color:var(--soft-ink);font-family:var(--serif);margin-top:14px;font-size:14px;font-style:italic}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@keyframes appear{0%{opacity:0;transform:translateY(-5px)}}@media (max-width:520px){nav{padding-inline:18px}.nav-right{gap:8px}.countdown{gap:9px}.countdown-unit{min-width:47px}.rsvp-callout{padding:30px 22px}}@media (max-height:800px) and (min-width:700px){.hero-copy{padding-block:6px 2px}.eyebrow{margin-bottom:8px}.names{font-size:clamp(40px,7.5dvh,64px)}.sprig-rule{margin-block:10px 8px}.countdown,.ics{margin-top:10px}.date-num{margin-top:5px}}@media (max-height:680px){.hero-copy{padding-block:4px 0}.eyebrow{margin-bottom:6px;font-size:11px}.names .and{margin-block:.14em}.sprig-rule{margin-block:8px 6px}.date-num{margin-top:4px;font-size:12px}.countdown,.ics{margin-top:8px}.countdown-unit span{margin-top:4px}.ics{padding:7px 16px}}@media (max-width:580px){.hero-stage{grid-template-rows:minmax(0,1fr) clamp(135px,24dvh,190px)}.hero-copy{padding-inline:18px}.skyline-hand-drawn{width:100%;max-width:100%}.skyline-hand-drawn .facade-detail{opacity:.3;stroke-width:.72px}.skyline-hand-drawn .bridge-cable{opacity:.56;stroke-width:.95px}.skyline-section{min-height:0;padding:0 8px 6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.conditional{animation:none}header{min-height:calc(100dvh - 65px)}.hero-stage{position:relative;top:0}}