:root{--text:#333;--bg:#f2ece5;--bg2:#ccc2b7;--accent:#d45715;--secondary:#ca7851;--teal:#3a5157;--teal-light:#91a3a7;--white:#fdfaf6;--font-display:"Playfair Display",Georgia,serif;--font-body:"Outfit",sans-serif;--nav-h:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f2ece5;background:var(--bg);color:#333;color:var(--text);font-family:Outfit,sans-serif;font-family:var(--font-body);font-weight:300;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-weight:400;line-height:1.15}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Outfit,sans-serif;font-family:var(--font-body)}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f2ece5;background:var(--bg)}::-webkit-scrollbar-thumb{background:#ccc2b7;background:var(--bg2);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.animate-fadeUp{animation:fadeUp .8s ease both}.animate-fadeIn{animation:fadeIn .8s ease both}.animate-scaleIn{animation:scaleIn .6s ease both}.section{padding:6rem 1.5rem}.section-inner{margin:0 auto;max-width:960px}.eyebrow{color:#91a3a7;color:var(--teal-light);font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:11px;letter-spacing:4px;margin-bottom:.75rem;text-transform:uppercase}.section-title{color:#3a5157;color:var(--teal);font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:1.5rem}.section-title em{color:#d45715;color:var(--accent);font-style:italic}.section-body{color:#666;font-size:15px;line-height:1.9;max-width:540px}.divider{background:#d45715;background:var(--accent);height:1px;margin:2rem auto;opacity:.5;width:80px}.ornament{color:#d45715;color:var(--accent);display:block;font-size:1.2rem;margin:1rem 0;opacity:.7;text-align:center}@media (max-width:768px){.section{padding:4rem 1.25rem}}.navbar{left:0;padding:0 1.5rem;position:fixed;right:0;top:0;transition:background .3s,box-shadow .3s;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2ece5f5;box-shadow:0 1px 0 #33333314}.navbar-inner{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1100px}.nav-brand{background:none;border:none;color:var(--teal);cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;font-style:italic;letter-spacing:1px;transition:color .2s}.nav-brand:hover{color:var(--accent)}.nav-links{display:flex;gap:.25rem;list-style:none}.nav-link{background:none;border:none;border-radius:2px;color:var(--text);font-family:var(--font-body);font-size:11px;letter-spacing:2px;opacity:.7;padding:.5rem .75rem;text-transform:uppercase;transition:color .2s,background .2s}.nav-link.active,.nav-link:hover{color:var(--accent);opacity:1}.nav-burger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem}.nav-burger span{background:var(--text);display:block;height:1.5px;transition:transform .3s,opacity .3s;width:22px}.nav-burger span.open:first-child{transform:translateY(6.5px) rotate(45deg)}.nav-burger span.open:nth-child(2){opacity:0}.nav-burger span.open:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-mobile{background:#f2ece5fa;display:none;flex-direction:column;gap:0;max-height:0;overflow:hidden;padding:0 1.5rem 1.5rem;transition:max-height .4s ease}.nav-mobile.open{max-height:400px}.nav-mobile-link{background:none;border:none;border-bottom:.5px solid #3333331a;color:var(--text);cursor:pointer;font-family:var(--font-body);font-size:13px;letter-spacing:2px;padding:1rem 0;text-align:left;text-transform:uppercase;transition:color .2s}.nav-mobile-link:hover{color:var(--accent)}@media (max-width:768px){.nav-links{display:none}.nav-burger,.nav-mobile{display:flex}}.hero{align-items:center;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:6rem 2rem 4rem;position:relative;text-align:center}.hero-bg{inset:0;pointer-events:none;position:absolute}.hero-circle{border:1px solid #d457151f;border-radius:50%;position:absolute}.hero-circle-1{animation:rotateCircle 40s linear infinite;height:600px;width:600px}.hero-circle-1,.hero-circle-2{left:50%;top:50%;transform:translate(-50%,-50%)}.hero-circle-2{animation:rotateCircle 60s linear infinite reverse;border-color:#3a515714;height:850px;width:850px}.hero-line{background:#d4571512;position:absolute}.hero-line-v1{height:100%;left:15%;width:1px}.hero-line-v2{height:100%;right:15%;width:1px}@keyframes rotateCircle{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.hero-content{align-items:center;display:flex;flex-direction:column;gap:0;position:relative;z-index:1}.hero-eyebrow{color:var(--teal-light);font-family:var(--font-body);font-size:11px;letter-spacing:5px;margin-bottom:2rem;opacity:0;text-transform:uppercase;transition:opacity .8s ease .2s}.hero-content.loaded .hero-eyebrow{opacity:1}.hero-names{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.hero-name-1{color:var(--teal);font-style:italic;transform:translateX(-30px);transition:opacity .9s ease .4s,transform .9s ease .4s}.hero-name-1,.hero-name-2{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,8rem);font-weight:400;line-height:1;opacity:0}.hero-name-2{color:var(--accent);transform:translateX(30px);transition:opacity .9s ease .6s,transform .9s ease .6s}.hero-amp{color:var(--bg2);font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);font-style:italic;line-height:1.5;opacity:0;transition:opacity .8s ease .5s}.hero-content.loaded .hero-name-1,.hero-content.loaded .hero-name-2{opacity:1;transform:translateX(0)}.hero-content.loaded .hero-amp{opacity:1}.hero-ornament{align-items:center;display:flex;gap:1rem;margin:1.25rem 0;opacity:0;transition:opacity .8s ease .8s}.hero-content.loaded .hero-ornament{opacity:1}.ornament-line{background:var(--accent);display:block;height:1px;opacity:.4;width:60px}.ornament-diamond{color:var(--accent);font-size:8px;opacity:.7}.hero-date{align-items:center;color:var(--teal);display:flex;font-family:var(--font-body);font-size:clamp(.8rem,2vw,1rem);gap:.75rem;letter-spacing:4px;margin-bottom:.5rem;opacity:0;text-transform:uppercase;transition:opacity .8s ease 1s}.hero-content.loaded .hero-date{opacity:1}.dot{color:var(--accent);opacity:.5}.hero-place{color:var(--teal-light);font-size:13px;letter-spacing:1px;margin-bottom:2.5rem;opacity:0;transition:opacity .8s ease 1.1s}.hero-content.loaded .hero-place{opacity:1}.hero-cta{background:#0000;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-body);font-size:11px;letter-spacing:3px;opacity:0;padding:1rem 2.5rem;text-transform:uppercase;transition:background .3s,color .3s,transform .2s;transition:opacity .8s ease 1.3s,background .3s,color .3s,transform .2s}.hero-content.loaded .hero-cta{opacity:1}.hero-cta:hover{background:var(--accent);color:var(--white);transform:translateY(-2px)}.hero-scroll{align-items:center;animation:fadeIn 1s ease 2s both;bottom:2rem;display:flex;flex-direction:column;gap:.5rem;left:50%;opacity:.4;position:absolute;transform:translateX(-50%)}.hero-scroll-line{animation:scrollPulse 2s ease-in-out infinite;background:var(--accent);display:block;height:40px;width:1px}.hero-scroll-text{color:var(--text);font-size:9px;letter-spacing:3px;text-transform:uppercase}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(.5)}}.countdown-wrap{background:var(--teal);padding:4rem 2rem;text-align:center}.countdown-label{color:var(--teal-light);font-family:var(--font-body);font-size:10px;letter-spacing:5px;margin-bottom:2rem;text-transform:uppercase}.countdown-grid{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.count-item{align-items:center;background:#ffffff0f;border:.5px solid #91a3a733;display:flex;flex-direction:column;gap:.5rem;min-width:90px;padding:1.5rem 2rem;transition:background .3s}.count-item:hover{background:#ffffff1a}.count-num{color:#fdfaf6;font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1;min-width:3ch;text-align:center}.count-unit{color:var(--teal-light);font-size:9px;letter-spacing:3px;text-transform:uppercase}.countdown-sub{color:#fdfaf666;font-family:var(--font-display);font-size:1.1rem;font-style:italic;margin-top:1.5rem}@media (max-width:400px){.count-item{min-width:70px;padding:1.25rem 1rem}}.story-section{background:var(--white)}.story-inner{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:1fr 1fr}.timeline-item{align-items:flex-start;border-bottom:.5px solid var(--bg2);display:flex;gap:1rem;padding:1rem 0;position:relative}.timeline-dot{background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px #d4571526;flex-shrink:0;height:10px;margin-top:5px;width:10px}.timeline-content{display:flex;flex-direction:column;gap:.25rem}.timeline-year{color:var(--accent);font-family:var(--font-display);font-size:1.4rem;font-style:italic;line-height:1}.timeline-text{color:#888;font-size:13px;letter-spacing:.5px}.evento-section{background:var(--bg)}.evento-header{margin-bottom:3rem;text-align:center}.evento-card{background:var(--white);border:.5px solid var(--bg2);margin:0 auto;max-width:540px;padding:3rem;position:relative;text-align:center}.evento-card:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:2px;left:2rem;position:absolute;right:2rem;top:0}.evento-icon{color:var(--accent);font-size:.8rem;margin-bottom:1rem;opacity:.6}.evento-card h3{color:var(--teal);font-family:var(--font-display);font-size:1.6rem}.evento-card h3,.evento-details{margin-bottom:2rem}.evento-row{align-items:flex-start;border-bottom:.5px solid var(--bg);display:flex;font-size:14px;gap:1rem;justify-content:space-between;padding:.75rem 0;text-align:left}.evento-label{color:var(--teal-light);flex-shrink:0;font-size:10px;padding-top:2px;white-space:nowrap}.evento-label,.evento-map-btn{letter-spacing:2px;text-transform:uppercase}.evento-map-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;display:inline-block;font-family:var(--font-body);font-size:11px;padding:.75rem 1.5rem;transition:background .3s,color .3s}.evento-map-btn:hover{background:var(--accent);color:var(--white)}.dresscode-section{background:var(--teal)}.dresscode-inner{max-width:700px}.dresscode-swatches{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.swatch-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.swatch-circle{border-radius:50%;height:56px;transition:transform .2s;width:56px}.swatch-circle:hover{transform:scale(1.1)}.swatch-name{color:#fdfaf680;font-size:10px;letter-spacing:1px;text-transform:uppercase}.dresscode-note{color:#fdfaf673;font-size:13px;font-style:italic;margin-top:1rem}.gallery-carousel-wrapper{background-color:var(--teal);border:1px solid #ccc2b766;border-radius:8px;box-shadow:0 12px 36px #3a51571f,0 2px 8px #3a51570a;height:500px;margin:0 auto;max-width:800px;overflow:hidden;position:relative}.gallery-carousel-item{cursor:pointer;inset:0;opacity:0;position:absolute;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);z-index:1}.gallery-carousel-item.active{opacity:1;z-index:2}.gallery-carousel-item img{height:100%;object-fit:contain;transform:scale(.95);transition:transform 6s ease;width:100%}.gallery-carousel-item.active img{transform:scale(1)}.gallery-carousel-overlay{align-items:center;background:#3a51574d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .4s ease;z-index:3}.gallery-carousel-item:hover .gallery-carousel-overlay{opacity:1}.gallery-carousel-overlay span{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3a515733;border:1px solid var(--white);border-radius:20px;color:var(--white);font-family:var(--font-body);font-size:11px;letter-spacing:2px;padding:.5rem 1.25rem;text-transform:uppercase}.carousel-btn{align-items:center;background:#fdfaf6d9;border:none;border-radius:50%;box-shadow:0 4px 12px #00000014;color:var(--teal);cursor:pointer;display:flex;font-size:2rem;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s,color .3s,transform .2s,box-shadow .3s;width:44px;z-index:10}.carousel-btn:hover{background:var(--accent);box-shadow:0 6px 16px #d4571540;color:var(--white);transform:translateY(-50%) scale(1.05)}.carousel-btn.prev{left:1.5rem;padding-right:4px}.carousel-btn.next{padding-left:4px;right:1.5rem}.carousel-dots{bottom:1.5rem;display:flex;gap:.75rem;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.carousel-dot{background:#fdfaf680;border:1px solid #3a515733;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background .3s,transform .2s,width .3s;width:8px}.carousel-dot.active{background:var(--accent);border-color:var(--accent);border-radius:4px;width:24px}.gallery-note{color:var(--teal-light);font-size:12px;font-style:italic;text-align:center}.lightbox{align-items:center;animation:fadeIn .2s ease;background:#000000eb;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:2000}.lightbox img{animation:scaleIn .3s ease;max-height:85vh;max-width:90vw;object-fit:contain}.lightbox-close{background:none;border:1px solid #ffffff4d;border-radius:50%;color:#fff;font-size:1rem;height:40px;position:absolute;right:1.5rem;top:1.5rem;transition:background .2s;width:40px}.lightbox-close:hover{background:#ffffff1a}.playlist-section{background:var(--white)}.playlist-list{margin:0 auto 2rem;max-width:540px}.playlist-item{align-items:center;border-bottom:.5px solid var(--bg);display:flex;gap:1.5rem;padding:1rem 0;transition:background .2s}.playlist-num{color:var(--bg2);font-family:var(--font-display);font-size:1.2rem;font-style:italic;min-width:2ch}.playlist-info{flex:1 1}.playlist-title{color:var(--text);display:block;font-size:14px;font-weight:400}.playlist-artist{color:var(--teal-light);display:block;font-size:12px;letter-spacing:.5px}.playlist-note{color:var(--accent);font-size:.9rem;opacity:.5}.playlist-suggest{color:#888;font-size:13px;font-style:italic;text-align:center}@media (max-width:768px){.story-inner{gap:3rem;grid-template-columns:1fr}.evento-card{padding:2rem 1.5rem}.dresscode-swatches{gap:1rem}.gallery-carousel-wrapper{height:380px;margin:0 1rem}.carousel-btn{font-size:1.6rem;height:38px;width:38px}.carousel-btn.prev{left:.75rem}.carousel-btn.next{right:.75rem}}@media (max-width:480px){.gallery-carousel-wrapper{height:280px;margin:0}}.rsvp-section{background:var(--bg)}.rsvp-header{margin-bottom:3rem;text-align:center}.rsvp-sub{color:var(--teal-light);font-size:13px;margin-top:.5rem}.rsvp-sub a{color:var(--accent)}.rsvp-box{background:var(--white);border:.5px solid var(--bg2);margin:0 auto;max-width:520px;padding:2.5rem;position:relative}.rsvp-box:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:2px;left:2rem;position:absolute;right:2rem;top:0}.rsvp-step-label{color:var(--teal-light);font-size:10px;letter-spacing:3px;margin-bottom:1.25rem;text-transform:uppercase}.rsvp-search{background:#0000;border:none;border-bottom:1px solid var(--bg2);color:var(--text);font-family:var(--font-body);font-size:15px;margin-bottom:1.25rem;outline:none;padding:.75rem 0;transition:border-color .2s;width:100%}.rsvp-search:focus{border-color:var(--accent)}.rsvp-search::placeholder{color:var(--bg2)}.guest-list{display:flex;flex-direction:column;gap:4px}.guest-item{align-items:center;background:var(--bg);border:.5px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;text-align:left;transition:border-color .2s,background .2s,transform .15s}.guest-item:hover{background:var(--white);border-color:var(--accent);transform:translateX(4px)}.guest-name{color:var(--teal);font-family:var(--font-display);font-size:1.1rem}.guest-count{background:#3a515714;border-radius:20px;color:var(--teal-light);font-size:11px;letter-spacing:1px;padding:3px 10px;text-transform:uppercase}.rsvp-empty{color:var(--teal-light);font-size:14px;font-style:italic;padding:2rem 0;text-align:center}.pin-step{display:flex;flex-direction:column}.pin-guest-info{align-items:center;background:var(--bg);border-left:3px solid var(--accent);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem}.pin-guest-name{color:var(--teal);font-family:var(--font-display);font-size:1.2rem}.pin-guest-count{color:var(--teal-light);font-size:12px;letter-spacing:1px}.pin-instruction{color:#777;font-size:14px;margin-bottom:1rem}.pin-input{-moz-appearance:textfield;background:#0000;border:none;border-bottom:2px solid var(--bg2);color:var(--teal);font-family:var(--font-display);font-size:2rem;letter-spacing:1rem;margin-bottom:.75rem;outline:none;padding:.75rem 0;text-align:center;transition:border-color .2s;width:100%}.pin-input::-webkit-inner-spin-button,.pin-input::-webkit-outer-spin-button{-webkit-appearance:none}.pin-input:focus{border-color:var(--accent)}.pin-error{color:#c0392b;font-size:13px;margin-bottom:1rem;text-align:center}.pin-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-primary{background:var(--accent);border:none;color:var(--white);flex:1 1;font-family:var(--font-body);font-size:11px;letter-spacing:3px;padding:1rem;text-transform:uppercase;transition:background .2s,transform .15s}.btn-primary:hover:not(:disabled){background:#b84510;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.4}.btn-secondary{background:#0000;border:1px solid var(--bg2);color:var(--teal);font-family:var(--font-body);font-size:11px;letter-spacing:2px;padding:1rem 1.5rem;text-transform:uppercase;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--teal);color:var(--teal)}.qr-step{flex-direction:column;gap:.75rem;text-align:center}.qr-step,.qr-success-icon{align-items:center;display:flex}.qr-success-icon{animation:scaleIn .4s ease;background:#3a51571a;border-radius:50%;color:var(--teal);font-size:1.4rem;height:48px;justify-content:center;width:48px}.qr-title{color:var(--teal);font-family:var(--font-display);font-size:1.5rem}.qr-subtitle{color:#888;font-size:13px;max-width:340px}.qr-card{align-items:center;background:var(--bg);border:.5px solid var(--bg2);display:flex;flex-direction:column;gap:.5rem;max-width:280px;padding:2rem;width:100%}.qr-names{color:var(--teal);font-family:var(--font-display);font-size:.95rem;font-style:italic}.qr-date{color:var(--teal-light);font-size:10px;letter-spacing:3px;margin-bottom:.75rem}.qr-code-wrap{background:#fff;border:.5px solid var(--bg2);padding:1rem}.qr-guest-name{color:var(--text);font-family:var(--font-display);font-size:1.1rem;margin-top:.75rem}.qr-seats{color:var(--accent);font-size:12px;letter-spacing:2px;text-transform:uppercase}.qr-sending{color:var(--teal-light);font-size:12px}.qr-sent{color:#27ae60;font-size:12px}.qr-error-send{color:#c0392b;font-size:12px}.qr-tip{color:#999;font-size:12px;font-style:italic;max-width:300px}.qr-actions{display:flex;gap:.75rem;max-width:280px;width:100%}.btn-download,.btn-share{border:none;cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:11px;letter-spacing:2px;padding:.9rem .5rem;text-transform:uppercase;transition:background .2s,transform .15s}.btn-download{background:var(--accent);color:#fff}.btn-download:hover{background:#b84510;transform:translateY(-1px)}.btn-share{background:#0000;border:1px solid var(--teal);color:var(--teal)}.btn-share:hover{background:#3a515714;transform:translateY(-1px)}.qr-downloaded{animation:fadeIn .3s ease;color:#27ae60;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:540px){.rsvp-box{padding:1.75rem 1.25rem}.pin-actions{flex-direction:column}}.footer{background:var(--teal);color:#fdfaf699;padding:4rem 2rem;text-align:center}.footer-inner{align-items:center;display:flex;flex-direction:column;gap:.5rem}.footer-names{color:#fdfaf6;font-family:var(--font-display);font-size:2.5rem;font-style:italic;margin-bottom:.25rem}.footer-date{font-size:11px;letter-spacing:4px;text-transform:uppercase}.footer-divider{background:var(--accent);height:1px;margin:1rem 0;opacity:.4;width:40px}.footer-place,.footer-wa{font-size:12px;letter-spacing:1px}.footer-wa{color:var(--teal-light);margin-top:.75rem;transition:color .2s}.footer-wa:hover{color:var(--accent)}.audio-player-container{bottom:2rem;left:2rem;position:fixed;z-index:999}.audio-btn{align-items:center;background-color:var(--primary);border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:var(--bg);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.audio-btn:hover{background-color:var(--accent);transform:scale(1.1)}.audio-btn.playing{animation:pulse-music 2s infinite}@keyframes pulse-music{0%{box-shadow:0 0 0 0 #d4571566}70%{box-shadow:0 0 0 15px #d4571500}to{box-shadow:0 0 0 0 #d4571500}}@media (max-width:768px){.audio-player-container{bottom:1.5rem;left:1.5rem}}.envelope-overlay{align-items:center;background-color:var(--bg);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s cubic-bezier(.4,0,.2,1);width:100%;z-index:9999}.envelope-overlay.fade-out{opacity:0;pointer-events:none;visibility:hidden}.envelope-container{cursor:pointer;height:475px;margin-bottom:2rem;perspective:1000px;position:relative;width:712px}@media (max-width:780px){.envelope-container{height:60.3vw;max-height:370px;max-width:550px;width:90vw}.envelope-seal{font-size:15px!important;height:70px!important;width:70px!important}.envelope-seal-pulse{height:82px!important;width:82px!important}}.envelope{background-color:#dcd3c9;border-radius:4px;box-shadow:0 10px 30px #00000014,0 1px 3px #0000000d;height:100%;position:relative;transform-style:preserve-3d;transition:transform .3s ease;width:100%}.envelope-container:hover .envelope{transform:translateY(-5px)}.envelope-back{background-color:#d5c9be;border-radius:4px;inset:0;position:absolute;z-index:1}.envelope-top{background:var(--accent);clip-path:polygon(0 0,50% 100%,100% 0);height:50%;left:0;position:absolute;top:0;transform-origin:top center;transition:transform .6s cubic-bezier(.4,0,.2,1),z-index .2s ease;width:100%;z-index:4}.envelope.open .envelope-top{background:#bd480d;transform:rotateX(180deg);z-index:1}.envelope-left{clip-path:polygon(0 0,0 100%,50% 50%)}.envelope-left,.envelope-right{background-color:#e5dbd2;inset:0;position:absolute;z-index:3}.envelope-right{clip-path:polygon(100% 0,100% 100%,50% 50%)}.envelope-bottom{background-color:#eddfe5;background:linear-gradient(0deg,#ece1d7,#e2d6cb);box-shadow:0 -2px 10px #00000008;clip-path:polygon(0 100%,100% 100%,50% 50%);inset:0;position:absolute;z-index:3}.envelope-seal{align-items:center;background:radial-gradient(circle,var(--accent) 60%,#bd480d 100%);border:2px solid #ffffff1a;border-radius:50%;box-shadow:0 4px 10px #0003,inset 0 2px 4px #fff3;color:#fff;display:flex;font-family:var(--font-display);font-size:20px;font-weight:500;height:96px;justify-content:center;left:50%;letter-spacing:1px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease,visibility .4s ease;-webkit-user-select:none;user-select:none;width:96px;z-index:5}.envelope-seal:before{border:1px dashed #ffffff4d;border-radius:50%;content:"";inset:3px;position:absolute}.envelope-container:hover .envelope-seal{transform:translate(-50%,-50%) scale(1.1) rotate(5deg)}.envelope-seal-pulse{animation:pulse-ring 2s infinite;border:1px solid var(--accent);border-radius:50%;height:112px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:112px;z-index:4}.envelope.open .envelope-seal,.envelope.open .envelope-seal-pulse{opacity:0;pointer-events:none;visibility:hidden}.envelope-card{align-items:center;background-color:var(--white);border:1px solid #3a51571a;border-radius:4px;bottom:10px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;height:85%;justify-content:center;left:5%;padding:1.5rem;position:absolute;text-align:center;transition:transform .8s cubic-bezier(.4,0,.2,1);width:90%;z-index:2}@media (max-width:500px){.envelope-card{padding:1rem}}.envelope.open .envelope-card{box-shadow:0 15px 35px #0000001f;transform:translateY(-65%);z-index:10}@media (max-width:500px){.envelope.open .envelope-card{transform:translateY(-60%)}}.card-border{align-items:center;border:1px solid #d4571533;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center;padding:1rem;width:100%}@media (max-width:500px){.card-border{gap:.5rem;padding:.5rem}}.card-initials{color:var(--teal);font-size:1.8rem;font-style:italic;letter-spacing:2px}.card-initials,.card-title{font-family:var(--font-display)}.card-title{color:var(--accent);font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:400;margin-bottom:.25rem}.card-text{color:var(--teal-light);font-size:clamp(10px,2.5vw,12px);letter-spacing:3px;line-height:1.4}.card-button,.card-text{text-transform:uppercase}.card-button{background:var(--teal);border:none;border-radius:20px;box-shadow:0 4px 10px #3a515733;color:var(--white);font-size:10px;letter-spacing:2px;margin-top:.5rem;padding:.65rem 1.5rem;transition:background .3s,transform .2s}.card-button:hover{background:var(--accent);transform:translateY(-1px)}.envelope-instruction{animation:float 3s ease-in-out infinite;color:var(--teal-light);font-size:11px;letter-spacing:3px;pointer-events:none;text-align:center;text-transform:uppercase}
/*# sourceMappingURL=main.75343bd6.css.map*/