:root{--sage:#7e8862;--sage-deep:#6c7650;--sage-soft:#929c76;--cream:#f4efe3;--cream-2:#ece4d4;--ink:#2c2a23;--ink-soft:#5b5642;--white:#fbf8f1;--line:#2c2a2326;--sh-sm:0 4px 14px -8px #28261c66;--sh-md:0 18px 38px -22px #28261c73;--sh-lg:0 34px 70px -34px #28261c8c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{padding-bottom:env(safe-area-inset-bottom);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background:#0e1109;font-family:Cormorant Garamond,serif;line-height:1.6}#root{width:100%;min-height:100vh}.pf{font-family:Playfair Display,serif}.gv{font-family:Great Vibes,cursive}.cover-trigger{height:200vh;position:relative}.cover-sticky{width:100%;height:100vh;position:sticky;top:0}.cover-envelope{z-index:1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cover-bg-dark{background:radial-gradient(at 50% 45%,#2e3322 0%,#1a1f12 55%,#0e1109 100%);position:absolute;inset:0}.env-box{aspect-ratio:420/280;z-index:10;position:absolute;bottom:0;left:50%}.env-body{background:#f0ead8;border-radius:4px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 2px #ffffff14,0 20px 60px #0009,0 6px 20px #0006}.env-folds{width:100%;height:100%;position:absolute;inset:0}.env-txt{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:0;padding-bottom:6%;display:flex;position:absolute;inset:0}.env-mono{opacity:.28;color:var(--ink);font-size:clamp(20px,5vw,32px);line-height:1}.env-names{flex-direction:column;align-items:center;display:flex}.env-n{color:var(--ink);font-size:clamp(36px,9vw,62px);line-height:.88;display:block}.env-a{opacity:.45;color:var(--ink);margin:4px 0;font-family:Cormorant Garamond,serif;font-size:clamp(14px,3vw,22px);font-style:italic;display:block}.env-d{letter-spacing:.45em;opacity:.55;color:var(--ink);margin-top:10px;font-family:Cormorant Garamond,serif;font-size:clamp(9px,2vw,12px);font-weight:500}.env-s{letter-spacing:.3em;text-transform:uppercase;opacity:.38;color:var(--ink);margin-top:4px;font-family:Cormorant Garamond,serif;font-size:clamp(8px,1.6vw,10px)}.env-flap-scene{perspective:900px;z-index:10;height:72%;position:absolute;top:0;left:0;right:0;overflow:visible}.env-flap{transform-origin:top;will-change:transform;transform-style:preserve-3d;position:absolute;inset:0}.env-flap-svg{width:100%;height:100%;position:absolute;inset:0}.env-hint{color:#f5f0e48c;letter-spacing:.22em;pointer-events:none;white-space:nowrap;z-index:5;flex-direction:column;align-items:center;gap:5px;font-family:Cormorant Garamond,serif;font-size:12px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.env-hint svg{animation:1s ease-in-out infinite bounce-down}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.invite-content{z-index:2;background:var(--cream);border-radius:16px 16px 24px 24px;margin-top:-32px;position:relative;box-shadow:0 -12px 48px #0000004d,0 12px 48px #0000004d}section{z-index:2;position:relative}.back-to-env{z-index:100;border:1px solid var(--line);letter-spacing:.08em;color:var(--ink-soft);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--sh-sm);opacity:.7;background:#ffffffd9;border-radius:40px;align-items:center;gap:6px;padding:8px 16px;font-family:Cormorant Garamond,serif;font-size:13px;transition:opacity .2s;display:flex;position:fixed;top:16px;left:16px}.back-to-env:hover{opacity:1}.intro{padding:0}.intro-mobile{text-align:center;flex-direction:column;align-items:center;padding:56px 32px 64px;display:flex}.intro-desk{display:none}@media (width>=768px){.intro-mobile{display:none}.intro-desk{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;padding:64px 60px;display:grid}.intro-desk-photo{justify-content:center;display:flex}.intro-desk-text{text-align:center;flex-direction:column;align-items:center;display:flex}}.mono{color:var(--ink);align-items:center;gap:18px;font-size:clamp(48px,13vw,64px);font-weight:500;line-height:1;display:inline-flex}.mono .bar{background:var(--ink);opacity:.5;width:1.5px;height:1.1em}.casamos{letter-spacing:.44em;text-transform:uppercase;color:var(--ink-soft);margin-top:24px;font-size:14px;font-weight:600}.casamos-sub{color:var(--ink-soft);margin-top:8px;font-size:clamp(17px,4.5vw,20px);font-style:italic}.intro-names{color:var(--sage-deep);margin-top:16px;font-family:Great Vibes,cursive;font-size:clamp(38px,12vw,56px);line-height:1.1}.intro-date{letter-spacing:.35em;color:var(--ink-soft);margin-top:6px;font-size:clamp(13px,3.5vw,16px)}.photo{background:var(--cream-2);width:100%;box-shadow:var(--sh-md);border-radius:8px;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover){.photo:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}}.intro .photo{aspect-ratio:3/4;margin-top:40px}@media (width>=768px){.intro .photo{aspect-ratio:16/9}}.now-playing{-webkit-backdrop-filter:blur(24px);background:#b4c49638;border:1px solid #b4c49666;border-radius:26px;flex-direction:column;width:100%;margin-top:20px;display:flex;overflow:hidden;box-shadow:0 16px 48px #7e88624d,0 4px 16px #0000001f}.np-photo{border-radius:16px;flex-shrink:1;width:calc(100% - 32px);margin:16px 16px 0;overflow:hidden}.np-photo img{object-fit:cover;width:100%;height:auto;max-height:55vh;display:block}.np-controls{flex-direction:column;gap:12px;padding:24px 18px 18px;display:flex}.np-info{flex-direction:column;gap:2px;display:flex}.np-title{color:var(--ink);letter-spacing:.01em;font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600}.np-artist{color:var(--ink-soft);letter-spacing:.03em;font-size:13px}.np-track{background:#7e886240;border-radius:3px;width:100%;height:3px;overflow:hidden}.np-fill{background:var(--sage);border-radius:3px;width:5%;height:100%;transition:width .4s}.np-fill.playing{animation:210s linear forwards np-progress}@keyframes np-progress{0%{width:5%}to{width:100%}}.np-buttons{color:var(--ink);justify-content:center;align-items:center;gap:36px;display:flex}.np-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:transform .15s,opacity .2s;display:flex}.np-btn:hover{opacity:.7}.np-btn:active{transform:scale(.88)}.green{color:var(--white);text-align:center;background:linear-gradient(170deg,#7a8460,#636d4a);padding:72px 32px}@media (width>=768px){.green{padding:80px 60px 88px}}.player-wrap{flex-direction:column;align-items:center;gap:14px;margin-bottom:52px;display:flex}.player-song{letter-spacing:.06em;opacity:.82;align-items:center;gap:8px;font-size:14px;font-style:italic;display:flex}.progress{background:#ffffff4d;border-radius:3px;width:clamp(160px,60%,240px);height:3px;position:relative}.progress:before{content:"";background:var(--white);border-radius:3px;height:100%;animation:14s linear infinite fill;position:absolute;top:0;left:0}.progress .knob{background:var(--white);border-radius:50%;width:9px;height:9px;animation:14s linear infinite slide;position:absolute;top:50%;left:6%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff3}@keyframes fill{0%{width:6%}to{width:96%}}@keyframes slide{0%{left:6%}to{left:96%}}.play-btn{background:var(--white);cursor:pointer;width:52px;height:52px;box-shadow:var(--sh-sm);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s;display:flex}.play-btn:hover{transform:scale(1.07)}.story{max-width:480px;margin-top:14px;margin-left:auto;margin-right:auto;font-size:clamp(16px,4.2vw,18px);font-style:italic;line-height:1.8}.story .by{letter-spacing:.3em;text-transform:uppercase;opacity:.7;margin-top:12px;font-size:12px;font-style:normal;display:block}.datebox{justify-content:center;align-items:center;gap:20px;max-width:300px;margin:56px auto 0;display:flex}.datebox .side{text-align:center;flex:1;width:0;min-width:70%}.datebox .side .l{background:#ffffff80;height:1px;margin-bottom:8px}.intro .datebox .side .l{background:var(--sage)}.datebox .side small{letter-spacing:.2em;font-size:14px}.datebox .mid .mo{letter-spacing:.3em;font-size:14px;font-weight:600}.datebox .mid .dd{color:var(--sage-deep);margin-top:2px;font-family:Great Vibes,cursive;font-size:clamp(60px,17vw,76px);font-style:normal;line-height:.9}.faltan{letter-spacing:.46em;opacity:.7;font-size:13px;font-weight:600}.cd-wrap{justify-content:center;align-items:flex-start;gap:0;margin-top:4px;display:flex}.cd-unit{flex-direction:column;align-items:center;min-width:clamp(52px,14vw,80px);display:flex}.cd-num{font-family:Cormorant Garamond,serif;font-size:clamp(44px,12vw,68px);font-weight:400;line-height:1}.cd-lbl{letter-spacing:.12em;opacity:.6;text-transform:uppercase;margin-top:6px;font-family:Cormorant Garamond,serif;font-size:11px}.cd-sep{opacity:.4;padding:0 4px;font-family:Cormorant Garamond,serif;font-size:clamp(44px,12vw,68px);font-weight:300;line-height:1;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:.8}}.cd,.cd.lbls{display:none}.event{padding:0}.event-mobile{text-align:center;padding:72px 32px 64px}.event-desk{display:none}@media (width>=768px){.event-mobile{display:none}.event-desk{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;padding:64px 60px;display:grid}.event-desk-photo .photo{aspect-ratio:unset;height:auto;margin-bottom:0}.event-desk-photo .photo img{object-fit:contain;height:auto}.event-desk-info{text-align:center;flex-direction:column;align-items:center;gap:32px;display:flex}}.event .photo{aspect-ratio:4/5;margin-bottom:56px}@media (width>=768px){.event .photo{aspect-ratio:4/5}}.ev-venue{margin-bottom:40px}.ev-venue-name{color:var(--ink);margin-bottom:4px;font-family:Playfair Display,serif;font-size:clamp(20px,5vw,26px);font-weight:600}.ev-venue-addr{color:var(--ink-soft);margin-bottom:18px;font-size:15px;font-style:italic}.ubic{color:var(--white);letter-spacing:.05em;box-shadow:var(--sh-sm);background:linear-gradient(160deg,#869065,#6f7950);border-radius:6px;align-items:center;gap:8px;padding:11px 26px;font-size:14px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.ubic svg{width:15px;height:15px}.ubic:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.ev-row{border-top:1px solid var(--line);justify-content:center;margin-top:36px;display:flex}.event-desk .ev-row{border-top:none;border-bottom:1px solid var(--line);width:100%;margin-top:0;margin-bottom:0}.ev-item{text-align:center;flex:1;padding:28px 16px}.ev-item+.ev-item{border-left:1px solid var(--line)}.ev-ic{width:40px;height:40px;color:var(--sage);margin:0 auto 6px}.ev-ic svg{width:100%;height:100%}.ev-time{color:var(--ink);font-family:Playfair Display,serif;font-size:clamp(20px,5vw,22px);font-weight:600;line-height:1}.ev-type{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-top:5px;font-size:12px;font-weight:600}.ev-divider{display:none}.iti{background:#f9f5ed;padding:0}.iti-mobile{padding:72px 32px 64px}.iti-desk{display:none}@media (width>=768px){.iti-mobile{display:none}.iti-desk{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;padding:80px 60px 72px;display:grid}.iti-desk-photo .photo{aspect-ratio:4/5;margin-top:0}.iti-desk-list{flex-direction:column;display:flex}.iti-desk-list .iti-list{max-width:100%}.iti-desk-list .iti-txt{min-width:120px}}.iti h2{text-align:center;color:var(--ink);letter-spacing:.04em;margin-bottom:44px;font-family:Playfair Display,serif;font-size:clamp(34px,9vw,44px);font-weight:600}.iti-list{flex-direction:column;max-width:400px;margin:0 auto;display:flex}.iti-item{align-items:center;gap:0;min-height:80px;display:flex;position:relative}.iti-txt{flex:1;padding:8px 16px}.iti-left .iti-txt:first-child{text-align:right}.iti-right .iti-txt:last-child{text-align:left}.iti-center{flex-direction:column;flex:none;align-items:center;width:52px;display:flex;position:relative}.iti-line{background:linear-gradient(var(--sage), var(--sage-soft));opacity:.35;z-index:0;width:1.5px;position:absolute;top:52px;bottom:-80px}.iti-ic{background:var(--white);width:48px;height:48px;color:var(--sage);z-index:2;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 2px 8px #7e886233}.iti-ic svg{width:22px;height:22px}.iti-time{color:var(--ink);font-family:Playfair Display,serif;font-size:18px;font-weight:600;line-height:1}.iti-name{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;font-size:12px}.gtk{padding:64px 0 52px}.gtk-head{text-align:center;margin-bottom:24px;padding:0 32px}.acc{padding:0 32px}.gtk-desk{display:none}@media (width>=768px){.gtk-mobile{display:none}.gtk-desk{gap:0 48px;max-width:1100px;margin:0 auto;padding:0 60px;display:grid}.gtk-desk .acc{padding:0}.gtk{max-width:720px;margin:0 auto;padding:80px 0 64px}.gtk-head,.acc{padding:0 60px}}.gtk h2{color:var(--ink);font-family:Playfair Display,serif;font-size:clamp(34px,9vw,44px);font-weight:600;line-height:1.1}.acc-item{border-bottom:1px solid var(--line)}.acc-btn{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 0;font-family:Playfair Display,serif;font-size:clamp(18px,5vw,21px);transition:color .25s;display:flex}.acc-btn:hover{color:var(--sage-deep)}.acc-btn .chev{width:17px;height:17px;color:var(--ink);flex:none;transition:transform .35s,color .25s}.acc-item.open .chev{color:var(--sage-deep);transform:rotate(180deg)}.acc-body{color:var(--ink-soft);font-size:18px;line-height:1.7;transition:max-height .45s;overflow:hidden}.acc-body .inner{opacity:0;padding:0 0 20px;transition:opacity .35s .1s,transform .35s .1s;transform:translateY(-6px)}.acc-item.open .acc-body .inner{opacity:1;transform:translateY(0)}.acc-body p{margin-bottom:8px}.acc-body strong{color:var(--ink);font-weight:600}.qr-wrap{flex-direction:column;align-items:center;margin-top:12px;display:flex}.qr-link{display:block}.qr-goto{color:var(--sage-deep);text-underline-offset:3px;letter-spacing:.05em;margin-bottom:6px;font-size:16px;text-decoration:underline}.qr-img{border:1.5px solid var(--line);border-radius:8px;width:140px;height:140px;transition:transform .2s;display:inline-block}.qr-img:hover{transform:scale(1.04)}.qr{border:1.5px dashed var(--line);text-align:center;letter-spacing:.14em;text-transform:uppercase;width:120px;height:120px;color:var(--ink-soft);opacity:.6;border-radius:8px;justify-content:center;align-items:center;margin-top:12px;font-size:11px;display:flex}.rsvp{color:var(--white);text-align:center;background:linear-gradient(170deg,#7a8460,#636d4a);padding:80px 32px 72px}@media (width>=768px){.rsvp{padding:96px 60px 88px}}.rsvp h3{letter-spacing:.42em;text-transform:uppercase;opacity:.7;font-size:12px;font-weight:600}.rsvp .big{margin:10px 0 16px;font-family:Playfair Display,serif;font-size:clamp(28px,7.5vw,36px)}.rsvp p{opacity:.88;max-width:480px;margin:0 auto 28px;font-size:17px;font-style:italic}.wa{background:var(--white);color:var(--sage-deep);letter-spacing:.05em;box-shadow:var(--sh-md);border-radius:46px;align-items:center;gap:10px;padding:14px 32px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.wa:hover{box-shadow:var(--sh-lg);transform:translateY(-3px)}.closing{text-align:center;border-radius:0 0 24px 24px;padding:0;overflow:hidden}.closing-hero{width:100%;min-height:100vh;position:relative;overflow:hidden}.closing-hero img{object-fit:cover;filter:brightness(.55);width:100%;height:100%;display:block;position:absolute;inset:0}.closing-overlay{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:30% 32px 60px;display:flex;position:relative}.closing-mono{color:#fffffffa;text-shadow:0 2px 12px #0006;align-items:center;gap:20px;font-size:clamp(58px,15vw,90px);font-weight:700;line-height:1;display:inline-flex}.closing-mono .bar{background:#ffffffb3;width:2px;height:1.1em}.closing-verse{color:#fffffff2;text-shadow:0 2px 8px #00000080;max-width:340px;font-size:clamp(24px,6vw,36px);line-height:1.5}.closing-ref{letter-spacing:.25em;color:#ffffffd9;text-shadow:0 1px 6px #0006;font-size:15px;font-weight:600}.closing-deco{justify-content:center;align-items:center;gap:8px;display:flex}.closing-deco span{background:#ffffff80;border-radius:50%;width:5px;height:5px;display:block}.closing-deco span:nth-child(2){background:#ffffffb3;width:7px;height:7px}.closing-date{letter-spacing:.4em;color:#ffffffd9;text-shadow:0 1px 6px #0006;font-size:15px;font-weight:600}.rv{opacity:0;transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{animation:none!important}.rv{opacity:1;transition:none;transform:none}}