body{margin:0;padding:0;min-width:320px;background:#f6f8f7;color:#222;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#8fb6cc;text-decoration:none}a:hover{color:#3e5f2e}button{cursor:pointer;font-family:inherit}:root{--color-bg: #F3EEE3;--color-paper: #F8F4EC;--color-cream: #F1EADC;--color-blue: #9CB8D4;--color-blue-deep: #5F7EA3;--color-blue-ink: #45648C;--color-blue-muted: #DCE7F1;--color-sage: #5F7EA3;--color-green-deep: #45648C;--color-gold: #C9A26B;--color-text: #3C4350;--color-text-muted: #707784;--font-display: "Fraunces", "Georgia", serif;--font-serif: "Fraunces", "Georgia", serif;--font-script: "Pinyon Script", "Fraunces", cursive;--font-sans: "Jost", -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html,html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:clamp(16px,1.05vw,19px);font-weight:300;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{width:100%;position:relative}a{color:var(--color-blue-deep);text-decoration:none;transition:color .25s}a:hover{color:var(--color-blue-ink)}h1,h2,h3{font-family:var(--font-display);font-weight:400;color:var(--color-text);margin:0}::selection{background:#5f7ea338}.envelope-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000073;pointer-events:auto;cursor:pointer;opacity:1;transition:opacity 1s ease}.envelope-fade-out{opacity:0;pointer-events:none}.envelope-container{position:relative;width:100vw;height:100vh;height:100dvh;perspective:1000px;opacity:0;transition:opacity .6s ease}.envelope-container.envelope-ready{opacity:1}.envelope-layer{display:block;-webkit-user-select:none;user-select:none}.envelope-body,.envelope-flap{width:100%;height:100%;object-fit:cover}.envelope-flap{position:absolute;top:0;left:0}.envelope-body{transition:opacity .8s ease}.envelope-body-hide{opacity:0}.envelope-flap{transform-origin:top center;transform:rotateX(0);transition:transform .6s ease-in-out,opacity .8s ease}.envelope-flap-open{transform:rotateX(15deg)}.envelope-flap-hide{opacity:0}.envelope-seal{position:absolute;width:clamp(480px,96vw,1200px);height:auto;object-fit:contain;top:55%;left:50%;transform:translate(-50%,-50%);cursor:pointer;opacity:1;transition:transform .3s ease,opacity .8s ease;z-index:1}.envelope-seal:hover{transform:translate(-50%,-50%) scale(1.06)}.envelope-seal-hide{opacity:0;transform:translate(-50%,-50%) scale(1.1);pointer-events:none}.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 130% 90% at 50% -15%,#FFFDF8 0%,var(--color-paper) 42%,var(--color-bg) 100%)}.backdrop-toile{position:absolute;inset:-15%;background-image:var(--toile);background-repeat:repeat;background-size:230px 230px;opacity:.5;will-change:transform}.backdrop-bloom{position:absolute;opacity:.42;will-change:transform}.petals-layer{position:fixed;inset:0;z-index:6;pointer-events:none;overflow:hidden}.petal{position:absolute;top:-12vh;will-change:transform}.snap-container{position:relative;z-index:1}.snap-section{position:relative}.page-section{width:100%;padding:clamp(5rem,13vh,9rem) 1.5rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.section-inner{max-width:720px;width:100%;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,3.5rem);background:#f8f4ec9e;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(95,126,163,.18);border-radius:3px;box-shadow:0 24px 60px -34px #3c506e66}.section-inner:after{content:"";position:absolute;inset:7px;border:1px solid rgba(95,126,163,.14);border-radius:2px;pointer-events:none}.section-white,.section-cream,.section-pale{background:transparent}.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:4rem 2rem}.hero-content{position:relative;z-index:3}.hero-content:before{content:"";position:absolute;inset:-14% -20%;background:radial-gradient(ellipse at center,rgba(248,244,236,.88) 0%,rgba(248,244,236,.55) 46%,transparent 72%);z-index:-1;pointer-events:none}.hero-subtitle{font-family:var(--font-display);font-size:clamp(1rem,1.7vw,1.45rem);font-weight:400;font-style:italic;letter-spacing:.04em;color:var(--color-blue-deep);margin-bottom:.6em}.hero-names{font-family:var(--font-script);font-size:clamp(4.2rem,13vw,10.5rem);font-weight:400;letter-spacing:.01em;line-height:1.02;color:var(--color-blue-deep);margin:0 0 .05em}.hero-date{font-family:var(--font-script);font-size:clamp(2.1rem,5vw,3.6rem);font-weight:400;color:var(--color-blue-deep);margin-top:.15em}.hero-ornament{width:80px;height:1px;background:var(--color-blue-deep);opacity:.4;margin:1.5rem auto}.hero-scroll-cue{position:absolute;bottom:clamp(1.4rem,4vh,2.6rem);left:50%;transform:translate(-50%);z-index:3;font-family:var(--font-sans);font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--color-blue-deep);opacity:.65}.invite-frame{position:absolute;inset:clamp(10px,2.2vw,26px);pointer-events:none;z-index:2}.invite-frame-noline{border:none}.frame-corner{position:absolute;width:clamp(120px,21vw,260px);height:auto}.frame-corner-tl{top:-3%;left:-2%}.frame-corner-tr{top:-3%;right:-2%;transform:scaleX(-1)}.frame-corner-bl{bottom:-3%;left:-2%;transform:scaleX(-1)}.frame-corner-br{bottom:-3%;right:-2%}.card-floral{position:absolute;width:clamp(96px,16vw,168px);height:auto;pointer-events:none;z-index:0;opacity:.95}.card-floral-tl{top:-34px;left:-28px}.card-floral-br{bottom:-34px;right:-28px;transform:scaleX(-1)}.section-title{font-family:var(--font-display);font-size:clamp(2.3rem,4.4vw,3.6rem);font-weight:400;font-style:italic;text-align:center;margin-bottom:.35em;letter-spacing:.01em;color:var(--color-blue-deep)}.section-ornament{width:50px;height:1px;background:var(--color-blue-deep);opacity:.4;margin:0 auto 2.5rem}.counter-block{width:100%;margin-top:2.5rem;text-align:center}.counter-heading{font-family:var(--font-sans);font-size:clamp(.8rem,1vw,.95rem);font-weight:400;color:var(--color-text-muted);margin-bottom:1.1rem;letter-spacing:.22em;text-transform:uppercase}.counter-row{display:flex;justify-content:center;gap:clamp(.6rem,2vw,1.6rem);flex-wrap:wrap}.counter-unit{display:flex;flex-direction:column;align-items:center;min-width:52px}.counter-value{font-family:var(--font-display);font-size:clamp(2.1rem,3.6vw,3.2rem);font-weight:400;color:var(--color-blue-deep);line-height:1.1;font-variant-numeric:tabular-nums}.counter-label{font-family:var(--font-sans);font-size:clamp(.65rem,.85vw,.8rem);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.14em;margin-top:.35rem}.lang-switch{position:fixed;top:1.4rem;right:1.6rem;z-index:100;display:flex;gap:.2rem;background:#f8f4ecd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:.25rem;box-shadow:0 4px 18px -10px #3c506e80;border:1px solid rgba(95,126,163,.22)}.lang-btn{background:transparent;border:none;border-radius:999px;padding:.4em 1em;font-size:.8rem;font-weight:400;font-family:var(--font-sans);letter-spacing:.06em;cursor:pointer;transition:all .25s;color:var(--color-text-muted)}.lang-btn.active{background:var(--color-blue-ink);color:#fff}.btn-primary{display:inline-block;position:relative;background:var(--color-blue-deep);color:#fff;border:none;border-radius:999px;padding:.95em 2.6em;font-size:clamp(.85rem,1vw,1rem);font-family:var(--font-sans);font-weight:400;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s;text-decoration:none;box-shadow:0 10px 24px -12px #5f7ea3cc}.btn-primary:hover{background:var(--color-blue-ink);color:#fff;transform:translateY(-2px);box-shadow:0 16px 30px -14px #46648cd9}.btn-primary:disabled{opacity:.6;cursor:default;transform:none}.form-field{border:none;border-bottom:1.5px solid rgba(95,126,163,.4);background:transparent;width:100%;padding:.7em 0;font-size:clamp(1rem,1.2vw,1.15rem);font-family:var(--font-display);color:var(--color-text);outline:none;transition:border-color .25s}.form-field:focus{border-color:var(--color-blue-deep)}.form-label{font-family:var(--font-sans);font-size:clamp(.72rem,.95vw,.85rem);font-weight:400;color:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4em;display:block}.timeline-single{list-style:none;padding:0;margin:0 auto;max-width:540px;width:100%}.timeline-row{padding:1.3rem 0;text-align:center}.timeline-dot{display:block;width:7px;height:7px;margin:0 auto .9rem;border-radius:50%;background:var(--color-paper);border:1.5px solid var(--color-blue-deep)}.timeline-event{font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:500;line-height:1.3;color:var(--color-text)}.timeline-detail{display:block;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(.98rem,1.5vw,1.2rem);color:var(--color-text-muted);margin-top:.2rem}.timeline-time{display:block;font-family:var(--font-script);font-size:clamp(1.8rem,3.2vw,2.6rem);color:var(--color-blue-deep);margin-top:.1rem;line-height:1}.rsvp-form{max-width:460px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.6rem}.rsvp-field{display:flex;flex-direction:column;gap:.3rem}.rsvp-radio-group{display:flex;gap:2rem;margin-top:.5em}.rsvp-radio-label{display:flex;align-items:center;gap:.5em;font-weight:300;cursor:pointer;font-family:var(--font-display);font-size:1.1rem}.thank-you-text{font-family:var(--font-script);font-size:clamp(2rem,3.5vw,3rem);color:var(--color-blue-deep)}.rsvp-deadline{font-family:var(--font-display);font-style:italic;font-size:clamp(1.05rem,1.5vw,1.3rem);color:var(--color-text-muted);text-align:center;max-width:460px;margin:1.8rem auto 0}.rsvp-error{color:#b0413e;font-size:.95rem;text-align:center;margin:.25rem 0 0}.dress-warning{font-family:var(--font-display);font-style:italic;font-size:clamp(1.7rem,4vw,2.8rem);font-weight:400;letter-spacing:.04em;color:var(--color-blue-deep);text-align:center;margin:1rem 0 0;line-height:1.2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}@keyframes petal-fall{0%{transform:translate3d(0,-12vh,0) rotate(0);opacity:0}8%{opacity:var(--petal-opacity, .6)}92%{opacity:var(--petal-opacity, .6)}to{transform:translate3d(var(--petal-x, 60px),112vh,0) rotate(var(--petal-rot, 360deg));opacity:0}}.hero-scroll-cue{animation:bob 2.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:640px){.page-section{padding:clamp(3.5rem,9vh,6rem) 1rem}.lang-switch{top:1rem;right:1rem}.section-inner{padding:2rem 1.2rem}.frame-corner{width:clamp(78px,26vw,130px)}.card-floral{width:clamp(70px,22vw,110px)}}#root{width:100%;margin:0 auto;padding:0}
