:root{--ink:#211914;--ivory:#f3eee6;--paper:#e9dfd2;--rust:#8a5136;--sand:#c4a483;--line:rgba(45,29,20,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ink);font-family:Manrope,sans-serif}.locked{overflow:hidden}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.gate{position:fixed;inset:0;z-index:90;display:grid;place-items:center;text-align:center;color:#fff;transition:transform 1.1s cubic-bezier(.8,0,.2,1)}.gate.open{transform:translateY(-105%)}.gate>img,.hero>img,footer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gate>img{object-position:center 45%}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,13,9,.28),rgba(20,13,9,.06) 40%,rgba(20,13,9,.79))}.gate-copy{position:relative;z-index:1;width:min(92%,700px);padding:30px}.kicker{text-transform:uppercase;letter-spacing:.3em;font-size:.72rem;font-weight:600}.gate h1,.hero h2,section h2,footer h2{font:400 clamp(3.8rem,12vw,8rem)/.84 'Cormorant Garamond',serif;margin:.3em 0}.gate h1 i,.hero h2 i,footer h2 i{font-weight:400}.date{font-size:.72rem;letter-spacing:.23em}.guest{margin:42px 0 18px}.guest small{display:block}.guest strong{display:block;font:italic 1.35rem 'Cormorant Garamond',serif;margin-top:7px}.gate button,.form button,.event-grid button{border:1px solid #fff8;background:#f0e4d1;color:#2c1f18;padding:15px 24px;border-radius:99px;text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:600;cursor:pointer}.hero{height:100svh;position:relative;color:#fff}.hero-copy{position:absolute;z-index:2;inset:auto 6% 12%;text-align:center}.hero-copy h2{font-size:clamp(4rem,13vw,8rem)}.scroll{position:absolute;z-index:2;bottom:25px;width:100%;text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:.6rem}.paper{background:var(--paper)}section{padding:110px max(7vw,28px);text-align:center}.opening{min-height:76vh;display:grid;place-content:center}.ornament{color:var(--rust);font-size:2rem}.opening blockquote{font:italic clamp(2.4rem,6vw,4.8rem)/1.03 'Cormorant Garamond',serif;max-width:900px;margin:30px auto}.copy{max-width:620px;margin:20px auto;font-size:.92rem;line-height:1.9;color:#625047}.dark{background:var(--ink);color:var(--ivory)}.couple{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center;text-align:left}.portrait img{width:100%;max-height:760px;object-fit:cover}.couple-copy{padding:35px 0}.couple article span{color:var(--sand);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.couple h3{font:400 clamp(2.8rem,6vw,5.2rem)/.85 'Cormorant Garamond',serif;margin:12px 0}.couple article p{font-size:.78rem;line-height:1.8;color:#c9b8ad}.couple article b{font-weight:400;color:#a28f84}.amp{font:italic 3rem 'Cormorant Garamond',serif;color:var(--sand);margin:24px}.heritage{padding:0;min-height:95vh;position:relative;text-align:left}.heritage>img{width:100%;height:95vh;object-fit:cover;object-position:center 35%}.heritage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,14,9,.8),transparent 70%)}.heritage-note{position:absolute;z-index:2;left:7%;bottom:10%;color:#fff;max-width:480px}.heritage-note h2{font-size:clamp(4rem,9vw,7rem)}.heritage-note p:last-child{font-size:.82rem;line-height:1.8}.events>h2,.gallery>h2,.rsvp>h2,.wishes h2{font-size:clamp(4rem,9vw,7rem)}.event-grid{display:grid;grid-template-columns:1fr 1fr;max-width:980px;margin:65px auto 0;text-align:left}.event-grid article{background:var(--ivory);padding:55px;min-height:420px}.event-grid .warm{background:var(--rust);color:#fff}.event-grid article>span{font:3rem 'Cormorant Garamond',serif;opacity:.4}.event-grid h3{font:400 2.3rem/1.05 'Cormorant Garamond',serif}.event-grid p:not(.kicker){font-size:.82rem;line-height:1.7}.event-grid button{border-color:var(--ink);background:transparent;margin-top:35px}.event-grid button:disabled{cursor:not-allowed;opacity:.55}.warm button{color:#fff;border-color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:420px;gap:12px;max-width:1200px;margin:60px auto 0}.gallery-grid figure{margin:0;overflow:hidden}.gallery-grid .wide{grid-column:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.gallery-grid figure:hover img{transform:scale(1.03)}.rsvp .form{max-width:650px;margin:45px auto;text-align:left}.form{display:grid;gap:20px}.form label,.form legend{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}.form input,.form select,.form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px 3px;font:1rem Manrope;color:var(--ink);margin-top:5px}.form textarea{min-height:100px;resize:vertical}.form fieldset{border:0;padding:0;margin:0;display:flex;gap:24px}.form fieldset label{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0}.form fieldset input{width:auto;margin:0}.form button{background:var(--ink);color:#fff;justify-self:start}.form-note{font-size:.8rem;color:var(--rust)}.wishes{background:var(--ivory);padding:0;display:grid;grid-template-columns:1fr 1fr;text-align:left}.wishes-image img{width:100%;height:100%;min-height:760px;object-fit:cover}.wishes-copy{padding:100px 8vw}.wish-list{margin-top:45px;border-top:1px solid var(--line)}.wish-list article{padding:22px 0;border-bottom:1px solid var(--line)}.wish-list p{font:italic 1.1rem/1.6 'Cormorant Garamond',serif}.details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);padding:1px}.detail{background:var(--paper);padding:90px 8vw}.detail h3{font:400 2.5rem 'Cormorant Garamond',serif}.detail p:last-child{font-size:.8rem;line-height:1.7}footer{height:100svh;position:relative;color:#fff;display:grid;place-items:center;text-align:center}footer>img{object-position:center 45%}.footer-copy{position:relative;z-index:2;max-width:620px;padding:30px}.footer-copy h2{font-size:6rem}.footer-copy>p:not(.kicker){font:italic 1.3rem/1.5 'Cormorant Garamond',serif}.footer-copy strong{display:block;margin-top:35px;font-size:.78rem;line-height:1.8;letter-spacing:.08em}.dock{position:fixed;z-index:50;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;background:rgba(31,24,19,.88);backdrop-filter:blur(15px);border:1px solid #ffffff20;border-radius:99px;padding:8px 12px;opacity:0;pointer-events:none;transition:.4s}.dock.visible{opacity:1;pointer-events:auto}.dock a{color:#eadfd4;text-decoration:none;text-align:center;font-size:.55rem;padding:5px 13px}.dock a span{display:block;font-size:1rem;margin-bottom:2px}.music{position:fixed;z-index:51;right:18px;bottom:22px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff55;background:#2e211b;color:#fff}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){section{padding:85px 22px}.gate h1{font-size:4.4rem}.couple,.wishes{grid-template-columns:1fr}.couple{text-align:center}.portrait img{max-height:540px}.heritage>img{height:86vh}.heritage-note{left:24px;right:24px}.heritage:after{background:linear-gradient(0deg,rgba(24,14,9,.85),transparent 70%)}.event-grid{grid-template-columns:1fr}.event-grid article{padding:42px 28px;min-height:350px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:280px;gap:7px}.gallery-grid .wide{grid-column:span 2}.wishes-image img{min-height:520px}.wishes-copy{padding:80px 24px}.details{grid-template-columns:1fr}.detail{padding:70px 24px}.dock{width:calc(100% - 28px);justify-content:space-around}.dock a{padding:5px 8px}.music{display:none}.form fieldset{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.gate{transition:none}}
.language{position:fixed;z-index:120;right:18px;top:max(18px,env(safe-area-inset-top));display:flex;border:1px solid #ffffff55;border-radius:99px;background:#21191499;backdrop-filter:blur(12px);overflow:hidden}.language button{border:0;background:transparent;color:#fff;padding:9px 11px;font:600 .62rem Manrope;cursor:pointer}.language button.active{background:var(--ivory);color:var(--ink)}.guest em{display:block;margin-top:12px;color:#eadacb;font:500 .62rem Manrope;text-transform:uppercase;letter-spacing:.16em}.source{font:italic 1rem 'Cormorant Garamond',serif;color:var(--rust);margin-top:-8px}.cn{font:400 1.45rem 'Noto Serif SC',serif;color:var(--sand);margin:-2px 0 12px}.couple-copy a{color:#d8c5b8;font-size:.72rem;text-decoration:none}.pill{display:inline-block;border:1px solid currentColor;border-radius:99px;padding:13px 18px;margin-top:28px;color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}.calendar{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:99px;padding:14px 20px;margin-top:32px;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;cursor:pointer}.countdown{padding-block:125px}.count{display:grid;grid-template-columns:repeat(4,1fr);max-width:760px;margin:55px auto}.count div{border-right:1px solid #ffffff2e}.count div:last-child{border:0}.count b{display:block;font:400 clamp(2.5rem,7vw,5rem) 'Cormorant Garamond',serif}.count span{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#c9b8ad}.countdown>p:last-child{font:italic 1rem 'Cormorant Garamond',serif;color:#b9a59a}.gift>h2{font-size:clamp(4rem,9vw,7rem)}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:55px auto 20px;gap:12px}.gift-grid article{background:var(--ivory);padding:36px 24px;border:1px solid var(--line)}.gift-grid span{font-size:.67rem;letter-spacing:.18em}.gift-grid b{display:block;font:400 2rem 'Cormorant Garamond',serif;margin-top:16px}.gift-grid p{font-size:.75rem}.copy-btn{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:8px 0;margin-top:8px;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;cursor:pointer}.qr-note{font-size:.72rem;color:#78645a}.footer-copy>span{display:block;margin-top:28px;letter-spacing:.24em;font-size:.68rem}.dock i{font-style:normal}.blessing-only .reception-only{display:none}.blessing-only .event-grid{grid-template-columns:minmax(280px,600px);justify-content:center}.lightbox{position:fixed;z-index:200;inset:0;background:#120d0aeF;display:none;align-items:center;justify-content:center}.lightbox.show{display:flex}.lightbox img{max-width:86vw;max-height:86vh;object-fit:contain}.lightbox button{position:absolute;border:0;background:#f3eee6dd;color:var(--ink);width:42px;height:42px;border-radius:50%;font-size:1.5rem;cursor:pointer}.lightbox #closeLightbox{right:22px;top:22px}.lightbox #prevPhoto{left:22px}.lightbox #nextPhoto{right:22px}.gallery-grid img{cursor:zoom-in}.zh{font-family:Manrope,'Noto Serif SC',sans-serif}.zh blockquote,.zh h2,.zh h3{font-family:'Noto Serif SC','Cormorant Garamond',serif}
@media(max-width:760px){.language{right:12px;top:12px}.language button{padding:8px 9px}.gift-grid{grid-template-columns:1fr}.count{gap:0}.count b{font-size:2.25rem}.count span{font-size:.48rem}.gallery-grid figure:nth-child(8){grid-column:span 2}.event-grid b{font-size:.8rem}.couple h3{font-size:2.65rem}.cn{font-size:1.3rem}.lightbox #prevPhoto{left:8px}.lightbox #nextPhoto{right:8px}}
.alipay-card img{display:block;width:min(100%,250px);aspect-ratio:2/3;object-fit:cover;margin:20px auto 10px;border-radius:12px}.alipay-card small{display:block;color:#725e53;margin-bottom:8px}

/* Mobile readability and multilingual refinement */
html{font-size:16px}body{font-size:1rem;line-height:1.65}.copy{max-width:650px;font-size:1rem;line-height:1.8;color:#57463e}.couple article p{font-size:.95rem;line-height:1.75;color:#d6c7be}.event-grid p:not(.kicker){font-size:.96rem;line-height:1.7}.story-preview{padding-block:90px}.story-preview h2{font-size:clamp(3.2rem,8vw,6rem)}.gift-toggle{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:99px;padding:14px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;cursor:pointer}.gift-grid[hidden]{display:none}.gift-grid.is-open{animation:giftIn .45s ease both}@keyframes giftIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.zh{font-family:'Noto Serif SC',sans-serif;line-height:1.85}.zh .kicker{letter-spacing:.16em}
@media(max-width:760px){body{font-size:1rem}.kicker{font-size:.75rem;letter-spacing:.2em}.gate-copy{padding:22px}.gate h1{font-size:4rem;line-height:.9}.guest strong{font-size:1.55rem}.opening blockquote{font-size:2.25rem;line-height:1.12}.copy{font-size:1rem;line-height:1.75}.events>h2,.gallery>h2,.rsvp>h2,.wishes h2,.gift>h2{font-size:3.65rem}.event-grid h3{font-size:2rem}.event-grid p:not(.kicker),.couple article p{font-size:1rem}.form label,.form legend{font-size:.78rem}.form input,.form select,.form textarea{font-size:1rem}.dock i{font-size:.68rem}.language button{font-size:.68rem}.story-preview{padding-block:72px}}
.opening h2{font-size:clamp(3.5rem,8vw,6.5rem);margin-bottom:.35em}.story-timeline{max-width:1040px;margin:60px auto 0;display:grid;grid-template-columns:repeat(3,1fr);text-align:left}.story-timeline article{padding:12px 38px 20px;border-left:1px solid var(--line)}.story-timeline article:last-child{border-right:1px solid var(--line)}.story-timeline time{display:block;color:var(--rust);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.story-timeline h3{font:400 2.15rem/1 'Cormorant Garamond',serif;margin:15px 0}.story-timeline p{font-size:.94rem;line-height:1.75;color:#5f4c42}.zh .story-timeline h3{font-family:'Noto Serif SC',serif;font-size:1.65rem;line-height:1.35}.zh .story-timeline p{line-height:1.9}
@media(max-width:760px){.story-timeline{grid-template-columns:1fr;margin-top:42px}.story-timeline article,.story-timeline article:last-child{padding:22px 8px 32px 26px;border-left:1px solid var(--line);border-right:0}.story-timeline h3{font-size:2rem}.story-timeline p{font-size:1rem}.opening h2{font-size:3.4rem}}

/* Reference-led cover, couple portraits and photo-backed actions */
.gate{background:var(--ivory)}.gate>img{inset:12px auto;left:50%;width:min(calc(100% - 24px),720px);height:calc(100% - 24px);transform:translateX(-50%);object-position:center 45%;border-radius:2px}.gate>.shade{inset:12px auto;left:50%;width:min(calc(100% - 24px),720px);height:calc(100% - 24px);transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,246,235,.7),rgba(30,17,12,.03) 36%,rgba(25,14,10,.76))}.gate-copy{height:100%;display:flex;flex-direction:column;align-items:center;padding-top:max(8vh,55px);padding-bottom:max(7vh,48px)}.gate-copy>.kicker,.gate h1,.gate-copy>.date{color:#64160f;text-shadow:0 1px 8px #fff8}.gate h1{font-size:clamp(4rem,11vw,7rem);margin:.18em 0}.gate .guest{margin-top:auto}.gate .guest,.gate button{color:#fff}.gate button{background:#563c31;color:#fff;border:0}.couple-profiles{padding:105px max(4vw,18px)}.couple-profiles>.kicker{text-align:center;color:var(--sand);margin-bottom:38px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1080px;margin:auto}.profile-card{position:relative;min-height:780px;overflow:hidden}.profile-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.groom-profile>img{object-position:center top;transform:scale(1.13);transform-origin:50% 0}.bride-profile>img{object-position:center 38%}.profile-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(15,10,7,.88) 94%)}.profile-copy{position:absolute;z-index:2;left:7%;right:7%;bottom:6%;color:#fff}.profile-copy>span{font:italic 1.9rem 'Cormorant Garamond',serif}.profile-copy h3{font:400 clamp(2.45rem,4.4vw,4.2rem)/.95 'Cormorant Garamond',serif;margin:8px 0}.profile-copy .cn{margin:7px 0;font-size:1.55rem;color:#fff}.profile-copy p{font-size:.88rem;line-height:1.6;max-width:92%;margin:8px 0}.profile-copy a{color:#fff;font-size:.72rem;text-decoration:none}.countdown{position:relative;background-image:linear-gradient(rgba(25,16,11,.64),rgba(25,16,11,.74)),url('assets/photos/countdown-bg.webp');background-size:cover;background-position:center 42%;min-height:74vh;display:grid;align-content:center}.calendar-visual{max-width:980px;min-height:420px;margin:38px auto 0;display:grid;place-items:center;background:linear-gradient(rgba(26,16,11,.25),rgba(26,16,11,.55)),url('assets/photos/calendar-bg.webp') center 42%/cover;border-radius:2px}.calendar-visual .calendar{margin:0;background:rgba(243,238,230,.94);padding:17px 28px}.music-toggle{position:fixed;z-index:70;right:18px;bottom:90px;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff55;background:#2e211be8;color:#fff;font-size:1rem;cursor:pointer;box-shadow:0 8px 24px #0004}.music-toggle.playing{animation:pulseMusic 1.8s infinite}@keyframes pulseMusic{50%{transform:scale(1.08);box-shadow:0 0 0 7px #c4a48333}}.rsvp-help{max-width:650px;margin:-18px auto 34px;color:#6f594d;font-size:.86rem}
@media(max-width:760px){.gate>img,.gate>.shade{inset:7px auto;height:calc(100% - 14px);width:calc(100% - 14px)}.gate-copy{padding:66px 24px 52px}.gate h1{font-size:4.15rem}.gate-copy>.kicker{font-size:.7rem}.gate-copy>.date{font-size:.68rem}.profile-grid{grid-template-columns:1fr}.profile-card{min-height:76vh}.groom-profile>img{transform:scale(1.2)}.profile-copy h3{font-size:2.8rem}.couple-profiles{padding:82px 12px}.calendar-visual{min-height:68vh;margin-inline:-22px}.countdown{min-height:78vh}.music-toggle{right:14px;bottom:86px}}

/* September refinement */
:root{--paper:#f7f1e8;--ivory:#f7f1e8}body,.paper,.events,.story-preview,.wishes{background:#f7f1e8}.gate h1{font-size:clamp(2.8rem,7.5vw,5.2rem);line-height:.95;white-space:nowrap}.couple-profiles{background:#211914}.profile-card{background:#211914}.groom-profile>img{inset:0 0 0 auto;width:88%;transform:none;object-position:center top}.groom-profile .profile-copy{left:18%;right:6%;text-align:right;align-items:flex-end}.groom-profile .profile-copy p{margin-left:auto}.bride-profile>img{inset:0 auto 0 0;width:92%;object-position:center 38%}.bride-profile .profile-copy{left:6%;right:18%;text-align:left}.profile-copy>span{font-size:1.35rem}.profile-copy h3{font-size:clamp(1.9rem,3.4vw,3rem);margin:5px 0}.profile-copy .cn{font-size:1.2rem;margin:4px 0}.profile-copy p{font-size:.76rem;line-height:1.55}.profile-copy a{font-size:.66rem}.story-preview{min-height:100svh;display:grid;align-content:center;padding-top:70px;padding-bottom:70px}.story-preview>h2{font-size:clamp(2.8rem,6vw,5rem);margin:.18em 0 .55em}.story-timeline{gap:28px}.story-timeline article{padding:28px}.story-timeline h3{font-size:1.7rem;margin:8px 0}.story-timeline p{font-size:.76rem;line-height:1.65}.event-grid{gap:18px}.event-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:520px;padding:44px;color:#211914;background-size:cover;background-position:center}.event-grid article:before{content:"";position:absolute;z-index:-1;inset:24px;background:rgba(247,241,232,.75);backdrop-filter:blur(2px)}#blessing{background-image:url('assets/photos/FEB_0378.webp')}#reception{background-image:url('assets/photos/FEB_0183.webp');color:#211914}.event-grid article>*{position:relative;margin-left:12px;margin-right:12px}.event-grid article>span{display:block;padding-top:8px;font-size:2.3rem}.event-grid h3{font-size:1.9rem}.event-grid p:not(.kicker),.event-grid article>b{font-size:.76rem;line-height:1.65}.event-grid .pill{color:#211914;border-color:#211914}.countdown .calendar{margin:22px auto 0;border:1px solid #fff8;background:rgba(247,241,232,.92);color:#211914;padding:14px 22px;border-radius:99px;text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;cursor:pointer}.rsvp{background:linear-gradient(rgba(33,25,20,.12),rgba(33,25,20,.12)),url('assets/photos/FEB_0415.webp') center/cover;min-height:100svh;display:grid;place-items:center}.rsvp-panel{width:min(100%,760px);padding:54px;background:rgba(247,241,232,.75);backdrop-filter:blur(3px)}.rsvp .form{font-size:.86rem;margin-bottom:0}.rsvp .copy,.rsvp-help{font-size:.8rem;line-height:1.7}.wishes{display:block}.wishes-copy{width:min(100%,820px);margin:auto;padding:90px max(7vw,28px)}
@media(max-width:760px){.gate h1{font-size:clamp(2.45rem,11.2vw,3.35rem)}.profile-grid{gap:32px}.profile-card{min-height:72vh}.groom-profile>img{width:86%;transform:none}.groom-profile .profile-copy{left:20%;right:6%;bottom:5%}.bride-profile>img{width:92%}.bride-profile .profile-copy{left:6%;right:18%;bottom:5%}.profile-copy>span{font-size:1.15rem}.profile-copy h3{font-size:2rem}.profile-copy .cn{font-size:1.05rem}.profile-copy p{font-size:.7rem}.story-preview{min-height:auto;padding:70px 22px}.story-preview>h2{font-size:2.7rem}.story-timeline{gap:12px}.story-timeline article{padding:20px}.story-timeline h3{font-size:1.45rem}.story-timeline p{font-size:.72rem;line-height:1.55}.event-grid article{min-height:500px;padding:36px 20px}.event-grid article:before{inset:18px}.event-grid article>*{margin-left:10px;margin-right:10px}.event-grid h3{font-size:1.65rem}.gallery-grid{grid-auto-rows:240px}.rsvp{padding:46px 14px}.rsvp-panel{padding:36px 22px}.rsvp>h2,.rsvp-panel h2{font-size:3.4rem}.wishes-copy{padding:76px 24px}}

/* Profile, gallery and gift refinements */
.groom-profile>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:58% top}.profile-copy,.profile-copy h3,.profile-copy .cn,.profile-copy p,.profile-copy a{line-height:1}.groom-profile .profile-copy{left:8%;right:6%}.bride-profile .profile-copy{left:6%;right:8%}#reception{background-image:url('assets/photos/FEB_0010.webp')}.bank-logo{display:block;width:118px;height:auto;margin:0 auto 20px}.gift-grid article>.bank-logo+ b{margin-top:4px}
@media(max-width:760px){.groom-profile>img{width:100%;object-position:58% top}.groom-profile .profile-copy{left:8%;right:6%}.bride-profile .profile-copy{left:6%;right:8%}.profile-copy p{line-height:1}.bank-logo{width:104px}}

/* Event panels are 75% transparent so the selected photos remain visible. */
.event-grid article:before{background:rgba(247,241,232,.75);backdrop-filter:none}.event-grid article>*{text-shadow:none}

/* FEB_0010 focal crop: keep the couple dominant in the reception card. */
#reception{background-size:auto 145%;background-position:50% 57%;background-repeat:no-repeat;background-color:#d7d0c7}

/* Match the bride's portrait scale to the groom portrait. */
.bride-profile>img{inset:0;width:100%;height:100%;transform:scale(1.18);transform-origin:50% 50%;object-fit:cover;object-position:center 48%}
@media(max-width:760px){.bride-profile>img{width:100%;transform:scale(1.18);object-position:center 48%}}

/* Balance both portrait crops while keeping each face fully visible. */
.groom-profile>img{transform:translateY(7%) scale(1.14);transform-origin:50% 50%;object-position:56% 46%}.bride-profile>img{transform:translateX(3.5%) scale(1.18);object-position:center 48%}
@media(max-width:760px){.groom-profile>img{transform:translateY(7%) scale(1.14);object-position:56% 46%}.bride-profile>img{transform:translateX(3.5%) scale(1.18);object-position:center 48%}}

/* Mobile cover and final portrait alignment */
.bride-profile>img{transform:none;object-position:center 48%}
@media(max-width:760px){.gate>img,.gate>.shade{top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px);transform:none}.gate>img{object-position:center center}.bride-profile>img{width:100%;transform:none;object-position:center 48%}}

/* Match Bride's portrait scale and vertical alignment to Groom */
.bride-profile>img{transform:translateY(-5%) scale(1.16);transform-origin:50% 50%;object-position:center 52%}
@media(max-width:760px){.bride-profile>img{transform:translateY(-5%) scale(1.16);object-position:center 52%}}

/* Final focal points: preserve the Bride portrait and keep the couple in view. */
.bride-profile>img{transform:none;object-position:50% 50%}

/* RSVP uses the existing form visual language; only the event grouping is dynamic. */
.rsvp-forms{max-width:650px;margin:38px auto 0;text-align:left;display:grid;gap:34px}.rsvp-event-form{margin:0!important}.rsvp-event-form+.rsvp-event-form,.submission-confirmation+.submission-confirmation,.submission-confirmation+.rsvp-event-form,.rsvp-event-form+.submission-confirmation{border-top:1px solid var(--line);padding-top:34px}.rsvp-event-title{font:400 1.85rem/1.1 'Cormorant Garamond',serif;margin:0 0 8px}.rsvp-event-date{display:block;color:var(--rust);font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px}.rsvp-loading,.rsvp-unavailable{font-size:.86rem;line-height:1.7;color:#6f594d}.rsvp-event-form [hidden],#wishForm[hidden]{display:none!important}.rsvp-event-form button:disabled,#wishForm button:disabled{cursor:wait;opacity:.65}.form button.is-sending{display:inline-flex;align-items:center;gap:9px}.form button.is-sending:before{content:"";width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:submit-spin .75s linear infinite}@keyframes submit-spin{to{transform:rotate(360deg)}}.submission-confirmation{text-align:left}.confirmation-thanks{font-size:.9rem;line-height:1.75;margin:0 0 22px;color:#625047}.confirmation-summary{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0}.confirmation-summary small,.saved-wish small{display:block;width:100%;font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;color:var(--rust)}.confirmation-summary strong{font-weight:600}.confirmation-summary span{font-size:.82rem;color:#625047}.wish-confirmation{margin:42px 0 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.saved-wish{margin:0}.saved-wish span{display:block;margin-top:10px;font:italic 1.1rem/1.6 'Cormorant Garamond',serif;color:var(--ink)}
.countdown{background-position:50% 82%}
@media(max-width:760px){.bride-profile>img{transform:none;object-position:50% 50%}.countdown{background-position:50% 72%}}

/* Supplied BCA logo artwork */
.bank-logo{width:190px;height:72px;object-fit:cover;object-position:50% 50%}
@media(max-width:760px){.bank-logo{width:168px;height:64px}}

.event-grid.single-event{grid-template-columns:minmax(280px,600px);justify-content:center}

/* Native local audio; playback begins only from the visitor's click. */
.event-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.event-actions .pill{margin-top:28px}.background-audio{display:none}.music-toggle.is-loading{opacity:.72}.music-toggle.is-error{animation:none}
@media(max-width:760px){.event-actions{gap:8px}.event-actions .pill{margin-top:18px;padding:12px 15px;font-size:.56rem}}

/* Keep incoming wishes inside a dedicated, touch-friendly scroll frame. */
.wish-list{
  position:relative;
  height:460px;
  margin-top:45px;
  padding:0 18px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scrollbar-gutter:stable;
  scrollbar-width:auto;
  scrollbar-color:var(--rust) rgba(138,81,54,.14);
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(247,241,232,.42);
  box-shadow:inset 0 -18px 24px -24px rgba(33,25,20,.7);
}
.wish-list::-webkit-scrollbar{width:10px}
.wish-list::-webkit-scrollbar-track{background:rgba(138,81,54,.10);border-radius:10px}
.wish-list::-webkit-scrollbar-thumb{background:var(--rust);border:2px solid #f7f1e8;border-radius:10px}
.wish-list::-webkit-scrollbar-thumb:hover{background:#6f3f2b}
@media(max-width:760px){
  .wish-list{
    height:420px;
    padding:0 12px;
    scrollbar-gutter:auto;
  }
  .wish-list::-webkit-scrollbar{width:8px}
}

/* Prevent a single-character orphan in the Mandarin journey heading. */
@media(max-width:760px){
  .zh .story-preview>h2{
    max-width:100%;
    font-size:clamp(1.9rem,8.5vw,2.15rem);
    letter-spacing:-.02em;
    white-space:nowrap;
  }
}

/* Wedding Gift invitation: warm, refined, and intentionally understated. */
.gift-invitation{
  max-width:620px;
  margin:0 auto 26px;
  color:#6c5142;
  font:italic 1.08rem/1.7 'Cormorant Garamond',serif;
}
.gift-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:52px;
  padding:15px 28px;
  border:1px solid rgba(255,255,255,.32);
  background:#8a5136;
  color:#fffaf3;
  box-shadow:0 10px 26px rgba(90,48,30,.22),inset 0 1px rgba(255,255,255,.18);
  transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;
}
.gift-toggle-icon{
  width:19px;
  height:19px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.gift-toggle:hover{
  background:#75422e;
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(90,48,30,.28),inset 0 1px rgba(255,255,255,.18);
}
.gift-toggle:focus-visible{outline:3px solid rgba(138,81,54,.28);outline-offset:4px}
.gift-toggle.visible[aria-expanded="false"]{animation:giftButtonReveal .7s ease both,giftButtonBreath 3.6s ease-in-out .8s 3}
@keyframes giftButtonReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes giftButtonBreath{0%,100%{transform:scale(1);box-shadow:0 10px 26px rgba(90,48,30,.22)}50%{transform:scale(1.025);box-shadow:0 14px 34px rgba(138,81,54,.32)}}
@media(max-width:760px){
  .gift-invitation{font-size:1.02rem;margin-bottom:22px}
  .gift-toggle{min-height:50px;padding:14px 22px;font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){
  .gift-toggle,.gift-toggle.visible[aria-expanded="false"]{animation:none;transition:none}
}

/* Personalization gate: preserve layout while preventing generic content flashes. */
.gate .date,#inviteBadge,#guestName,#openBtn,.personalization-status{transition:opacity .45s ease,visibility .45s ease,transform .45s ease}
.gate .guest strong{min-height:1.65rem}
.personalization-status{min-height:46px;margin:0;display:grid;place-items:center;color:#fff;font-size:.72rem;letter-spacing:.1em;text-shadow:0 1px 7px rgba(0,0,0,.35)}
.personalization-loading .gate .date,.personalization-loading #inviteBadge{opacity:0;visibility:hidden}
.personalization-loading .personalization-status{margin:0 0 -46px}
.personalization-loading #guestName{position:relative;width:min(260px,72vw);height:26px;margin:7px auto 0;color:transparent;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.2)}
.personalization-loading #guestName:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);animation:guestShimmer 1.35s ease-in-out infinite}
.personalization-loading #openBtn{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px)}
.personalization-ready .personalization-status{display:none}
.personalization-ready #guestName,.personalization-ready #inviteBadge,.personalization-ready .gate .date,.personalization-ready #openBtn{opacity:1;visibility:visible;transform:none}
.personalization-error #guestName,.personalization-error #inviteBadge,.personalization-error .gate .date{opacity:0;visibility:hidden}
.personalization-error .personalization-status{min-height:28px;margin-bottom:10px}
.personalization-error #openBtn{opacity:1;visibility:visible;transform:none}
@keyframes guestShimmer{to{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){.gate .date,#inviteBadge,#guestName,#openBtn,.personalization-status{transition:none}.personalization-loading #guestName:after{animation:none}}
.rsvp-combined-form{margin:0!important}.rsvp-combined-form .rsvp-event-form+.rsvp-event-form{border-top:1px solid var(--line);padding-top:34px;margin-top:34px!important}.rsvp-submit-footer{margin-top:34px}.rsvp-combined-form [hidden]{display:none!important}.rsvp-combined-form button:disabled{cursor:wait;opacity:.65}

/* Love introduction and photographic closing to Our Journey. */
.love-intro{min-height:86svh;display:grid;place-items:center;background:#f7f1e8;color:#211914;padding:90px 24px}
.love-intro-inner{max-width:800px;margin:auto}
.love-intro h2{font:400 clamp(3.6rem,9vw,7.5rem)/.95 'Cormorant Garamond',serif;margin:22px auto}
.love-intro-copy{font:400 clamp(1.2rem,2.4vw,1.65rem)/1.5 'Cormorant Garamond',serif;max-width:660px;margin:26px auto;color:#5f4c42}
.love-ornament{display:block;color:#a77b5c;font-size:1.5rem;margin-top:28px}
.forever-interlude{height:min(88svh,900px);min-height:560px;position:relative;display:grid;place-items:center;isolation:isolate;color:#fff;padding:40px 24px}
.forever-interlude>img,.forever-interlude>.shade{position:absolute;inset:0;width:100%;height:100%}
.forever-interlude>img{object-fit:cover;object-position:center 42%;z-index:-2}
.forever-interlude>.shade{background:linear-gradient(180deg,rgba(20,12,8,.2),rgba(20,12,8,.44) 55%,rgba(20,12,8,.5));z-index:-1}
.forever-caption{max-width:950px;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.forever-caption h2{font:italic 400 clamp(3.2rem,8vw,7rem)/1.05 'Cormorant Garamond',serif;margin:10px 0}
.zh .love-intro h2,.zh .forever-caption h2{font-family:'Noto Serif SC',serif;font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.35}
@media(max-width:760px){.love-intro{min-height:70svh;padding:80px 26px}.forever-interlude{height:75svh;min-height:500px}.forever-interlude>img{object-position:center 45%}.forever-caption h2{font-size:clamp(2.9rem,12vw,4.5rem)}}

/* Approved cover: scoped to the opening gate only. */
#gate{padding:0;background:#3a332d;color:#f9f2e8;isolation:isolate}
#gate>img,#gate>.shade{inset:0;width:100%;height:100%;transform:none}
#gate>img{object-position:center 48%}
#gate>.shade{background:linear-gradient(180deg,rgba(30,23,20,.62) 0%,rgba(31,23,19,.60) 38%,rgba(33,24,19,.14) 57%,rgba(29,23,19,.24) 66%,rgba(25,19,16,.72) 100%)}
#gate .cover-frame{position:absolute;inset:clamp(12px,3vw,26px);border:1px solid rgba(250,238,218,.55);pointer-events:none}
#gate .cover-frame:before,#gate .cover-frame:after{content:"✦";position:absolute;color:#dfc9aa;font-size:13px}
#gate .cover-frame:before{top:-7px;left:calc(50% - 6px)}
#gate .cover-frame:after{bottom:-7px;left:calc(50% - 6px)}
#gate .gate-copy{position:absolute;inset:0;width:100%;height:100%;padding:0;display:block}
#gate .cover-title{position:absolute;top:clamp(135px,20svh,190px);left:20px;right:20px;text-shadow:0 2px 20px rgba(14,8,5,.4)}
#gate .kicker{margin:0;color:#f2dfc6;font-size:clamp(11px,2.5vw,13px);letter-spacing:.3em;font-weight:600}
#gate h1{font:500 clamp(50px,13.2vw,92px)/1.12 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:24px auto 19px;white-space:nowrap;text-align:center;color:#f9f2e8;text-shadow:0 2px 10px rgba(15,9,6,.38)}
#gate h1 i{display:inline;font-size:.85em;font-weight:400;color:#dfc9aa;margin:0}
#gate .date{display:block;margin:0;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;font:500 clamp(12px,3.2vw,14px)/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;color:#fff8ed;text-shadow:0 1px 7px rgba(15,9,6,.65)}
#gate .cover-bottom{position:absolute;bottom:max(63px,calc(env(safe-area-inset-bottom) + 55px));left:18px;right:18px;text-shadow:0 2px 14px #120b07aa}
#gate .guest{margin:0;color:#f9f2e8}
#gate .guest small{font-size:13px;line-height:1.5;letter-spacing:.04em}
#gate .guest strong{font:italic 500 clamp(22px,calc(6vw - 2px),29px)/1.15 'Cormorant Garamond',Georgia,serif;max-width:90%;margin:7px auto 0}
#gate #inviteBadge{display:block;margin:16px auto 22px;font-size:clamp(10px,2.5vw,12px);line-height:1.5;letter-spacing:.12em;color:#f2dfc6}
#gate button{border:1px solid #e6d1b6;border-radius:0;background:#f7f0e6;color:#49382e;padding:14px 24px;min-height:50px;min-width:205px;font:600 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.14em;text-shadow:none}
@media(max-width:480px){#gate>img{object-position:center 50%}#gate .cover-title{top:20svh}#gate .cover-bottom{bottom:max(66px,calc(env(safe-area-inset-bottom) + 60px))}}
@media(max-height:700px){#gate .cover-title{top:95px}#gate h1{margin:18px auto}#gate .cover-bottom{bottom:54px}#gate #inviteBadge{margin:10px auto 13px}}
/* Introduction portraits: original colors, full images, mirrored alignment. */
#couple .groom-profile>img,#couple .bride-profile>img{width:92%;height:100%;object-fit:contain;transform:none;filter:none}
#couple .groom-profile>img{inset:0 0 0 auto;object-position:right top}
#couple .bride-profile>img{inset:0 auto 0 0;object-position:left top}
@media(min-width:760px){#gate>img,#gate>.shade{left:50%;width:720px;transform:translateX(-50%)}#gate .gate-copy{left:50%;width:720px;transform:translateX(-50%)}#gate .cover-frame{left:50%;right:auto;width:668px;transform:translateX(-50%)}}

/* Requested alignment and event content font only. */
#story .story-timeline p {
  text-align: justify;
}
#events .event-grid h3 {
  font-family: inherit;
}

/* Stories gallery only: full photographs, ivory space, champagne progress. */
#gallery{background:#f7f1e8;color:var(--ink);padding:70px 0 0}
#gallery>.kicker,#gallery>h2{padding-inline:24px}
#gallery #galleryGrid{position:relative;display:block;width:100%;max-width:none;height:100vh;height:100dvh;margin:40px 0 0;overflow:hidden;background:#f7f1e8;touch-action:pan-y;isolation:isolate}
#gallery #galleryGrid>figure{position:absolute;inset:100px 18px calc(112px + env(safe-area-inset-bottom));margin:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;transform:none;overflow:hidden;pointer-events:none}
#gallery #galleryGrid>figure.is-active{opacity:1;visibility:visible}
#gallery #galleryGrid>figure>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;transition:none}
#gallery .gallery-progress{position:absolute;z-index:3;top:max(72px,calc(env(safe-area-inset-top) + 60px));left:18px;right:18px;display:flex;gap:4px;padding:7px 0;background:#f7f1e8}
#gallery .gallery-progress>span{flex:1;min-width:0;height:3px;overflow:hidden;background:#dfc9aa55;border-radius:2px;box-shadow:0 0 0 1px #ad8b6155}
#gallery .gallery-progress b{display:block;width:100%;height:100%;background:#b58d5c;transform:scaleX(0);transform-origin:left;will-change:transform}
#gallery .gallery-tap{position:absolute;z-index:2;top:100px;bottom:calc(112px + env(safe-area-inset-bottom));width:50%;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
#gallery .gallery-previous{left:0}#gallery .gallery-next{right:0}
#gallery .gallery-tap:focus-visible,#gallery #galleryGrid:focus-visible{outline:2px solid #b58d5c;outline-offset:-4px}
#gallery .gallery-counter{position:absolute;left:0;right:0;bottom:calc(92px + env(safe-area-inset-bottom));font:500 12px Manrope,sans-serif;letter-spacing:.14em;color:#72583b}
#gallery .gallery-error{display:none;position:absolute;inset:0;place-content:center;padding:24px;color:#72583b;font-size:14px;line-height:1.6}
#gallery figure.has-error img{visibility:hidden}#gallery figure.has-error .gallery-error{display:grid}
@media(prefers-reduced-motion:reduce){#gallery #galleryGrid>figure{transition:none}}

/* Only the post-cover couple name and closing photograph. */
#home .hero-copy h2 {
  font-size: clamp(50px, 13.2vw, 92px);
  white-space: nowrap;
  letter-spacing: -.025em;
}
#home .hero-copy h2 i {
  font-size: .85em;
}
footer > img {
  width: min(100%, 180svh);
  height: min(100%, 166.6667vw);
  inset: 0;
  margin: auto;
  object-fit: cover;
  /* Recenter the couple within the portrait crop, without exposing image edges. */
  object-position: 54.42% center;
  transform: none;
}

/* Audit fixes: contain fallback headings and long public wish text. */
#events>h2 { overflow-wrap: anywhere; }
#wishList p,.saved-wish span { overflow-wrap: anywhere; }

/* Visible hints on the existing gallery tap controls. */
#gallery .gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid #b58d5c;background:rgba(247,241,232,.92);color:#72583b;border-radius:50%;font:32px/1 Georgia,serif;box-shadow:0 2px 8px #21191422;pointer-events:none}
#gallery .gallery-previous .gallery-arrow{left:8px}
#gallery .gallery-next .gallery-arrow{right:8px}