@import "https://fonts.googleapis.com/css2?family=Great+Vibes&family=Jost:wght@300;400&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background-color:#e8eceb;justify-content:center;align-items:center;height:100dvh;font-family:Jost,sans-serif;display:flex;overflow:hidden}#root,main{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.invitation-container{background-color:#fdfbf7;flex-direction:column;justify-content:center;width:100%;max-width:800px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.gold-border{pointer-events:none;z-index:10;border:2px solid #c5a870;position:absolute;inset:15px}.floral-tl{opacity:.9;z-index:1;mix-blend-mode:multiply;width:45vmin;max-width:280px;position:absolute;top:-2vh;left:-2vh;transform:rotate(-10deg)}.floral-br{opacity:.9;z-index:1;mix-blend-mode:multiply;width:45vmin;max-width:280px;position:absolute;bottom:-2vh;right:-2vh;transform:rotate(170deg)}.content{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:8vh 20px;display:flex;position:relative}.intro-text{color:#7b7568;letter-spacing:1px;margin-bottom:.8vh;font-size:clamp(11px,1.8vh,16px)}.names{color:#9c7b3f;margin:1.2vh 0;font-family:Playfair Display,serif;font-size:clamp(26px,4.5vh,42px);line-height:1.1}.ampersand{color:#9c7b3f;margin:.5vh 0;font-family:Great Vibes,cursive;font-size:clamp(20px,3.5vh,36px)}.illustration{mix-blend-mode:multiply;width:auto;height:25vh;max-height:200px;margin:1.5vh 0}.details{color:#7b7568;margin:1.5vh 0;font-size:clamp(11px,1.8vh,16px);line-height:1.5}.reception{color:#9c7b3f;margin:1.5vh 0;font-family:Playfair Display,serif;font-size:clamp(14px,2.5vh,20px);font-style:italic}.rsvp{color:#7b7568;margin-top:1.5vh;font-size:clamp(10px,1.5vh,14px)}.rsvp-link{color:#7b7568;border-bottom:1px solid #7b7568;text-decoration:none}@media (width<=600px){.invitation-container{border-radius:0}}.location-content{gap:1.5vh}.location-title{color:#9c7b3f;margin-bottom:1vh;font-family:Playfair Display,serif;font-size:clamp(24px,4vh,36px)}.location-venue{color:#7b7568;font-size:clamp(14px,2.5vh,20px)}.map-wrapper{z-index:10;border-radius:8px;width:100%;max-width:80%;height:35vh;margin:2vh 0;position:relative;box-shadow:0 4px 15px #0000001a}.location-actions{flex-direction:column;gap:1.5vh;margin-top:1vh;display:flex}.btn-gold{color:#fff;letter-spacing:1px;cursor:pointer;background-color:#9c7b3f;border:none;border-radius:4px;padding:1.5vh 3vh;font-family:Jost,sans-serif;font-size:clamp(12px,2vh,16px);text-decoration:none;transition:background-color .3s;display:inline-block}.btn-gold:hover{background-color:#7a6030}.btn-gold-small{color:#fff;letter-spacing:1px;cursor:pointer;background-color:#9c7b3f;border:none;border-radius:4px;padding:1vh 2vh;font-family:Jost,sans-serif;font-size:clamp(10px,1.5vh,14px);text-decoration:none;transition:background-color .3s}.btn-gold-small:hover{background-color:#7a6030}.btn-outline-gold{color:#9c7b3f;letter-spacing:1px;cursor:pointer;background-color:#0000;border:1px solid #9c7b3f;border-radius:4px;padding:1.5vh 3vh;font-family:Jost,sans-serif;font-size:clamp(12px,2vh,16px);transition:background-color .3s}.btn-outline-gold:hover{background-color:#fdfbf7}.icon-action-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:1vh;display:flex}.icon-btn{color:#9c7b3f;width:6.5vh;min-width:45px;height:6.5vh;min-height:45px;cursor:inherit;background:#fdfbf7;border:1px solid #c5a870;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000000d}.icon-action-wrapper:hover .icon-btn{color:#fff;background:#c5a870;transform:translateY(-2px);box-shadow:0 6px 20px #c5a87033}.icon-btn svg{width:2.8vh;min-width:20px;height:2.8vh;min-height:20px}.icon-label{color:#7b7568;letter-spacing:1px;text-transform:uppercase;font-family:Jost,sans-serif;font-size:clamp(10px,1.4vh,14px)}.schedule-content{padding-top:4vh;padding-bottom:4vh}.timeline-scroll-area{-ms-overflow-style:none;scrollbar-width:none;flex:1;width:100%;max-width:500px;margin-top:2vh;padding:1vh 2vh 12vh;position:relative;overflow-y:auto}.timeline-scroll-area::-webkit-scrollbar{display:none}.timeline-line{z-index:1;background-color:#c5a87066;width:2px;position:absolute;top:2vh;bottom:2vh;left:3.5vh}.timeline-item{z-index:2;align-items:center;margin-bottom:3vh;display:flex;position:relative}.timeline-icon{background-color:#fdfbf7;border:2px solid #c5a870;border-radius:50%;justify-content:center;align-items:center;width:3.5vh;min-width:3.5vh;height:3.5vh;margin-right:2vh;font-size:1.5vh;display:flex;box-shadow:0 0 10px #0000000d}.timeline-card{text-align:left;background-color:#ffffffb3;border:1px solid #c5a87033;border-radius:8px;flex:1;padding:1.5vh 2.5vh;box-shadow:0 4px 15px #00000008}.timeline-time{color:#c5a870;letter-spacing:1px;font-size:clamp(10px,1.5vh,14px);font-weight:600}.timeline-event{color:#7b7568;margin-top:.5vh;font-family:Playfair Display,serif;font-size:clamp(14px,2.2vh,18px)}.hero{background-color:#fdfbf7;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Jost,sans-serif;display:flex;position:relative;overflow:hidden}.gold-border-hero{pointer-events:none;z-index:10;border:2px solid #c5a870;position:absolute;inset:20px}.floral-tl-hero{opacity:.9;z-index:1;mix-blend-mode:multiply;width:55%;max-width:350px;position:absolute;top:-20px;left:-20px;transform:rotate(-10deg)}.floral-br-hero{opacity:.9;z-index:1;mix-blend-mode:multiply;width:55%;max-width:350px;position:absolute;bottom:-20px;right:-20px;transform:rotate(170deg)}.hero-content{z-index:20;text-align:center;background:0 0;flex-direction:column;align-items:center;padding:40px;display:flex;position:relative}.top-label{color:#7b7568;letter-spacing:2px;text-transform:uppercase;margin-bottom:2vh;font-size:clamp(10px,1.5vh,16px)}.hero-names{margin-bottom:10px}.name-cursive{color:#9c7b3f;margin:1vh 0;font-family:Playfair Display,serif;font-size:clamp(28px,5vh,48px);line-height:1.1}.ampersand-hero{color:#9c7b3f;font-family:Great Vibes,cursive;font-size:clamp(24px,4vh,36px);display:block}.hero-date{color:#7b7568;letter-spacing:1px;margin-top:2vh;margin-bottom:4vh;font-size:clamp(12px,1.8vh,16px)}.btn-invitation{color:#9c7b3f;letter-spacing:1px;cursor:pointer;background-color:#0000;border:1px solid #9c7b3f;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:1.5vh 3vh;font-family:Jost,sans-serif;font-size:clamp(12px,1.8vh,16px);transition:all .3s;display:flex}.btn-invitation:hover,.btn-invitation:active{color:#fff;background-color:#9c7b3f}.hero-modal{animation:.4s forwards fadeIn}.modal-title{color:#9c7b3f;margin-bottom:2vh;font-size:clamp(16px,2.5vh,20px)}.modal-actions{justify-content:center;gap:15px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.name-input{color:#7b7568;text-align:center;background:0 0;border:1px solid #c5a870;border-radius:4px;outline:none;width:100%;max-width:300px;margin-bottom:2vh;padding:1.5vh 2vh;font-family:Jost,sans-serif;font-size:clamp(14px,2vh,18px)}.name-input:focus{border-color:#9c7b3f;box-shadow:0 0 5px #9c7b3f4d}.name-input::placeholder{color:#a8a397}@media (width<=600px){.name-cursive{font-size:36px}.modal-actions{flex-direction:column}.floral-tl-hero,.floral-br-hero{width:65%}}.global-audio-btn{color:#9c7b3f;cursor:pointer;z-index:10000;background:#fdfbf7;border:2px solid #c5a870;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 14px #9c7b3f4d}.global-audio-btn.playing{animation:3s infinite pulse-soft}@keyframes pulse-soft{0%{transform:scale(1);box-shadow:0 0 #9c7b3f66}70%{transform:scale(1.05);box-shadow:0 0 0 10px #9c7b3f00}to{transform:scale(1);box-shadow:0 0 #9c7b3f00}}@media (width<=480px){.global-audio-btn{width:40px;height:40px;bottom:20px;left:16px}}.video-presentation{z-index:9999;background-color:#fdfbf7;justify-content:center;align-items:flex-start;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.video-slide{opacity:0;pointer-events:none;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;transition:clip-path 1.5s cubic-bezier(.77,0,.175,1),transform 1.5s cubic-bezier(.16,1,.3,1),opacity 1.5s;display:flex;position:absolute;top:0;left:0;overflow:hidden auto;transform:scale(.85)}.video-slide.active{opacity:1;pointer-events:auto;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:10;transform:scale(1)}.video-slide.exit{opacity:0;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 0,0 0);z-index:5;transform:scale(1.15)}.slide-content-wrapper{justify-content:center;width:100%;padding:40px 0;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-slide.fade-out{opacity:0;transition:opacity 1s,transform 1s;transform:scale(.98)}.video-slide.fade-in{opacity:1;transition:opacity 1s,transform 1s;transform:scale(1)}.skip-btn{z-index:10000;color:#fff;cursor:pointer;letter-spacing:1px;background:#9c7b3fcc;border:none;border-radius:20px;padding:10px 20px;font-family:Jost,sans-serif;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.skip-btn:hover{background:#9c7b3f}.video-slide::-webkit-scrollbar{display:none}.video-slide{-ms-overflow-style:none;scrollbar-width:none}.gallery-scroll-area::-webkit-scrollbar{width:4px}.gallery-scroll-area::-webkit-scrollbar-track{background:0 0}.gallery-scroll-area::-webkit-scrollbar-thumb{background:#c5a87066;border-radius:4px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1.5vh;display:grid}.gallery-item{cursor:pointer;aspect-ratio:1;background:0 0;border:2px solid #fdfbf7cc;border-radius:8px;padding:0;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 15px #0000000d}.gallery-item:hover{border-color:#c5a870;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.gallery-img{object-fit:cover;width:100%;height:100%;display:block}.gallery-lightbox{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#fdfbf7f2;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.gallery-lb-close{color:#9c7b3f;cursor:pointer;z-index:1001;background:0 0;border:none;font-size:5vh;position:absolute;top:3vh;right:3vh}.gallery-lb-prev,.gallery-lb-next{color:#9c7b3f;cursor:pointer;background:0 0;border:none;padding:2vh;font-size:6vh;position:absolute;top:50%;transform:translateY(-50%)}.gallery-lb-prev{left:2vh}.gallery-lb-next{right:2vh}.gallery-lb-content{border:4px solid #fff;border-radius:8px;max-width:90vw;max-height:80vh;overflow:hidden;box-shadow:0 10px 40px #00000026}.gallery-lb-img{object-fit:contain;width:100%;height:100%;max-height:80vh;display:block}.bottom-nav{z-index:100;pointer-events:none;justify-content:center;width:100%;display:flex;position:absolute;bottom:5.5vh;left:0}.bottom-nav-inner{pointer-events:auto;background-color:#fdfbf7;border:1px solid #c5a87066;border-radius:40px;gap:2vh;padding:1vh 2vh;display:flex;box-shadow:0 4px 15px #00000014}.nav-btn{color:#7b7568;cursor:pointer;background:#00000008;border:1px solid #7b756833;border-radius:4px;justify-content:center;align-items:center;width:5vh;min-width:40px;height:5vh;min-height:40px;padding:0;transition:all .3s;display:flex}.nav-btn:hover,.nav-btn.active{color:#9c7b3f;background-color:#c5a8701a;border-color:#9c7b3f}.nav-btn svg{width:2.2vh;min-width:20px;height:2.2vh;min-height:20px}.footer{text-align:center;color:#7b756899;z-index:50;letter-spacing:.5px;width:100%;font-family:Jost,sans-serif;font-size:clamp(9px,1.3vh,12px);position:absolute;bottom:2.5vh}.footer a{color:#9c7b3f;font-weight:500;text-decoration:none;transition:opacity .3s}.footer a:hover{opacity:.7}