:root{color:#3f2b24;font-synthesis:none;background:#3d1d13;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;overflow-x:hidden}.invitation-page{background:#3d1d13;width:100%;min-height:100svh}.music-toggle{z-index:50;right:max(18px,50vw - 197px);bottom:calc(18px + env(safe-area-inset-bottom));color:#f9efdc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#3d1d13e0;border:1px solid #f9efdc80;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid;position:fixed;box-shadow:0 8px 24px #14060247}.music-note{font-family:Georgia,serif;font-size:1.45rem;transform:translate(-1px,-1px)}.music-waves{opacity:0;align-items:flex-end;gap:2px;height:12px;display:flex;position:absolute;bottom:11px;right:9px}.music-waves i{background:currentColor;border-radius:2px;width:2px;height:5px}.music-toggle.is-playing .music-waves{opacity:1}.music-toggle.is-playing .music-waves i{animation:.8s ease-in-out infinite alternate music-wave}.music-toggle.is-playing .music-waves i:nth-child(2){animation-delay:-.35s}.music-toggle.is-playing .music-waves i:nth-child(3){animation-delay:-.6s}@keyframes music-wave{0%{height:4px}to{height:12px}}.intro-screen{z-index:999;touch-action:none;color:#f9efdc;background:0 0;place-items:center;animation:3.4s linear forwards intro-screen-exit;display:grid;position:fixed;inset:0;overflow:hidden}.intro-curtain{z-index:0;will-change:transform;background:radial-gradient(circle at 50% 45%,#824d374d,#0000 48%),linear-gradient(90deg,#32150d,#472217 52%,#35170f);width:51%;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 42px #0f030033}.intro-curtain-left{animation:3.4s cubic-bezier(.7,0,.2,1) forwards curtain-open-left;left:0}.intro-curtain-right{background:radial-gradient(circle at 50% 45%,#824d374d,#0000 48%),linear-gradient(90deg,#35170f,#472217 48%,#32150d);animation:3.4s cubic-bezier(.7,0,.2,1) forwards curtain-open-right;right:0}.intro-oval{z-index:2;aspect-ratio:.72;text-align:center;opacity:0;border:1px solid #f9efdcb3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:min(76vw,325px);animation:3s cubic-bezier(.2,.78,.22,1) .18s forwards intro-oval-in;display:flex;position:relative;transform:scale(.82)}.intro-oval:before,.intro-oval:after{border-radius:inherit;content:"";border:1px solid #f9efdc33;position:absolute;inset:8px}.intro-oval:after{border-color:#f9efdc26;inset:-7px}.intro-oval p{letter-spacing:.28em;text-transform:uppercase;opacity:0;margin:12px 0 22px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:300;animation:.9s .8s forwards intro-text-in}.intro-monogram{letter-spacing:.32em;opacity:0;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:300;animation:.9s .55s forwards intro-text-in;display:block;transform:translateY(-8px)}.intro-oval h1{opacity:0;margin:0;font-family:Great Vibes,Snell Roundhand,cursive;font-size:clamp(3rem,14vw,4.3rem);font-weight:400;line-height:.86;animation:1s 1s forwards intro-text-in;transform:translateY(14px)}.intro-oval h1 span{margin:.18em 0;font-family:DM Sans,sans-serif;font-size:.25em;font-weight:300;display:block}.intro-sparkle{z-index:3;opacity:0;font-size:.8rem;animation:1.6s ease-in-out infinite sparkle-in;position:absolute}.sparkle-one{animation-delay:.4s;top:19%;left:18%}.sparkle-two{font-size:.55rem;animation-delay:.85s;top:27%;right:16%}.sparkle-three{font-size:.65rem;animation-delay:1.15s;bottom:18%;right:24%}@keyframes intro-oval-in{0%{opacity:0;transform:scale(.82)}38%,76%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes intro-text-in{to{opacity:1;transform:translateY(0)}}@keyframes sparkle-in{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:.85;transform:scale(1)rotate(45deg)}}@keyframes intro-screen-exit{0%,97%{visibility:visible}to{visibility:hidden}}@keyframes curtain-open-left{0%,74%{transform:translate(0)}to{transform:translate(-101%)}}@keyframes curtain-open-right{0%,74%{transform:translate(0)}to{transform:translate(101%)}}.hero{isolation:isolate;place-items:center;width:min(100%,430px);height:100svh;margin:0 auto;display:grid;position:relative;overflow:hidden}.ornament{z-index:-2;background:0 0;position:absolute;inset:0}.ornament-image{z-index:-1;object-fit:contain;filter:drop-shadow(0 18px 22px #1205023d);width:94%;max-width:94%;height:94%;animation:1.4s cubic-bezier(.22,1,.36,1) both reveal-frame;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.couple p{margin:0}.couple{text-align:center;width:74%;animation:1s ease-out .45s both names-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.couple p{letter-spacing:.01em;font-family:Great Vibes,Snell Roundhand,Segoe Script,cursive;font-size:clamp(2.8rem,13vw,4rem);font-weight:400;line-height:.95}.couple span{margin:.08em 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,5vw,1.55rem);font-style:italic;line-height:1;display:block}.scroll-hint{z-index:3;bottom:calc(18px + env(safe-area-inset-bottom));color:#f9efdc;opacity:0;flex-direction:column;align-items:center;gap:4px;min-width:190px;padding:0;animation:.7s ease-out 3.45s forwards scroll-hint-in;display:flex;position:absolute;left:50%;transform:translate(-50%,10px)}.scroll-hint small{letter-spacing:.14em;opacity:.58;text-transform:uppercase;margin-bottom:1px;font-family:DM Sans,sans-serif;font-size:.55rem;font-weight:300}.scroll-hint span{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;width:100%;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:400;display:flex}.scroll-hint span:before,.scroll-hint span:after{content:"";background:linear-gradient(90deg,#0000,#f9efdc8c);flex:1;height:1px}.scroll-hint span:after{background:linear-gradient(90deg,#f9efdc8c,#0000)}.scroll-hint i{width:18px;height:34px;display:block;position:relative}.scroll-hint i:before{opacity:.55;content:"";background:linear-gradient(#0000,currentColor 35% 65%,#0000);width:1px;position:absolute;top:3px;bottom:3px;left:50%;transform:translate(-50%)}.scroll-hint i:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.65s cubic-bezier(.45,0,.55,1) infinite scroll-dot;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 0 9px #f9efdccc}@keyframes scroll-hint-in{to{opacity:1;transform:translate(-50%)}}@keyframes scroll-dot{0%{opacity:0;transform:translate(-50%)scale(.65)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(-50%,24px)scale(.65)}}.welcome-section{color:#f4e9de;text-align:center;background:#3d1d13;justify-content:center;align-items:flex-start;width:min(100%,430px);min-height:100svh;margin:0 auto;padding:18svh 28px 12svh;display:flex}.welcome-content{width:100%;max-width:340px}.welcome-content h2{letter-spacing:.01em;margin:0 0 3.8rem;font-family:Great Vibes,Snell Roundhand,cursive;font-size:clamp(2.8rem,13vw,4rem);font-weight:400;line-height:1.05}.welcome-content p{letter-spacing:-.015em;margin:0;font-family:DM Sans,sans-serif;font-size:clamp(1.08rem,4.6vw,1.25rem);font-weight:300;line-height:1.45}.story-section{color:#342015;text-align:center;background:#fbf3df;width:min(100%,430px);margin:0 auto;padding:54px 24px 92px}.love-quote{margin:0 auto 54px;padding:54px 18px 32px;position:relative}.love-quote:before{color:#3d1d132e;content:"“";font-family:Georgia,serif;font-size:5.8rem;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%)}.love-quote p{margin:0;font-family:Great Vibes,Snell Roundhand,cursive;font-size:clamp(2.35rem,11vw,3.35rem);line-height:1.08;position:relative}.love-quote cite{letter-spacing:.12em;text-transform:uppercase;margin-top:24px;font-family:DM Sans,sans-serif;font-size:.78rem;font-style:normal;font-weight:400;display:block}.couple-photo-frame{border:1px solid #3d1d135c;border-radius:180px 180px 24px 24px;margin:0;padding:10px;position:relative;overflow:hidden}.couple-photo-frame:after{pointer-events:none;content:"";border:1px solid #ffffff52;border-radius:170px 170px 16px 16px;position:absolute;inset:10px}.couple-photo-frame img{aspect-ratio:3/4;object-fit:cover;object-position:center;filter:sepia(.12)contrast(1.04);border-radius:170px 170px 16px 16px;width:100%;display:block}.details-section{color:#342015;background:#3d1d13;width:min(100%,430px);margin:0 auto;padding-top:18px}.details-card{background:#fbf3df;border-radius:215px 215px 180px 180px;min-height:1500px;padding:112px 26px 100px}.location-block,.program-block{text-align:center}.location-icon{width:42px;height:42px;margin:0 auto 14px}.location-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:100%;height:100%}.location-block h2,.program-block h2,.closing-block h2{margin:0;font-family:Great Vibes,Snell Roundhand,cursive;font-size:clamp(3rem,14vw,4.3rem);font-weight:400;line-height:1}.venue-illustration{object-fit:contain;width:100%;max-width:330px;height:auto;margin:20px auto 4px;display:block}.location-name{margin:16px 0 8px;font-family:DM Sans,sans-serif;font-size:1.18rem;font-weight:500}.location-note{max-width:310px;margin:0 auto;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:300;line-height:1.45}.location-button{min-height:48px;color:inherit;border:1px solid #4c3022;border-radius:999px;justify-content:center;align-items:center;margin-top:24px;padding:0 25px;font-family:DM Sans,sans-serif;font-size:.95rem;text-decoration:none;display:inline-flex}.location-button.is-disabled{opacity:.6}.program-block{margin-top:110px}.timeline{text-align:left;margin:62px 0 0;padding:0;list-style:none;position:relative}.timeline li{grid-template-columns:15px minmax(0,1fr);column-gap:25px;min-height:118px;padding:0 0 38px;font-family:DM Sans,sans-serif;display:grid;position:relative}.timeline li:not(:last-child):after{z-index:0;content:"";background:linear-gradient(#6c5948,#9b8b79);width:1.5px;height:100%;position:absolute;top:12px;left:7.5px;transform:translate(-50%)}.timeline-marker{z-index:1;background:#342015;border:2px solid #342015;border-radius:50%;width:15px;height:15px;margin-top:4.5px;position:relative;box-shadow:0 0 0 5px #fbf3df}.timeline li:last-child{min-height:0;padding-bottom:0}.timeline-copy{min-width:0}.timeline time{margin-bottom:3px;font-size:1.25rem;font-weight:500;display:block}.timeline p{margin:0;font-size:1rem;font-weight:300;line-height:1.35}.closing-block{color:#f4e9de;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:120px 28px 70px;display:flex}.closing-block h2{max-width:340px}.closing-block p{margin:42px 0 0;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:300}.standalone-closing{width:min(100%,430px);min-height:52svh;margin:0 auto}.couple-scene{background:#3d1d13;width:min(100%,430px);height:78svh;min-height:540px;max-height:680px;margin:0 auto;position:relative;overflow:hidden}.couple-ground{filter:blur(10px);opacity:0;background:#1406023d;border-radius:50%;height:22px;transition:opacity .7s .75s,transform .9s .7s;position:absolute;bottom:5.5%;left:14%;right:14%;transform:scaleX(.45)}.groom-figure,.bride-figure{object-fit:contain;opacity:0;will-change:transform, opacity;filter:drop-shadow(0 15px 13px #14060233);width:auto;max-width:none;height:min(72svh,590px);transition:transform 2.6s cubic-bezier(.16,.72,.22,1),opacity 1s ease-out;position:absolute;bottom:6%}.groom-figure{z-index:1;left:-4%;transform:translate(-105%)rotate(-3deg)}.bride-figure{z-index:2;transition-delay:.18s;right:-5%;transform:translate(105%)rotate(3deg)}.couple-scene.is-visible .groom-figure,.couple-scene.is-visible .bride-figure{opacity:1;transform:translate(0)rotate(0)}.couple-scene.is-visible .couple-ground{opacity:1;transform:scaleX(1)}@keyframes reveal-frame{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes names-in{0%{opacity:0;transform:translate(-50%,calc(14px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.intro-screen{display:none}.ornament-image,.couple{animation:none}.groom-figure,.bride-figure,.couple-ground{opacity:1;transition:none;transform:none}}