:root{font-family:Cormorant Garamond,Georgia,serif;line-height:1.5;font-weight:400;color:#fff8f0;background:#7a0020;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#7a0020}#root{min-height:100vh}button,input,textarea{font:inherit}:root{--red-deep: #520012;--red-primary: #7a0020;--red-mid: #8c1030;--gold-primary: #c9a547;--gold-light: #d4b865;--gold-pale: #edd9a0;--cream: #fff8f0}.gold-motif{position:absolute;width:auto;pointer-events:none;mix-blend-mode:multiply;opacity:.6;z-index:0}.footer-gold{width:auto;pointer-events:none;mix-blend-mode:multiply;opacity:.6;z-index:0}.divider-bar{height:60px;width:auto;mix-blend-mode:multiply;opacity:.78}.xi-icon{height:72px;width:auto;flex-shrink:0;mix-blend-mode:multiply;opacity:.7}.nav{position:fixed;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3rem;z-index:100;transition:all .3s}.nav.scrolled{background:#520012f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #c9a54733}.nav-logo{font-family:"Noto Serif SC",serif;font-size:1.35rem;font-weight:400;color:var(--gold-primary)}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{color:#fff8f0d9;text-decoration:none;font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;transition:color .2s}.nav.scrolled .nav-links a{color:var(--gold-pale)}.nav-links a:hover{color:var(--gold-primary)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1.15fr}.hero-photo-panel,.hero-content,.story-section,.gallery-section,.details-section,.rsvp-section,.site-footer{position:relative;overflow:hidden}.hero-photo-panel{min-height:100vh}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.hero-photo-frame{position:absolute;inset:18px;border:1px solid rgb(201 165 71 / 35%);z-index:3;pointer-events:none}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7rem 4.5rem 4rem;text-align:center;background:linear-gradient(160deg,var(--red-mid) 0%,var(--red-primary) 100%)}.hero-eyebrow,.hero-names,.hero-date-block,.hero-cta{position:relative;z-index:1}.hero-eyebrow{margin-bottom:2rem;color:var(--gold-light);font-size:.78rem;font-weight:600;letter-spacing:.38em;text-transform:uppercase;opacity:.85}.hero-names{font-family:Great Vibes,cursive;font-size:5.5rem;line-height:1.05;color:var(--cream)}.hero-and{display:block;margin:-.25rem 0;color:var(--gold-light);font-size:3.5rem}.hero-date-block{width:100%;margin-top:3rem;padding-top:2rem;border-top:1px solid rgb(201 165 71 / 30%)}.hero-date{margin-bottom:.3rem;color:var(--cream);font-size:1.35rem;font-weight:300}.hero-venue-text{color:#fff8f099;font-size:1rem;letter-spacing:.05em}.hero-cn{margin-top:.6rem;color:var(--gold-primary);font-family:"Noto Serif SC",serif;font-size:.82rem;letter-spacing:.35em}.hero-cta{margin-top:3rem}.btn-primary,.btn-outline,.btn-submit{display:inline-block;text-decoration:none;text-transform:uppercase;transition:all .3s}.btn-primary{padding:.9rem 2.5rem;border:1.5px solid var(--gold-primary);color:var(--gold-primary);font-size:.85rem;font-weight:600;letter-spacing:.2em}.btn-primary:hover{background:var(--gold-primary);color:var(--red-deep)}.hero-divider{background:var(--red-deep);padding:3rem;position:relative;z-index:5}.divider-row{display:flex;align-items:center;justify-content:center;gap:.75rem;width:min(100%,65rem);margin:0 auto;position:relative;z-index:1}.divider-row img:first-child,.section-title-divider.mirrored{transform:scaleX(-1)}.divider-row.compact{max-width:65%;margin-bottom:1.75rem}.section-inner{max-width:1100px;margin:0 auto;padding:6rem 3rem;position:relative;z-index:1}.section-story{padding-top:.75rem}.section-gallery-header{padding-bottom:2rem}.section-header{margin-bottom:4rem;padding:2rem;position:relative;text-align:center;border-top:1px solid rgb(201 165 71 / 25%);border-bottom:1px solid rgb(201 165 71 / 25%)}.section-header:before,.section-header:after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);color:var(--gold-primary);font-size:.6rem;opacity:.5}.section-header:before{left:0}.section-header:after{right:0}.section-title-row{display:flex;align-items:center;justify-content:center;gap:1rem}.section-title-divider{height:55px;width:auto;flex-shrink:0;mix-blend-mode:multiply}.section-label,.section-title,.section-title-cn{position:relative;z-index:1}.section-label{margin-bottom:.75rem;color:var(--gold-primary);font-size:.72rem;font-weight:600;letter-spacing:.4em;text-transform:uppercase}.section-title{margin-bottom:.4rem;color:var(--cream);font-size:2.5rem;font-weight:600}.section-title-cn{color:var(--gold-primary);font-family:"Noto Serif SC",serif;font-size:.88rem;letter-spacing:.45em}.story-section,.details-section,.site-footer{background:var(--red-deep)}.gallery-section,.rsvp-section{background:var(--red-primary)}.story-layout,.venue-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:center}.story-photo-wrap{position:relative}.story-photo-wrap:before,.story-photo-wrap:after{content:"";position:absolute;border-radius:50%;z-index:0}.story-photo-wrap:before{width:170px;height:170px;top:-35px;right:-35px;border:1.5px solid rgb(201 165 71 / 25%)}.story-photo-wrap:after{width:75px;height:75px;bottom:-20px;left:-20px;border:1px solid rgb(201 165 71 / 15%)}.story-photo{width:100%;aspect-ratio:3 / 4;overflow:hidden;position:relative;z-index:1;border:1px solid rgb(201 165 71 / 30%)}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.story-text-label,.venue-info-label,.detail-label,.form-label{color:var(--gold-primary);font-size:.72rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase}.story-text-label{margin-bottom:1.5rem}.story-text{color:#fff8f0b3;font-size:1.2rem;line-height:2}.story-text p:not(:last-child){margin-bottom:1.5rem}.gallery-scroll-wrapper{overflow-x:auto;overflow-y:hidden;padding:0 3rem 2rem;scrollbar-width:thin;scrollbar-color:rgb(201 165 71 / 40%) rgb(0 0 0 / 20%);position:relative;z-index:2}.gallery-scroll-wrapper::-webkit-scrollbar{height:6px}.gallery-scroll-wrapper::-webkit-scrollbar-track{background:#0003;border-radius:3px}.gallery-scroll-wrapper::-webkit-scrollbar-thumb{background:#c9a54773;border-radius:3px}.gallery-track{display:flex;gap:1.25rem;align-items:flex-start;width:max-content;padding-bottom:.5rem}.gallery-photo-item{flex-shrink:0;max-height:68vh;overflow:hidden;padding:0;background:transparent;border:1px solid rgb(201 165 71 / 20%);cursor:zoom-in;transition:border-color .25s,box-shadow .25s}.gallery-photo-item:hover{border-color:#c9a5478c;box-shadow:0 0 0 1px #c9a54726,0 8px 30px #0006}.gallery-photo-item img{height:68vh;width:auto;display:block}.gallery-hint{margin-bottom:1rem;padding:0 3rem;position:relative;z-index:2;color:#fff8f059;font-size:.72rem;letter-spacing:.2em;text-align:center;text-transform:uppercase}.gallery-bottom-spacer{height:3rem}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:5rem}.detail-card{position:relative;padding:2.5rem 2rem;text-align:center;background:#0003;border:1px solid rgb(201 165 71 / 25%);border-top:2px solid var(--gold-primary)}.detail-card:after{content:"";position:absolute;right:8px;bottom:8px;width:16px;height:16px;border-right:1px solid rgb(201 165 71 / 40%);border-bottom:1px solid rgb(201 165 71 / 40%)}.detail-label{margin-bottom:.75rem;letter-spacing:.25em}.detail-value{color:var(--cream);font-size:1.2rem;line-height:1.6}.inline-divider{display:flex;align-items:center;gap:1.5rem;margin-bottom:4rem;opacity:.35}.inline-divider div{flex:1;height:1px;background:var(--gold-primary)}.inline-divider img{height:32px;width:auto;mix-blend-mode:multiply;opacity:.7}.venue-layout{grid-template-columns:1fr 1fr;align-items:start}.venue-info-label{margin-bottom:1rem}.venue-name-cn{margin-bottom:.2rem;color:var(--gold-light);font-family:"Noto Serif SC",serif;font-size:2.8rem;line-height:1.2}.venue-name-en{margin-bottom:2rem;color:#fff8f099;font-size:1.4rem;font-style:italic}.venue-separator{width:45px;height:1px;margin-bottom:1.5rem;background:var(--gold-primary)}.venue-address{margin-bottom:2rem;color:#fff8f08c;font-size:1.1rem;line-height:1.9}.btn-outline{padding:.8rem 2rem;border:1px solid rgb(201 165 71 / 50%);color:var(--gold-primary);font-size:.78rem;font-weight:600;letter-spacing:.15em}.btn-outline:hover{background:var(--gold-primary);border-color:var(--gold-primary);color:var(--red-deep)}.venue-map-placeholder{aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;color:#fff8f04d;font-size:.9rem;letter-spacing:.15em;background:#0003;border:1px solid rgb(201 165 71 / 20%)}.rsvp-card{max-width:560px;margin:0 auto;padding:4rem;position:relative;background:#0003;border:1px solid rgb(201 165 71 / 35%);box-shadow:0 20px 60px #0003,inset 0 0 0 6px #c9a5470f}.rsvp-card:before,.rsvp-card:after{content:"";position:absolute;width:28px;height:28px}.rsvp-card:before{top:10px;left:10px;border-top:1.5px solid rgb(201 165 71 / 60%);border-left:1.5px solid rgb(201 165 71 / 60%)}.rsvp-card:after{right:10px;bottom:10px;border-right:1.5px solid rgb(201 165 71 / 60%);border-bottom:1.5px solid rgb(201 165 71 / 60%)}.rsvp-intro{margin-bottom:3rem;text-align:center}.rsvp-intro h3{margin-bottom:.5rem;color:var(--gold-light);font-size:2rem;font-style:italic;font-weight:400}.rsvp-intro p{color:#fff8f08c;font-size:1rem}.rsvp-search-form,.rsvp-party-form{display:grid;gap:1.25rem}.rsvp-helper,.rsvp-note,.rsvp-guest-note{color:#fff8f099;font-size:.95rem;line-height:1.6}.rsvp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rsvp-feedback{padding:.9rem 1rem;border:1px solid rgb(201 165 71 / 22%);font-size:.95rem}.rsvp-feedback.error{color:#ffd7d7;background:#7a002059;border-color:#ffd7d733}.rsvp-feedback.success{color:var(--gold-pale);background:#52001259}.rsvp-party-header,.rsvp-guest-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.rsvp-party-header{margin-top:1.5rem}.rsvp-party-header h4,.rsvp-guest-header h5{color:var(--gold-light)}.rsvp-kicker{margin-bottom:.35rem;color:#fff8f073;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.rsvp-party-list{display:grid;gap:1.5rem}.rsvp-guest-card{padding:1.5rem;background:#00000029;border:1px solid rgb(201 165 71 / 18%)}.btn-secondary{padding:.8rem 1.25rem;color:var(--gold-pale);background:transparent;border:1px solid rgb(201 165 71 / 28%);font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .25s}.btn-secondary:hover{background:#7a002066;border-color:var(--gold-primary)}.attendance-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.btn-attendance{padding:1rem;border:1.5px solid rgb(201 165 71 / 35%);background:transparent;color:var(--cream);font-size:1rem;font-weight:600;letter-spacing:.05em;transition:all .25s}.btn-attendance.active,.btn-attendance:hover{color:var(--gold-pale);background:var(--red-primary);border-color:var(--gold-primary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;letter-spacing:.2em}.form-input{width:100%;padding:.9rem 1rem;color:var(--cream);font-size:1.05rem;background:#0003;border:1px solid rgb(201 165 71 / 25%);transition:border-color .2s;resize:vertical}.form-input::placeholder{color:#fff8f04d}.form-input:focus{outline:none;border-color:var(--gold-primary)}.btn-submit{width:100%;margin-top:1rem;padding:1.1rem;color:var(--gold-pale);background:var(--red-deep);border:1px solid rgb(201 165 71 / 40%);font-size:1rem;font-weight:600;letter-spacing:.2em;cursor:pointer}.btn-attendance:disabled,.btn-submit:disabled{opacity:.7;cursor:wait}.btn-submit:hover{background:var(--red-primary)}.site-footer{padding:4rem 3rem;text-align:center;border-top:1px solid rgb(201 165 71 / 15%)}.footer-names,.footer-date{position:relative;z-index:1}.footer-names{margin-bottom:.5rem;color:var(--gold-light);font-family:Great Vibes,cursive;font-size:3rem}.footer-date{color:#edd9a073;font-size:.85rem;letter-spacing:.25em}.lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000eb;z-index:1000;cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;border:1px solid rgb(201 165 71 / 30%)}.lightbox-close{position:absolute;top:1.5rem;right:2rem;color:#fff8f099;font-size:2rem;background:none;border:0;cursor:pointer;transition:color .2s}.lightbox-close:hover{color:var(--gold-primary)}.lightbox-hint{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fff8f04d;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-photo-panel{min-height:55vh;height:55vh}.hero-content{padding:4rem 2rem}.hero-names{font-size:4rem}.nav{padding:1rem 1.5rem}.nav-links{display:none}.section-inner{padding:4rem 1.5rem}.story-layout,.venue-layout,.details-grid{grid-template-columns:1fr;gap:3rem}.details-grid{gap:1.25rem}.section-title{font-size:2rem}.section-title-row{gap:.5rem}.section-title-divider{max-width:28%}.rsvp-card{padding:2.5rem 1.5rem}.gallery-scroll-wrapper,.gallery-hint{padding-right:1.5rem;padding-left:1.5rem}.gallery-photo-item{max-height:50vh}.gallery-photo-item img{height:50vh}.attendance-group,.rsvp-grid{grid-template-columns:1fr}.rsvp-party-header,.rsvp-guest-header{flex-direction:column}.divider-row.compact{max-width:100%}}