:root{--ivory:#f6f1ea;--paper:#fcf9f4;--tint:#efe7dc;--forest:#132e20;--forest-2:#1e3f2e;--forest-3:#0b1f15;--ink:#2c2621;--text:#4a3f37;--muted:#65544a;--gold:#8e6e48;--champagne:#d6b292;--berry:#8e2424;--red:#7a1b22;--red-2:#962a30;--red-3:#55111a;--red-bright:#e0514a;--cream:#f6f1eadb;--line:#8e6e4842;--serif:"Cormorant Garamond", "IBM Plex Sans Thai Looped", Georgia, serif;--sans:"Jost", "IBM Plex Sans Thai Looped", system-ui, -apple-system, sans-serif;--thai:"IBM Plex Sans Thai Looped", "Noto Sans Thai", sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--red);-webkit-text-size-adjust:100%}html.is-locked,html.is-locked body{overflow:hidden}body{background:var(--red);color:var(--ivory);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}h1,h2,h3,p,ul{margin:0}h1,h2,h3,.lead,.closing-line{text-wrap:balance}ul{padding:0;list-style:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.th{font-family:var(--thai);font-weight:400}.snow{pointer-events:none;z-index:20;width:100%;height:100%;position:fixed;inset:0}.hero{min-height:100svh;padding:calc(64px + var(--safe-t)) 28px 132px;background:radial-gradient(120% 80% at 50% 38%, var(--red-2) 0%, var(--red) 55%, var(--red-3) 100%);color:var(--ivory);text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;border:1px solid #d6b29252;border-radius:50% 50% 6px 6px/min(44vw,230px) min(44vw,230px) 6px 6px;animation:2s .2s both fade-in;position:absolute}.hero:before{inset:calc(14px + var(--safe-t)) max(14px, calc(50% - 260px)) 14px}.hero:after{inset:calc(20px + var(--safe-t)) max(20px, calc(50% - 254px)) 20px;border-color:#d6b29224}.garland{--arch-w:min(calc(100vw - 28px), 520px);--sway:1deg;z-index:1;top:calc(14px + var(--safe-t));width:calc(var(--arch-w) * 170 / 362);pointer-events:none;transform-origin:0 0;animation:8s ease-in-out 3s infinite alternate sway;position:absolute;left:max(14px,50% - 260px)}.garland--r{--sway:-1deg;transform-origin:100% 0;left:auto;right:max(14px,50% - 260px)}.garland svg{width:100%;height:auto;display:block;overflow:visible}.garland--r svg{scale:-1 1}.garland .stem{stroke-dasharray:1;animation:draw 1.6s .5s var(--ease) both}.garland .leaf,.garland .bloom{animation:sprout .9s calc(.8s + var(--i) * 60ms) cubic-bezier(.3, 1.4, .5, 1) both}.garland .bloom{animation-duration:1.3s}.garland .berry{transform-box:fill-box;transform-origin:50%;animation:sprout .8s calc(.8s + var(--i) * 60ms) cubic-bezier(.3, 1.6, .5, 1) both}.hero-inner{z-index:1;justify-items:center;display:grid;position:relative}.hero-logo{width:min(58vw,232px);margin-bottom:26px}.hero-names{letter-spacing:.3em;text-transform:uppercase;color:var(--champagne);margin-right:-.3em;font-size:14px;font-weight:500}.hero-names span{font-family:var(--serif);letter-spacing:0;margin:0 .3em 0 0;font-size:18px;font-style:italic}.hero-title{font-family:var(--serif);margin:14px 0 12px;font-size:clamp(54px,16vw,80px);font-style:italic;font-weight:400;line-height:1}.hero-th{color:var(--cream);margin-bottom:22px;font-size:16px}.hero-rule{color:var(--champagne);align-items:center;gap:12px;display:flex}.hero-rule span{transform-origin:100%;width:64px;height:1px;animation:grow 1s 1.6s var(--ease) both;background:linear-gradient(90deg,#0000,currentColor)}.hero-rule span:last-child{transform-origin:0;background:linear-gradient(270deg,#0000,currentColor)}.hero-rule svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;width:15px;height:15px;animation:twirl 1.4s 1.5s var(--ease) both;display:block}.hero-date{font-family:var(--serif);letter-spacing:.12em;font-variant-numeric:lining-nums;margin:20px -.12em 0 0;font-size:32px;font-weight:500}.hero-date i{color:var(--champagne);margin:0 .3em;font-style:normal}.hero-weekday{letter-spacing:.02em;color:var(--cream);margin-top:8px;font-size:16px}.hero-names,.hero-title,.hero-th,.hero-date,.hero-weekday,.countdown{animation:fade-up 1.2s var(--ease) both}.hero-names{animation-delay:1.1s}.hero-title{animation-delay:1.25s}.hero-th{animation-delay:1.4s}.hero-date{animation-delay:1.85s}.hero-weekday{animation-delay:2s}.countdown{background:#0000001a;border:1px solid #d6b29259;border-radius:14px;grid-template-columns:repeat(4,1fr);width:min(100%,300px);margin-top:26px;padding:12px 4px 10px;animation-delay:2.2s;display:grid}.countdown.is-done{padding:14px 18px;display:block}.cd-unit{justify-items:center;gap:2px;display:grid;overflow:hidden}.cd-unit+.cd-unit{border-left:1px solid #d6b29238}.cd-num{font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;font-size:30px;font-weight:500;line-height:1.1;display:block}.cd-label{color:var(--cream);font-size:13px}.cd-done{color:var(--champagne);font-size:17px}.scroll-cue{z-index:1;left:50%;bottom:calc(30px + var(--safe-b));letter-spacing:.36em;text-transform:uppercase;color:#f6f1eab8;justify-items:center;gap:10px;padding:8px 16px;font-size:10px;animation:1.2s 2.6s both fade-in;display:grid;position:absolute;translate:-50%}.scroll-cue span{letter-spacing:.08em;font-size:13px}.scroll-cue i{background:#d6b29240;width:1px;height:44px;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--champagne);width:1px;height:40%;animation:drip 2.4s var(--ease) infinite;position:absolute;top:-40%;left:0}.logo{width:100%;height:auto;display:block;overflow:visible}.logo path{stroke-width:2px;stroke-dasharray:1;fill-opacity:0;animation:draw 2.6s .2s cubic-bezier(.55, .1, .3, 1) both, logo-fill 1.4s 1.7s var(--ease) both}.js [data-reveal]:not(.is-in) .logo path{animation-play-state:paused}.section{padding:92px 20px 100px;position:relative}.section>*{max-width:460px;margin-inline:auto}.section+.section:before{content:"";background:linear-gradient(transparent, var(--champagne));opacity:.6;width:1px;height:56px;position:absolute;top:0;left:50%}.sec-head{text-align:center;margin-bottom:48px}.sec-head:after{content:"";background:var(--champagne);opacity:.5;width:40px;height:1px;margin:24px auto 0;display:block}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--champagne);margin-right:-.24em;font-size:13px;font-weight:500}.eyebrow.th{letter-spacing:.02em;text-transform:none;margin-right:0;font-size:16px}.sec-title{font-family:var(--serif);color:var(--ivory);margin:12px 0 6px;font-size:44px;font-weight:500;line-height:1.1}.sec-th{color:var(--cream);font-size:16px}.event{text-align:center;background:var(--paper);border-radius:50% 50% 14px 14px/100px 100px 14px 14px;padding:60px 22px 28px;position:relative;box-shadow:0 26px 50px -30px #0000008c}.event:before{content:"";border:1px solid var(--line);border-radius:inherit;pointer-events:none;position:absolute;inset:7px}.event-num{font-family:var(--serif);color:var(--gold);font-size:20px;font-style:italic}.event-title{font-family:var(--serif);color:var(--forest);margin-top:4px;font-size:30px;font-weight:600;line-height:1.15}.event-th{color:var(--muted);margin-top:6px;font-size:15px}.times{justify-content:center;margin:24px 0;display:flex}.time{flex:1;align-content:start;justify-items:center;gap:2px;display:grid}.times--split .time+.time{border-left:1px solid var(--line)}.time-hm{font-family:var(--serif);letter-spacing:.02em;font-variant-numeric:lining-nums;color:var(--berry);font-size:42px;font-weight:500;line-height:1}.time-label{color:var(--ink);margin-top:10px;font-size:16px;font-weight:500}.venue{border-top:1px solid var(--line);padding-top:20px}.venue-name{font-family:var(--serif);text-wrap:balance;color:var(--ink);font-size:20px;font-weight:600;line-height:1.35}.venue-sub{font-family:var(--thai);color:var(--muted);margin-top:4px;font-size:14px}.map{aspect-ratio:16/10;background:var(--tint);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;margin:18px 0;position:relative;overflow:hidden}.map iframe{filter:grayscale(.45)sepia(.18)contrast(.96);border:0;width:100%;height:100%;display:block}.btn{border:1px solid var(--forest);font-family:var(--thai);color:var(--forest);border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:500;text-decoration:none;transition:background .3s,color .3s;display:inline-flex}.btn:hover,.btn:active{background:var(--forest);color:var(--ivory)}.btn svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:14px;height:14px}.event-link{place-items:center;height:60px;display:grid}.event-link span{background:linear-gradient(transparent, var(--champagne), transparent);opacity:.7;width:1px;height:100%;position:relative}.event-link span:after{content:"";background:var(--champagne);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;translate:-50% -50%}.lead{text-align:center;color:var(--ivory);margin-bottom:32px;font-size:18px;line-height:1.7}.palette-card,.rsvp-card,.gift-card{z-index:21;background:var(--paper);border-radius:18px;padding:40px 10px 34px;position:relative;box-shadow:0 26px 50px -30px #0000008c}.palette-card:before,.rsvp-card:before,.gift-card:before{content:"";border:1px solid var(--line);pointer-events:none;border-radius:12px;position:absolute;inset:7px}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 4px;display:grid}@media (width<=359px){.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}.swatch{text-align:center;justify-items:center;gap:2px;display:grid}.swatch-dot{aspect-ratio:1;background:var(--c);border-radius:50%;width:min(21vw,84px);margin-bottom:14px;position:relative}.swatch-dot:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:-6px}.swatch-th{white-space:nowrap;color:var(--ink);font-size:clamp(14px,4.1vw,16px);font-weight:500}.swatch-en{letter-spacing:.02em;white-space:nowrap;color:var(--muted);font-size:12px}.palette-note{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin:36px 20px 0;padding-top:24px;font-size:15px;line-height:1.7}.lead span,.palette-note span{display:inline-block}.js .swatch .swatch-dot{transition:scale 1.1s cubic-bezier(.3, 1.35, .5, 1) var(--d);scale:.55}.js .swatch.is-in .swatch-dot{scale:1}#gallery{padding-inline:12px}.grid{grid-template-columns:1fr 1fr;gap:6px;max-width:520px;display:grid}.photo{aspect-ratio:2/3;background:#ffffff14;border-radius:3px;position:relative;overflow:hidden}.photo--wide{aspect-ratio:3/2;grid-column:span 2}.photo img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease), scale 1.6s var(--ease);scale:1.05}.photo img.is-loaded{opacity:1;scale:1}.rsvp-card{text-align:center;justify-items:center;padding:34px 24px 30px;display:grid}.rsvp-icon{fill:none;width:46px;height:46px;stroke:var(--gold);stroke-width:1.1px;stroke-linejoin:round;margin-bottom:22px}.rsvp-icon circle{fill:var(--berry);stroke:none}.btn--solid{border-color:var(--forest);background:var(--forest);color:var(--ivory)}.btn--solid:hover,.btn--solid:active{background:var(--forest-2)}.rsvp-note{color:var(--muted);margin-top:14px;font-size:14px}.gift-card{text-align:center;justify-items:center;padding:30px 24px 32px;display:grid}.gift-qr{mix-blend-mode:multiply;width:min(70vw,270px);height:auto}.gift-name{color:var(--ink);margin:12px 0 24px;font-size:18px;font-weight:500;line-height:1.5}.gift-name span{color:var(--muted);font-size:14px;font-weight:400;display:block}.gift-hint{color:var(--muted);margin-top:16px;font-size:14px;line-height:1.6}.closing{padding:88px 24px calc(150px + var(--safe-b));text-align:center;color:var(--ivory);background:radial-gradient(120% 90% at 50% 0%, var(--forest-2), var(--forest) 60%, var(--forest-3))}.closing-logo{width:132px;margin:0 auto 30px}.closing-line{font-size:26px;font-weight:400;line-height:1.5}.closing-en{font-family:var(--serif);color:var(--cream);margin-top:8px;font-size:20px;font-style:italic;font-weight:400}.closing-sign{letter-spacing:.04em;color:var(--champagne);margin-top:36px;font-size:16px}.closing-sign span{font-family:var(--serif);letter-spacing:.04em;text-transform:none;color:var(--ivory);margin-top:6px;font-size:26px;font-style:italic;display:block}.tabbar{z-index:30;left:50%;bottom:calc(12px + var(--safe-b));-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);opacity:0;width:min(100% - 24px,440px);transition:translate .7s var(--ease), opacity .7s var(--ease);background:#0f261ae0;border:1px solid #d6b2923d;border-radius:22px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:6px;display:grid;position:fixed;translate:-50% calc(100% + 40px);box-shadow:0 14px 34px -14px #0000008c}.tabbar.is-visible{opacity:1;translate:-50%}.tabbar button{letter-spacing:.02em;white-space:nowrap;color:#f6f1eabf;border-radius:16px;justify-items:center;gap:3px;padding:8px 2px 7px;font-size:12px;font-weight:500;transition:color .3s,background .3s;display:grid;position:relative}.tabbar svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tabbar button:after{content:"";background:var(--red-bright);border-radius:50%;width:6px;height:6px;transition:scale .45s cubic-bezier(.3,1.6,.5,1);position:absolute;top:6px;right:calc(50% - 17px);scale:0}.tabbar button.is-active{color:var(--champagne);background:#d6b2921f}.tabbar button.is-active:after{scale:1}.lightbox{z-index:40;opacity:0;background:#140809;transition:opacity .3s;display:grid;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox.is-open{opacity:1}.lb-stage{min-height:0;padding:calc(64px + var(--safe-t)) 12px calc(72px + var(--safe-b));place-items:center;display:grid}.lb-img{object-fit:contain;opacity:0;max-width:100%;max-height:100%;translate:var(--from,0) 0;transition:opacity .35s, translate .5s var(--ease)}.lb-img.is-shown{opacity:1;translate:0}.lb-count{left:0;right:0;bottom:calc(24px + var(--safe-b));text-align:center;letter-spacing:.3em;color:#f6f1eab3;font-size:13px;position:absolute}.lb-btn{width:44px;height:44px;color:var(--ivory);background:#ffffff12;border-radius:50%;place-items:center;display:grid;position:absolute}.lb-btn svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.lb-close{top:calc(12px + var(--safe-t));right:12px}.lb-prev,.lb-next{bottom:calc(12px + var(--safe-b))}.lb-prev{left:12px}.lb-next{right:12px}.js [data-reveal]{opacity:0;transition:opacity 1s var(--ease) var(--d,0s), translate 1.1s var(--ease) var(--d,0s);translate:0 22px}.js [data-reveal].is-in{opacity:1;translate:0}@keyframes fade-in{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;translate:0 14px}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes logo-fill{to{fill-opacity:1;stroke-opacity:0}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes twirl{0%{opacity:0;transform:rotate(-120deg)scale(.4)}}@keyframes sprout{0%{scale:0}}@keyframes sway{to{rotate:var(--sway)}}@keyframes drip{to{top:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}