:root{--paper:#efdbc0;--wine:#84243e;--gold:#a7763b;scroll-behavior:smooth;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--wine);font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #d9a443;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#cover{min-height:100svh;overflow:hidden;display:grid;place-items:center;padding:16px 8px;background:radial-gradient(ellipse,#f5e5cc,var(--paper))}.cover-art{position:relative;width:min(100%,560px);box-shadow:0 16px 50px #60412824;border-radius:4px;transition:transform 1.1s,filter 1.1s}img{display:block;width:100%;height:auto}.cover-art img{border-radius:4px}#seal{position:absolute;left:50.4%;top:43.9%;width:36%;height:21%;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation}#seal::after{content:'';position:absolute;inset:6%;border-radius:50%;box-shadow:0 0 0 2px #ffe7cf33;animation:seal-pulse 2.8s ease-in-out infinite}#seal:hover::after{box-shadow:0 0 0 3px #ffe7cf9c,0 0 24px #fff3}.seal-hint{position:absolute;top:43.9%;left:70%;transform:translateY(-50%);width:max-content;max-width:26%;font:600 11px/1.35 system-ui,sans-serif;letter-spacing:.05em;text-align:center;white-space:normal;color:var(--wine);text-shadow:0 0 5px #fff8ee,0 0 2px #fff8ee;background:#fff6ea40;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);border-radius:14px;padding:7px 9px;pointer-events:none;animation:nudge 2.8s ease-in-out infinite}.seal-hint::before{content:'';position:absolute;right:100%;top:50%;transform:translateY(-50%);border:7px solid transparent;border-right-color:#fff6ea40;border-left-width:0}@keyframes nudge{50%{transform:translate(-4px,-50%)}}.opening .cover-art{transform:scale(.97);filter:brightness(1.07)}.opened #seal::after{animation:none;opacity:0}.opened .seal-hint{opacity:0;transition:opacity .6s}.invite-page{padding:35px 10px 22px;text-align:center;overflow:hidden}.navy{background:#0c1832}.rust{background:#6e2815}.art{position:relative;width:min(100%,650px);margin:auto;box-shadow:0 20px 60px #0003}.art img{border-radius:3px}.reveal{opacity:0;transform:translateY(35px) scale(.98);transition:opacity 1.1s ease,transform 1.1s ease}.reveal.visible{opacity:1;transform:none}.next{display:inline-flex;gap:15px;align-items:center;color:#f6e5ce;border:1px solid #d0a87370;text-decoration:none;border-radius:30px;padding:13px 21px;margin-top:22px;font:12px system-ui,sans-serif}.next span{animation:bob 2s infinite}.final-page{min-height:100svh;padding:85px 18px;background:radial-gradient(ellipse at top,#f7e8d2,var(--paper));position:relative;text-align:center}.final-page::before{content:'';position:absolute;inset:18px;border:1px solid #a7763b50;border-radius:40% 40% 5px 5px / 8% 8% 5px 5px;pointer-events:none}.final-inner{max-width:740px;margin:auto;position:relative}.eyebrow{font:12px system-ui,sans-serif;letter-spacing:.25em;text-transform:uppercase}.ornament{color:var(--gold);font-size:29px;margin:22px 0}h1{font-weight:normal;font-size:clamp(29px,6vw,48px);margin:12px 0 16px}h2{font-weight:normal;font-size:clamp(25px,5vw,35px);margin:12px 0}.date{color:#885e40;font-size:15px}.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:35px auto 20px;max-width:550px}.unit{padding:20px 6px;background:#fff7eb90;border:1px solid #b3905d66;border-radius:9px;box-shadow:0 8px 20px #7942210a}.unit span{font-variant-numeric:tabular-nums;display:block;font-size:clamp(29px,6vw,53px);line-height:1.2}.unit small{display:block;font:10px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8c6b46;margin-top:12px}.unit span.tick{animation:tick .45s ease}#countdown-message{font-style:italic;color:#8d634b;font-size:14px}.location{padding-top:25px;margin-top:25px}.location p{color:#8d634b}.map-link{display:inline-block;margin-top:12px;padding:15px 36px;border-radius:30px;background:var(--wine);color:#fff6e9;text-decoration:none;font:14px system-ui,sans-serif;box-shadow:0 6px 18px #84243e24;transition:transform .2s}.map-link:hover{transform:translateY(-3px)}.closing{margin:45px 0 22px;font-style:italic}.back{font:11px system-ui,sans-serif;color:#8b6244}.progress{position:fixed;top:0;left:0;width:0;height:3px;background:#c66687;z-index:30}#petals{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:20}.petal{position:absolute;top:-40px;left:var(--x);width:var(--size);height:calc(var(--size)*.72);border-radius:80% 16% 65% 20%;background:radial-gradient(ellipse at 25% 20%,#ffdbeb,#ee95b1 55%,#bd496f);opacity:.82;filter:drop-shadow(1px 2px 2px #67214020);animation:fall var(--duration) linear var(--delay) infinite}.particle{transition:opacity 1.2s ease}.particle.in,.particle.out{opacity:0!important}.lanterns{position:absolute;left:0;right:0;top:0;height:52%;overflow:hidden;pointer-events:none;container-type:size;-webkit-mask-image:linear-gradient(to top,transparent,#000 14%);mask-image:linear-gradient(to top,transparent,#000 14%)}.lantern{position:absolute;top:0;left:var(--x);width:var(--size);height:calc(var(--size)*1.3);border-radius:42% 42% 28% 28%/38% 38% 22% 22%;background:radial-gradient(ellipse at 50% 78%,#fff4c8,#ffb84d 32%,#ec6a1e 72%,#a9360f);box-shadow:0 0 calc(var(--size)*.7) #ffa64d99,0 0 calc(var(--size)*1.8) #ff7a1a45;opacity:.9;animation:rise var(--duration) linear var(--delay) infinite}.lantern::before{content:'';position:absolute;left:30%;right:30%;bottom:-5%;height:9%;border-radius:2px;background:#6b230c}.lantern::after{content:'';position:absolute;left:38%;right:38%;bottom:8%;height:18%;border-radius:50%;background:#fffbe0;filter:blur(1.5px);animation:flicker 1.6s ease-in-out infinite alternate}.marigold{position:absolute;top:-40px;left:var(--x);width:var(--size);height:calc(var(--size)*.85);border-radius:48% 52% 45% 55%/62% 58% 42% 38%;background:radial-gradient(ellipse at 40% 25%,#ffe680,#ffb21f 55%,#ea7a00);opacity:.9;filter:drop-shadow(1px 2px 2px #7a3a0025);animation:fall var(--duration) linear var(--delay) infinite}.marigold.deep{background:radial-gradient(ellipse at 40% 25%,#ffc04d,#f57d06 55%,#c94f00)}@keyframes rise{0%{transform:translate3d(0,100cqh,0) rotate(-4deg)}50%{transform:translate3d(var(--drift),50cqh,0) rotate(4deg)}100%{transform:translate3d(calc(var(--drift)*-.5),calc(var(--size)*-1.6),0) rotate(-3deg)}}@keyframes flicker{to{opacity:.55;transform:scale(.85)}}@keyframes fall{0%{transform:translate3d(0,-40px,0) rotate(10deg)}50%{transform:translate3d(var(--drift),50vh,0) rotate(240deg)}100%{transform:translate3d(calc(var(--drift)*-.4),110vh,0) rotate(550deg)}}@keyframes seal-pulse{50%{box-shadow:0 0 0 9px #fff2,0 0 25px #ffdfa929}}@keyframes tick{0%{transform:translateY(-6px);opacity:.4}100%{transform:none;opacity:1}}@keyframes bob{50%{transform:translateY(4px)}}#music-control{position:fixed;right:12px;bottom:12px;z-index:25;font:10px system-ui,sans-serif;border:1px solid #b39575;border-radius:20px;padding:9px 12px;background:#fff3e8e8;color:var(--wine);cursor:pointer}.no-script{text-align:center;padding:15px}@media(max-width:600px){#cover{padding:0;min-height:100svh}.cover-art{box-shadow:none}.invite-page{padding:0 0 20px}.timer{gap:6px}.unit{padding:15px 3px}.unit small{font-size:9px}.final-page{padding:65px 24px}.seal-hint{font-size:10px;padding:5px 7px;letter-spacing:.03em}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{transform:none}.particle{display:none}}
#music-control{right:auto;left:12px}
.card-names .amp{color:var(--gold)}.cover-art{container-type:inline-size;background:radial-gradient(ellipse at 50% 40%,#fbefdc,#ecd6b8)}.cover-art>img{transition:opacity 1.2s ease 2.8s}.envelope{position:absolute;inset:0;perspective:1600px;pointer-events:none}.pocket{position:absolute;left:0;right:0;top:0;bottom:40%;opacity:0;border-radius:4px 4px 0 0;background:radial-gradient(ellipse at 52% 80%,#9c6d3f80,transparent 55%),linear-gradient(#c9a172,#e2c49e 60%,#b98d5c)}.card-slot{position:absolute;inset:0;overflow:hidden}.card{position:absolute;left:6%;right:6%;top:50%;transform:translateY(calc(-50% + 82cqw));opacity:0;padding:8cqw 5cqw 7cqw;text-align:center;color:var(--wine);background:radial-gradient(ellipse at 50% 0,#fffaf1,#fbf0de 70%,#f5e4ca);border-radius:6px;box-shadow:0 2cqw 6cqw #60412833,0 0 0 1px #c9a36e55}.card::before{content:'';position:absolute;inset:2.4cqw;border:1px solid #b88a4c80;border-radius:4px;pointer-events:none}.card-logo{position:relative;width:30cqw;aspect-ratio:1;margin:0 auto 5cqw;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #b88a4c66,0 1cqw 3cqw #84243e1f}.cover-art .card-logo img{position:absolute;width:427.7%;max-width:none;left:-164.5%;top:-286.4%;border-radius:0}.card-names{margin:0 0 4.5cqw;font-weight:700;font-size:8cqw;line-height:1.15;letter-spacing:.02em}.card-invite{margin:0 0 5cqw;font-size:3.9cqw;line-height:1.65;color:#7a3b3f;text-wrap:balance}.card-date{margin:0 0 4cqw;font-weight:700;font-size:5.6cqw;letter-spacing:.05em}.card-invite .forever{font-style:italic;font-size:1.15em}.card-tagline{margin:0 0 6cqw;white-space:nowrap;font-style:italic;font-size:3.8cqw;line-height:1.5;color:#8d634b}.card-cue{display:inline-flex;gap:2cqw;align-items:center;font-weight:700;font-size:3.7cqw;color:var(--wine);text-decoration:none}.card-cue span{animation:bob 2s infinite}.front{position:absolute;inset:0;clip-path:polygon(0 20.6%,52.6% 50.1%,100% 23.9%,100% 100%,0 100%)}.seal-socket{position:absolute;inset:0;opacity:0;clip-path:ellipse(17.8% 10.4% at 50.4% 43.95%);background:radial-gradient(ellipse at 50% 44%,#f4e3c9,#ead2b1 30%)}.flap{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:top;transition:transform 2.4s cubic-bezier(.4,.05,.25,1)}.flap-front,.flap-back,.seal-whole,.seal-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flap-front{clip-path:polygon(0 0,100% 0,100% 23.9%,52.6% 50.1%,0 20.6%)}.seal-whole{clip-path:ellipse(17.8% 10.4% at 50.4% 43.95%)}.flap-back,.seal-back{transform:rotateX(180deg)}.flap-back{clip-path:polygon(0 100%,100% 100%,100% 76.1%,52.6% 49.9%,0 79.4%);background:linear-gradient(to top,#f1dcbd,#dcbb8f)}.seal-back{clip-path:ellipse(17.8% 10.4% at 50.4% 56.05%);background:radial-gradient(ellipse at 50% 56%,#a83a58,#7a1d36 18%)}.opened #seal{pointer-events:none}.opened .pocket,.opened .seal-socket,.opened .card{opacity:1}.opened .flap-top{transform:rotateX(180deg)}.opened .card{animation:card-rise 3s cubic-bezier(.45,.05,.3,1) 1.2s both}.opened .front{animation:envelope-away 1.4s ease-in 2.8s forwards}.opened .pocket,.opened .flap-top>*{animation:fade-away 1.2s ease 2.8s forwards}.opened .cover-art>img{opacity:0}.card-out .card{pointer-events:auto}@keyframes card-rise{0%{transform:translateY(calc(-50% + 82cqw))}50%{transform:translateY(calc(-50% - 12cqw))}100%{transform:translateY(-50%)}}@keyframes envelope-away{to{transform:translateY(35%);opacity:0}}@keyframes fade-away{to{opacity:0}}@media(prefers-reduced-motion:reduce){.opened .card{transform:translateY(-50%)}.opened .front,.opened .pocket,.opened .flap-top{opacity:0}}