@import url('./assets/fonts.css');
@import url('./cover.css');
:root{color-scheme:light;--paper:#fffcf8;--surface:#fffefa;--soft:#fff3df;--ink:#594333;--muted:#78614e;--line:#ecdfce;--edge:#a18461;--gold:#a17c47;--display:'Cormorant Garamond',Georgia,serif;--text:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html{scrollbar-gutter:stable;scroll-padding-top:24px}body{font-family:var(--text)}h1,h2,p{padding:0}.invitation{position:relative;z-index:1}.hero{position:relative;isolation:isolate;padding-top:48px;padding-bottom:40px}.hero .eyebrow{margin-bottom:24px}.names{font-family:var(--display);font-size:clamp(72px,18vw,96px);line-height:1;letter-spacing:-.04em}.names span{font-family:var(--display);font-size:42px;line-height:1.4}.hero-copy{font-size:17px}.families{gap:24px;font-size:16px}.section h2{font-family:var(--display);font-size:40px;line-height:1.12}.detail-card{background:var(--surface);border-radius:12px}.venue{font-family:var(--display);font-size:32px}.divider{margin-bottom:32px;gap:22px}.divider-flower{display:block;width:34px;height:62px;transform:rotate(28deg)}.sprig{display:block;width:100%;height:100%;color:#ad8b57;overflow:visible}.sprig path{fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.sprig .petal{fill:var(--paper);fill-opacity:.85}.sprig .fill{fill:currentColor;stroke:none;opacity:.13}.hero-flowers{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.flower{position:absolute;width:72px;height:270px;bottom:120px;opacity:.75}.flower.left{left:-23px;transform:rotate(-8deg)}.flower.right{right:-23px;transform:scaleX(-1) rotate(-8deg)}
.story-section{padding:0 0 52px}.story-section .eyebrow{margin-bottom:22px}#story{margin:0;text-align:center;font:500 30px/1.45 var(--display);letter-spacing:-.02em}.story-word{position:relative;display:inline-block}.story-word:before{content:attr(data-word);position:absolute;inset:0;color:var(--ink);opacity:.24;pointer-events:none}.word-ink{position:relative;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.countdown{gap:10px;max-width:520px;margin:32px auto 0}.countdown div{padding:0;background:transparent;border:0}.countdown strong{font:500 50px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.035em}.countdown span{margin-top:10px;font-size:16px}.closing .footer-names{font-family:var(--display);font-size:38px}
.petals{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.falling-petal{position:absolute;top:-30px;border-radius:150% 0 150% 0;background:#d9bd94;opacity:.48;animation:petal-fall linear infinite;will-change:transform}@keyframes petal-fall{to{transform:translate(var(--sway),110vh) rotate(540deg)}}@supports(height:100svh){@keyframes petal-fall{to{transform:translate(var(--sway),110svh) rotate(540deg)}}}.gate-open .falling-petal,.page-hidden .falling-petal{animation-play-state:paused}
.gate{outline:none;background:#fcf9f2}.gate-inner{width:100%;max-width:390px}.gate-scene{perspective:none;transform-style:flat}.gate-title{margin:0 auto;font-style:normal}.gate p{margin:0}.gate-eyebrow{margin-top:0}.gate-letter{box-sizing:border-box}.letter-tag{margin:0}.letter-names{margin:24px 0 20px}.letter-date{margin:0}.gate-hint{margin-top:27px}.gate-date{margin-top:12px}.gate:before{z-index:-1}.gate-skip{font-size:16px}.stamp{color:var(--ink)}.gate-open>.skip-link{display:none}.gate-letter,.book-left,.book-right{will-change:transform}
@media(min-width:700px){.hero{padding-top:64px}.names{font-size:108px}.section h2{font-size:48px}#story{font-size:36px}.flower{width:100px;height:340px;bottom:110px}.flower.left{left:-24px}.flower.right{right:-24px}.countdown strong{font-size:64px}.gate-inner{max-width:530px}.gate-title{font-size:56px;max-width:500px}.gate-petale .gate-scene{width:74%;height:385px}.gate-petale .gate-letter,.book-left,.book-right{height:350px}.letter-names{font-size:59px}.letter-names em{font-size:36px}.gate-petale .stamp{width:86px;height:86px;left:calc(50% - 43px);bottom:108px;font-size:29px}.book-left .sprig,.book-right .sprig{height:310px;width:155px}.book-left .sprig{right:-77px}.book-right .sprig{left:-77px}}
@media(max-width:360px){.gate{padding-left:18px;padding-right:18px}.gate-title{font-size:40px}.gate-petale .gate-scene{width:94%}.letter-tag{font-size:16px}.names{font-size:72px}.event-date{letter-spacing:.06em;font-size:16px}.section h2{font-size:36px}.countdown strong{font-size:46px}#story{font-size:28px}}
@media(prefers-reduced-motion:reduce){.falling-petal{display:none}html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.gate{overflow-x:hidden}



.gate .gate-eyebrow{margin-bottom:22px}.gate .letter-names{margin:24px 0 20px}.gate .gate-hint{margin-top:27px}.gate .gate-date{margin-top:12px}
