:root{--teal:#05878a;--dark-blue:#074e67;--deep-purple:#5a175d;--rich-magenta:#67074e;--gold-accent:#dd9933;--sapphire-blue:#074e67;--emerald-green:#007a5e;--ruby-red:#9e1b32;--light-text:#f0f4f8;--dark-text-primary:#212529;--dark-text-secondary:#495057;--deep-bronze:#8c7853;--font-heading:"Noto Sans TC", sans-serif;--font-body:"Noto Sans TC", sans-serif;--nav-height:60px}*{box-sizing:border-box;margin:0;padding:0}html{overflow:auto;height:auto}body{font-family:var(--font-body);color:var(--dark-text-primary);line-height:1.7;background-color:var(--light-text);overflow-x:hidden;height:100vh;overflow-y:auto;scroll-behavior:smooth;scroll-padding-top:var( --nav-height )}.main-nav ul{list-style:none;display:flex}.main-nav ul li a{color:var(--light-text);text-decoration:none;font-weight:700;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.main-nav ul li a:hover,.main-nav ul li a.active{color:var(--gold-accent)}.main-nav{position:fixed;top:0;left:0;width:100%;background-color:rgba(5,135,138,.5);backdrop-filter:blur(10px);z-index:1000;height:var(--nav-height);display:flex;justify-content:center;align-items:center;padding:0 20px}.nav-links{list-style:none;margin:0;padding:0;display:flex;height:100%}.nav-links a{color:var(--light-text);text-decoration:none;font-weight:700;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease;padding:0 1rem;height:100%;display:flex;align-items:center}.nav-links a:hover,.nav-links a.active{color:var(--gold-accent)}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger{display:block;position:relative}.hamburger,.hamburger::before,.hamburger::after{content:'';display:block;width:2em;height:3px;background:var(--gold-accent);border-radius:2px;transition:transform .3s ease-in-out}.hamburger::before{position:absolute;bottom:8px}.hamburger::after{position:absolute;top:8px}@media(max-width:800px){.main-nav{background-color:unset;backdrop-filter:blur(20px);justify-content:flex-end;border-bottom:1px solid var(--gold-accent)}.nav-toggle{display:block}.nav-links{position:fixed;background:rgba(7,78,103,.98);backdrop-filter:blur(15px);inset:0 0 0 50%;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100vh;transform:translateX(100%);transition:transform 350ms ease-out;box-shadow:0 6px 12px var(--gold-accent)}.nav-links a{font-size:1.2rem}.nav-open .nav-links{transform:translateX(0)}.nav-open .hamburger{transform:rotate(.625turn)}.nav-open .hamburger::before{transform:rotate(90deg)translateX(-8px)}.nav-open .hamburger::after{opacity:0}}.full-height-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;position:relative;text-align:center;overflow:hidden}#amsterdam .section-intro{text-align:left}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:40px;text-align:left}.recommendation-card{background:rgba(0,0,0,.25);padding:25px;border-radius:8px;border-left:4px solid var(--gold-accent);transition:background .3s ease;display:flex;flex-direction:column}.recommendation-card:hover{background:rgba(0,0,0,.4)}.recommendation-card h3{font-family:var(--font-heading);color:var(--gold-accent);font-size:1.3em;margin-bottom:.5em}.recommendation-card p{color:rgba(240,244,248,.85);font-size:.95em;line-height:1.6}.recommendation-category{font-family:var(--font-heading);color:#fff;grid-column:1/-1;margin-top:20px;margin-bottom:-10px;text-align:left;padding-bottom:10px;border-bottom:2px solid var(--gold-accent)}.recommendation-card .map-link{padding:6px 14px;font-size:.8em;font-weight:600;background-color:initial;color:var(--gold-accent);border:1px solid var(--gold-accent);align-self:flex-start;margin-top:auto}.recommendation-card .map-link:hover{background-color:var(--gold-accent);color:var(--dark-blue)}.recommendation-card p{margin-bottom:15px}section,footer{scroll-snap-align:start}.full-height-section:nth-child(even){background-color:#fff;color:var(--dark-text-primary)}#hero{background-color:var(--dark-blue)}#story{background-color:#fdf6e3}#dress-code{background-color:#f8f9fa}#amsterdam{background-color:var(--deep-purple);color:var(--light-text)}.jewel-tone-focus{text-align:left}.jewel-tone-focus h3{text-align:center}.jewel-swatches{list-style:none;padding-left:0;margin-top:1em;margin-bottom:1.5em;display:flex;flex-wrap:wrap;justify-content:center}.jewel-swatches li{display:flex;align-items:center;margin:.5em 1em;font-size:1.05em}.color-swatch{display:inline-block;width:20px;height:20px;margin-right:5px;margin-left:5px;border:1px solid rgba(255,255,255,.5);border-radius:3px;vertical-align:middle}.section-content{max-width:900px;width:100%;z-index:2;position:relative}.background-image-holder{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.3;z-index:1}.hero-section{position:relative;color:var(--light-text);text-align:center}.hero-section .background-image-holder{opacity:.4}.hero-section .section-content{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:calc(var(--nav-height) + 2rem)1rem 4rem}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3.6rem);font-weight:600;color:var(--gold-accent);text-shadow:2px 2px 6px rgba(0,0,0,.5);margin:0}.hero-subtitle{margin-inline:auto;font-size:1.2rem;color:var(--light-text);font-weight:400;text-shadow:none}.hero-names{font-family:var(--font-heading);font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:700;color:var(--light-text);text-shadow:2px 2px 6px rgba(0,0,0,.5);margin:0}.hero-date{font-size:1.1rem;letter-spacing:.03em;color:var(--light-text);font-style:italic;font-weight:700;text-shadow:none;margin:0}.hero-title{color:var(--gold-accent)}.hero-names{color:rgba(255,255,255,.9)}.hero-section{position:relative}.hero-section{position:relative}.hero-buttons{position:absolute;left:50%;bottom:2.5rem;transform:translateX(-50%);display:flex;gap:1rem;z-index:5}.hero-btn{display:inline-block;padding:12px 30px;font:700 .9rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.05em;border-radius:50px;transition:.3s;border:2px solid var(--gold-accent)}.btn-discover{background:0 0;color:var(--gold-accent)}.btn-discover:hover{background:var(--gold-accent);color:var(--dark-blue)}.btn-rsvp{background:var(--gold-accent);color:var(--dark-blue)}.btn-rsvp:hover{background:0 0;color:var(--gold-accent)}@media(prefers-reduced-motion:no-preference){.hero-btn{animation:heroPulse 3.5s ease-in-out infinite}@keyframes heroPulse{0%,100%{box-shadow:0 0 rgba(221,153,51,.35)}50%{box-shadow:0 0 0 12px rgba(221,153,51,0)}}}@media(max-width:600px){.hero-buttons{bottom:5.5rem}}.full-height-section h2{font-family:var(--font-heading);font-size:3em;margin-bottom:.5em;position:relative;padding-bottom:.3em}.full-height-section:nth-child(odd) h2{color:var(--gold-accent)}.full-height-section:nth-child(even) h2{color:var(--rich-magenta)}.full-height-section h2::after{content:"";display:block;width:80px;height:3px;background-color:var(--gold-accent);margin:.3em auto 0}.section-intro,.section-outro{font-size:1.1em;max-width:700px;margin:0 auto 1.5em}#story h2{color:var(--deep-purple)}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;margin-bottom:50px;max-width:1200px;width:100%}.gallery-item{transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.gallery-item img{box-shadow:0 6px 12px rgba(0,0,0,.1);border-radius:8px}.gallery-item:hover{transform:scale(1.03)}.gallery-item img{width:100%;height:auto;display:block;border-radius:6px;cursor:pointer;transition:opacity .2s ease-in-out}.gallery-item img:hover{opacity:.85}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}#details{background-color:var(--teal);color:var(--light-text)}#details h2{color:#fff}#details .background-image-holder{opacity:.15}#details .section-content{background-color:rgba(0,0,0,.25);padding:40px;border:1px solid rgba(221,153,51,.3);border-radius:10px;backdrop-filter:blur(5px)}.program-info{border-radius:10px;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto;text-align:left}.program-info h3{font-family:var(--font-heading);color:var(--gold-accent);font-size:1.8em;margin-bottom:1em;text-align:center}.program-info ul{list-style:none;padding-left:0}.program-info ul li{margin-bottom:.8em;font-size:1.05em;padding-left:25px;position:relative}.program-info ul li::before{content:"⬥";position:absolute;left:0;color:var(--gold-accent);font-size:1.2em}.tentative-note{font-style:italic;font-size:.95em;text-align:center;margin-bottom:1.5em;opacity:.9}.additional-info-image-holder{width:100%;max-width:500px;height:300px;background-size:cover;background-position:50%;border-radius:10px;margin:30px auto 0;box-shadow:0 5px 15px rgba(0,0,0,.1)}#location .background-image-holder{opacity:.5}#location .section-content{background-color:rgba( 7,78,103,.7 );padding:40px;border-radius:10px;color:var(--light-text);backdrop-filter:blur(5px)}#location h2{color:#fff}.venue-details h3{font-family:var(--font-heading);color:var(--gold-accent);font-size:2em;margin-bottom:.5em}.venue-details address{font-style:normal;font-size:1.1em;margin-bottom:1em}.map-link{display:inline-block;margin-top:20px;padding:10px 25px;background-color:var(--gold-accent);color:var(--dark-blue);text-decoration:none;font-weight:700;border-radius:5px;transition:background-color .3s ease,color .3s ease}.map-link:hover{background-color:var(--light-text);color:var(--dark-blue)}#dress-code h2{color:var(--deep-purple)}.dress-code-columns{display:flex;flex-wrap:wrap;gap:40px;text-align:left;margin:30px 0}.dress-code-column{flex:1;min-width:300px;background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,7%);border-left:5px solid var(--teal)}.dress-code-column h3{font-family:var(--font-heading);color:var(--teal);font-size:1.6em;margin-bottom:1em}.dress-code-column ul{list-style:none;padding-left:0}.dress-code-column ul li{padding-left:1.8em;position:relative;margin-bottom:.7em}.dress-code-column ul li::before{content:"✔";color:var(--teal);position:absolute;left:0;font-weight:700}.jewel-tone-focus{margin-top:40px;padding:30px;border:5px solid var(--dark-blue);border-radius:8px;text-align:left}.jewel-tone-focus h3{font-family:var(--font-heading);color:var(--dark-blue);font-size:1.8em;margin-bottom:.7em}.jewel-tone-focus strong{color:var(--dark-blue);font-weight:700}#amsterdam h2{color:var(--gold-accent)}#amsterdam .section-intro{color:rgba(240,244,248,.85)}.tips-placeholder{margin-top:30px}.tips-placeholder img{max-width:100%;height:auto;border-radius:8px;margin-top:20px;border:3px solid var(--gold-accent);opacity:.8}.main-footer{background-color:var(--dark-text-primary);color:var(--light-text);text-align:center;padding:40px 20px}.main-footer p{margin-bottom:.5em;opacity:.8}.main-footer p:first-child{font-family:var(--font-heading);font-size:1.5em;opacity:1;color:var(--gold-accent)}@media(max-width:1024px){.hero-title{font-size:3.5em}.hero-names{font-size:2.2em}.full-height-section h2{font-size:2.5em}.photo-gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.main-nav{padding:0 10px}.main-nav ul li{margin:0 8px}.main-nav ul li a{font-size:.8em}.full-height-section{padding:60px 20px}.hero-title{font-size:2.8em}.hero-subtitle{font-size:1.2em}.hero-names{font-size:1.8em}.full-height-section h2{font-size:2.2em}.dress-code-columns{flex-direction:column}.photo-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}}@media(max-width:480px){.hero-title{font-size:2.2em}.hero-subtitle{font-size:1em}.hero-names{font-size:1.5em}.hero-date{font-size:1.1em}.scroll-down-btn{padding:10px 20px;font-size:.9em}.full-height-section h2{font-size:1.8em}.section-intro,.section-outro{font-size:1em}.program-info{padding:20px}.program-info ul li{font-size:.95em}.dress-code-column{padding:20px}.dress-code-column h3{font-size:1.4em}.photo-gallery{grid-template-columns:1fr}}.main-nav ul li a:hover,.main-nav ul li a.active{color:var(--gold-accent)}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);display:none;justify-content:center;align-items:center;z-index:2000;padding:20px;box-sizing:border-box}.lightbox-content{max-width:90%;max-height:100%;display:block;margin:auto;object-fit:contain;border-radius:4px;box-shadow:0 0 30px rgba(255,255,255,.2)}.lightbox-close{position:absolute;top:20px;right:35px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;transition:color .3s ease}.lightbox-close:hover{color:var(--gold-accent)}.lightbox-prev,.lightbox-next{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:auto;padding:16px;color:#fff;font-weight:700;font-size:30px;transition:.3s ease;user-select:none;border-radius:0 3px 3px 0}.lightbox-prev{left:20px;border-radius:3px 0 0 3px}.lightbox-next{right:20px}.lightbox-prev:hover,.lightbox-next:hover{background-color:rgba( 221,153,51,.3 );color:#fff}.lightbox-caption-container{text-align:center;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:80%;max-width:700px}#lightboxCaption{margin:10px 0 0;color:#ccc;font-size:1em;padding:10px;background-color:rgba(0,0,0,.5);border-radius:4px}#rsvp{background-color:var(--dark-blue);color:var(--light-text)}#rsvp .section-content{background:rgba(0,0,0,.1);border:1px solid var(--gold-accent);border-radius:10px;backdrop-filter:blur(5px);padding:40px}#rsvp h2{color:var(--gold-accent)}#rsvp .section-intro{color:var(--light-text);opacity:.9}.summary-item{display:grid;grid-template-columns:max-content 1fr;gap:25px;align-items:center;padding:10px 0}.summary-label{font-weight:700;color:var(--gold-accent);margin-right:0;flex-shrink:0;text-align:right}.summary-value{color:var(--light-text);font-style:italic;text-align:left}.hidden{display:none!important}#rsvp-display{max-width:700px;margin:0 auto}.rsvp-summary-card{background-color:rgba(255,255,255,5%);border-radius:10px;padding:10px 30px 20px;margin:30px 0;text-align:left}.summary-block{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.summary-block h4{font-family:var(--font-heading);color:var(--light-text);font-size:1.4em;margin-bottom:15px;margin-top:5px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}@media(max-width:600px){.summary-item{flex-direction:column;align-items:start}}.song-request-summary{padding-top:20px}.summary-label{font-weight:700;color:var(--gold-accent);margin-right:20px;flex-shrink:0;text-align:left}.summary-value{color:var(--light-text);font-style:italic;text-align:right}#rsvp-form-container{max-width:700px;margin:0 auto;background-color:rgba(255,255,255,.1);padding:30px 40px;border-radius:10px}.form-section{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.form-section:last-of-type{border-bottom:none}.form-section h4{font-family:var(--font-heading);color:var(--light-text);font-size:1.4em;margin-top:0;margin-bottom:25px;text-align:left}.form-group{margin-bottom:25px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:700;font-size:1.1em}.form-group .guest-name p{font-size:1.2em;color:var(--gold-accent);margin:0}.form-group input[type=text],.form-group textarea{width:100%;padding:12px;border-radius:5px;border:1px solid rgba(255,255,255,.3);background-color:rgba(255,255,255,.1);color:var(--light-text);font-family:var(--font-body);font-size:1em;transition:border-color .3s,box-shadow .3s}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--gold-accent);box-shadow:0 0 0 3px rgba(221,153,51,.4)}.radio-group label{display:inline-block;margin-right:20px;font-weight:400;font-size:1em;cursor:pointer}.radio-group input[type=radio]{margin-right:8px;accent-color:var(--gold-accent)}.form-actions{text-align:center;margin-top:30px;display:flex;gap:15px;justify-content:center}.rsvp-button{display:inline-block;padding:12px 30px;border:2px solid var(--gold-accent);color:var(--gold-accent);background-color:initial;text-decoration:none;font-weight:700;border-radius:50px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-size:1em}.rsvp-button:hover{background-color:var(--gold-accent);color:var(--dark-blue)}.rsvp-button.secondary{border-color:rgba(255,255,255,.7);color:rgba(255,255,255,.8)}.rsvp-button.secondary:hover{background-color:rgba(255,255,255,.7);color:var(--dark-blue)}.checkbox-group label{display:flex;align-items:center;font-weight:400;font-size:1em;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin-right:12px;accent-color:var(--gold-accent)}.shared-summary{border-bottom:none}.remarks-summary{display:flex;align-items:baseline;padding-top:15px}.remarks-summary .summary-label{margin-bottom:8px}.remarks-summary .summary-value{font-style:normal;white-space:pre-wrap;background-color:rgba( 7,78,103,.6 );padding:12px 15px;border-radius:8px;width:100%;text-align:left}.remarks-group{margin-top:30px;padding:25px;border-radius:8px;background-color:rgba( 5,135,138,.1 );border-left:4px solid var(--gold-accent);transition:background-color .3s ease}.remarks-group:focus-within{background-color:rgba( 5,135,138,.15 )}.remarks-group label{color:var(--gold-accent);font-size:1.2em;font-family:var(--font-heading)}#remarks{background-color:rgba(255,255,255,5%)}.form-error{padding:15px 20px;margin-bottom:20px;border-radius:8px;background-color:rgba( 155,17,30,.2 );border:1px solid var(--ruby-red);color:#f8d7da;text-align:center;font-weight:700;transition:opacity .3s ease}.contact-section{background-color:var(--dark-blue);color:var(--light-text);text-align:center;position:relative;overflow:hidden}.contact-section .background-image-holder{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.25;z-index:0}.contact-section .section-content{background:rgba(0,0,0,.1);border:1px solid var(--gold-accent);border-radius:10px;backdrop-filter:blur(5px);padding:40px;padding-bottom:0}.contact-section .section-content,.contact-section .contact-grid{position:relative;z-index:1}#contact h2{font-family:var(--font-heading);font-size:3em;margin-bottom:.6rem;color:var(--gold-accent)}#contact h2::after{content:"";display:block;width:80px;height:3px;background:var(--gold-accent);margin:.3em auto 0}#contact .section-intro{font-size:1.1rem;line-height:1.6;margin:0 auto 2.2rem}.contact-grid{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px}.contact-card{padding:40px;width:370px;text-align:left}.contact-card h3{font-family:var(--font-heading);font-size:1.45rem;color:var(--dark-text-primary);margin-bottom:1rem}.contact-card .email a{color:var(--sapphire-blue);font-weight:700;word-break:break-all}.contact-card .email a:hover{color:#043d54}.contact-card .contact-note{font-size:.95rem;margin-top:1rem;opacity:.9;color:var(--dark-text-primary)}@media(max-width:900px){.contact-grid{flex-direction:column}.contact-card{margin:0 auto;width:unset}}@media(min-width:901px){.contact-card:first-child{border-right:2px solid var(--gold-accent);padding-right:40px}}