:root{--mb-bg: #09080a;--mb-bg-2: #121013;--mb-ink: #f4efe7;--mb-muted: #a59e94;--mb-line: rgba(214, 180, 106, .28);--mb-gold: #d6b46a;--mb-gold-hi: #f6e3b0;--mb-gold-lo: #8a6a2f;--mb-boy: #a9cbea;--mb-boy-deep: #6f9fcf;--mb-girl: #f3bfcc;--mb-girl-deep: #e294a9;--mb-accent: var(--mb-gold);--mb-accent-hi: var(--mb-gold-hi);--mb-glow: 255, 240, 212;--mb-ribbon: linear-gradient(90deg, #6e501c 0%, #c9a052 22%, #fff1c6 48%, #e7cb86 60%, #8a6a2f 100%);--mb-ribbon-h: linear-gradient(180deg, #6e501c 0%, #c9a052 22%, #fff1c6 48%, #e7cb86 60%, #8a6a2f 100%);--mb-serif: "Cormorant Garamond", "Cormorant", Georgia, serif;--mb-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--w: clamp(170px, min(46vw, 30svh), 270px)}body[data-mode=boy]:is(.is-opening,.is-open){--mb-accent: var(--mb-boy);--mb-accent-hi: #e3f0fb;--mb-glow: 214, 233, 252}body[data-mode=girl]:is(.is-opening,.is-open){--mb-accent: var(--mb-girl);--mb-accent-hi: #fde8ee;--mb-glow: 252, 222, 230}*{box-sizing:border-box}html{background:var(--mb-bg);scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--mb-bg);color:var(--mb-ink);font-family:var(--mb-sans);font-weight:350;-webkit-font-smoothing:antialiased;overflow-x:hidden}.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}.mb-skip{position:absolute;left:12px;top:-60px;z-index:20;padding:10px 14px;border-radius:8px;background:var(--mb-ink);color:var(--mb-bg);text-decoration:none}.mb-skip:focus{top:12px}.mb-label{margin:0;font-size:.68rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--mb-gold)}.stage{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.4rem,4.5svh,3rem);padding:max(5svh,env(safe-area-inset-top)) 16px max(5svh,env(safe-area-inset-bottom));overflow:hidden;isolation:isolate}.room{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.room:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(60,48,38,.55),transparent 70%),linear-gradient(180deg,#0c0a0c 0%,var(--mb-bg) 60%,#050405 100%)}.spot{position:absolute;top:-8%;left:50%;width:min(150vw,1100px);height:112%;transform:translate(-50%);background:linear-gradient(180deg,rgba(var(--mb-glow),.2) 0%,rgba(var(--mb-glow),.08) 55%,transparent 88%);clip-path:polygon(45% 0,55% 0,80% 100%,20% 100%);filter:blur(18px);transition:background 1.2s ease}.spot-haze{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 38% 32% at 50% 60%,rgba(var(--mb-glow),.09),transparent 72%);transition:opacity 1.2s ease}.floor{position:absolute;left:0;right:0;bottom:0;height:42%;background:radial-gradient(ellipse 42% 26% at 50% 18%,rgba(var(--mb-glow),.1),transparent 70%),linear-gradient(180deg,transparent,rgba(0,0,0,.55))}.stage-head{display:grid;place-items:center;text-align:center;min-height:clamp(150px,24svh,230px);width:100%;max-width:640px}.stage-head>*{grid-area:1 / 1}.tease{display:flex;flex-direction:column;align-items:center;gap:.9rem}.tease-title{margin:0;font-family:var(--mb-serif);font-weight:400;font-size:clamp(2.7rem,11vw,5.4rem);line-height:.98;letter-spacing:.01em;text-transform:uppercase;background:linear-gradient(180deg,#fffaf0,#e9dcc3 60%,#bda57a);-webkit-background-clip:text;background-clip:text;color:transparent}.tease-title em{font-style:italic;text-transform:lowercase;font-weight:400;color:var(--mb-gold);-webkit-text-fill-color:var(--mb-gold);padding:0 .08em}.tease-sub{margin:0;font-family:var(--mb-serif);font-style:italic;font-size:clamp(1.05rem,3.6vw,1.35rem);color:var(--mb-muted)}.reveal{display:flex;flex-direction:column;align-items:center;gap:.35rem;visibility:hidden}.reveal-kicker{margin:0;font-size:.72rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--mb-accent)}.reveal-small{margin:0;font-family:var(--mb-serif);font-style:italic;font-size:clamp(1.2rem,4vw,1.6rem);color:var(--mb-ink)}.reveal-small:empty{display:none}.reveal-big{margin:.2rem 0 0;font-family:var(--mb-serif);font-weight:500;font-size:clamp(2.6rem,11.5vw,5.6rem);line-height:1;letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(180deg,#fff 0%,var(--mb-accent-hi) 35%,var(--mb-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(var(--mb-glow),.35))}.box-wrap{position:relative;display:block;width:var(--w);padding:calc(var(--w) * .34) 0 0;margin:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.box-wrap:focus-visible{outline:none}.box-wrap:focus-visible .lid-face{box-shadow:0 0 0 2px var(--mb-bg),0 0 0 3px var(--mb-gold)}.box-wrap[disabled]{cursor:default}.box{position:relative;display:block;z-index:2}.lid{position:relative;z-index:3;display:block;width:calc(var(--w) * 1.08);height:calc(var(--w) * .2);margin-left:calc(var(--w) * -.04);transform-origin:50% 100%;will-change:transform}.lid-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px 5px 3px 3px;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 18%,transparent 74%,rgba(0,0,0,.32)),linear-gradient(180deg,#fffaf2,#f3ebde 22%,#e4dacb);box-shadow:0 7px 12px -5px #0009,inset 0 1px #ffffffe6}.body{position:relative;display:block;width:var(--w);height:calc(var(--w) * .74)}.body-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px 2px 5px 5px;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 16%),linear-gradient(90deg,rgba(0,0,0,.34),transparent 22%,transparent 68%,rgba(0,0,0,.46)),repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px),linear-gradient(180deg,#ece4d6,#d6ccbb 70%,#b3a792);box-shadow:0 30px 40px -24px #000000e6}.mouth{position:absolute;left:4%;right:4%;top:-6px;height:14px;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#fff 0%,rgba(var(--mb-glow),.9) 35%,transparent 72%);filter:blur(2px);opacity:0;z-index:2}.rib{position:absolute;display:block;z-index:1}.rib-v,.rib-lid{left:50%;width:calc(var(--w) * .13);margin-left:calc(var(--w) * -.065);top:0;bottom:0;background:var(--mb-ribbon);box-shadow:0 0 6px #00000040}.rib-h{left:0;right:0;top:44%;height:calc(var(--w) * .11);background:var(--mb-ribbon-h);box-shadow:0 0 6px #00000040}.bow{position:absolute;z-index:4;left:50%;top:calc(var(--w) * -.32);width:calc(var(--w) * .78);margin-left:calc(var(--w) * -.39);overflow:visible;filter:drop-shadow(0 4px 5px rgba(0,0,0,.45))}.bow-loop,.bow-tail{transform-box:fill-box}.bow-loop-l{transform-origin:100% 85%}.bow-loop-r{transform-origin:0% 85%}.bow-tail-l{transform-origin:100% 0%}.bow-tail-r{transform-origin:0% 0%}.box-light{position:absolute;z-index:1;left:50%;bottom:calc(100% - var(--w) * .54);width:calc(var(--w) * 1.7);height:150svh;margin-left:calc(var(--w) * -.85);transform:scaleY(0);transform-origin:50% 100%;background:linear-gradient(0deg,rgba(255,255,255,.9) 0%,rgba(var(--mb-glow),.45) 12%,rgba(var(--mb-glow),.14) 42%,transparent 78%);clip-path:polygon(34% 100%,66% 100%,100% 0,0 0);filter:blur(8px);mix-blend-mode:screen;opacity:0;pointer-events:none}.box-shadow{position:absolute;z-index:0;left:-18%;right:-18%;bottom:calc(var(--w) * -.07);height:calc(var(--w) * .16);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.75),transparent 70%)}@media(prefers-reduced-motion:no-preference){.mb-js body:not(.is-opening):not(.is-open) .box{animation:mb-breathe 4.8s ease-in-out infinite}}@keyframes mb-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(hover:hover){.mb-js body:not(.is-opening):not(.is-open) .box-wrap:hover .lid{transform:translateY(-2px);transition:transform .4s ease}}.stage-foot{display:grid;place-items:center;min-height:52px}.stage-foot>*{grid-area:1 / 1}.tap{margin:0;display:inline-flex;align-items:center;gap:.75rem;font-size:.72rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--mb-ink);padding-left:.42em}.tap-dot{width:7px;height:7px;border-radius:50%;background:var(--mb-gold);box-shadow:0 0 #d6b46a99;animation:mb-pulse 2.2s ease-out infinite}@keyframes mb-pulse{0%{box-shadow:0 0 #d6b46a8c}80%,to{box-shadow:0 0 0 12px #d6b46a00}}.next{visibility:hidden}html:not(.mb-js) .tap{display:none}html:not(.mb-js) .next{visibility:visible}.fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:6;pointer-events:none}.mb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:0 1.4rem;border-radius:999px;border:1px solid var(--mb-line);background:#ffffff08;color:var(--mb-ink);font:500 .72rem/1 var(--mb-sans);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:border-color .25s ease,background .25s ease,color .25s ease,transform .2s ease}.mb-btn:hover{border-color:var(--mb-gold);background:#d6b46a14}.mb-btn:focus-visible{outline:2px solid var(--mb-gold);outline-offset:3px}.mb-btn-solid{border-color:transparent;background:linear-gradient(180deg,var(--mb-gold-hi),var(--mb-gold));color:#1b1408;box-shadow:0 10px 28px -14px #d6b46ae6}.mb-btn-solid:hover{background:linear-gradient(180deg,#fff1cc,#e0c07a)}.mb-btn-block{width:100%}.mb-link{border:0;background:none;padding:.3rem 0;color:var(--mb-muted);font:500 .7rem/1.4 var(--mb-sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a59e9466;cursor:pointer}.mb-link:hover{color:var(--mb-ink)}.mb-js body:not(.is-open) .invite{display:none}.invite{position:relative;z-index:1;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(var(--mb-glow),.06),transparent 70%),linear-gradient(180deg,var(--mb-bg) 0%,var(--mb-bg-2) 100%);outline:none}.sec{max-width:680px;margin:0 auto;padding:clamp(3.5rem,10vw,6rem) 16px;text-align:center}.sec+.sec{border-top:1px solid rgba(214,180,106,.12)}.sec-title{margin:.7rem 0 0;font-family:var(--mb-serif);font-weight:400;font-size:clamp(2rem,7vw,2.9rem);line-height:1.05}.ornament{display:inline-flex;align-items:center;gap:10px;margin-bottom:1.6rem}.ornament i{width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--mb-gold))}.ornament i:last-child{transform:scaleX(-1)}.ornament b{width:7px;height:7px;border:1px solid var(--mb-gold);transform:rotate(45deg)}.hero-title{margin:0 0 2.2rem;font-family:var(--mb-serif);font-weight:400;font-size:clamp(2.2rem,8.5vw,3.6rem);line-height:1.02;text-transform:uppercase;letter-spacing:.04em}.parents{margin:.8rem 0 1.4rem;font-family:var(--mb-serif);font-style:italic;font-size:clamp(1.9rem,7vw,2.7rem);color:var(--mb-gold-hi)}.hero-line{margin:0 auto;max-width:34ch;font-size:1rem;line-height:1.7;color:var(--mb-muted)}.facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d6b46a29;border:1px solid rgba(214,180,106,.16);border-radius:18px;overflow:hidden}.facts>div{padding:1.8rem 1rem;background:var(--mb-bg);display:flex;flex-direction:column;gap:.7rem}.facts dt{font-size:.64rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--mb-gold)}.facts dd{margin:0;display:flex;flex-direction:column;gap:.3rem}.fact-big{font-family:var(--mb-serif);font-size:1.55rem;line-height:1.15;color:var(--mb-ink)}.fact-mid{font-size:1.3rem}.fact-small{font-size:.82rem;color:var(--mb-muted);line-height:1.5}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}.teams{display:flex;justify-content:center;gap:.8rem;margin-top:2rem;flex-wrap:wrap}.team{display:inline-flex;align-items:center;gap:.7rem;min-width:150px;min-height:54px;justify-content:center;padding:0 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff08;color:var(--mb-ink);font:500 .74rem/1 var(--mb-sans);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .2s ease}.team:focus-visible{outline:2px solid var(--mb-gold);outline-offset:3px}.team-dot{width:10px;height:10px;border-radius:50%}.team-boy .team-dot{background:var(--mb-boy);box-shadow:0 0 10px var(--mb-boy-deep)}.team-girl .team-dot{background:var(--mb-girl);box-shadow:0 0 10px var(--mb-girl-deep)}.team-boy:hover,.team-boy[aria-pressed=true]{border-color:var(--mb-boy)}.team-girl:hover,.team-girl[aria-pressed=true]{border-color:var(--mb-girl)}.team-boy[aria-pressed=true]{background:#a9cbea1f;box-shadow:0 0 32px -10px var(--mb-boy-deep)}.team-girl[aria-pressed=true]{background:#f3bfcc1f;box-shadow:0 0 32px -10px var(--mb-girl-deep)}.team:active{transform:scale(.97)}.predict-note{margin:1.4rem 0 0;font-family:var(--mb-serif);font-style:italic;font-size:1.15rem;color:var(--mb-muted)}.rsvp-card{text-align:left;padding:clamp(1.6rem,6vw,2.6rem);border:1px solid rgba(214,180,106,.22);border-radius:22px;background:radial-gradient(ellipse 90% 60% at 50% 0%,rgba(214,180,106,.07),transparent 70%),#0d0b0e}.rsvp-card .mb-label,.rsvp-card .sec-title{text-align:center}.rsvp-card .sec-title{margin-bottom:1.8rem}.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem}.field label{font-size:.66rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--mb-muted)}.field input,.field select{min-height:48px;padding:0 .95rem;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--mb-ink);font:400 1rem var(--mb-sans)}.field select option{background:#141114}.field input:focus,.field select:focus{outline:none;border-color:var(--mb-gold)}.rsvp-choice{border:0;padding:0;margin:0 0 1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0}.choice span{display:flex;flex-direction:column;gap:.3rem;height:100%;padding:1rem;border-radius:14px;border:1px solid rgba(255,255,255,.14);transition:border-color .25s ease,background .25s ease}.choice b{font-family:var(--mb-serif);font-weight:500;font-size:1.2rem}.choice em{font-style:normal;font-size:.8rem;color:var(--mb-muted)}.choice input:checked+span{border-color:var(--mb-gold);background:#d6b46a14}.choice input:focus-visible+span{outline:2px solid var(--mb-gold);outline-offset:2px}.rsvp-error{min-height:1.2em;margin:0 0 .8rem;font-size:.85rem;color:#f0a9a0}.rsvp-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;outline:none}.rsvp-done[hidden]{display:none}.done-mark svg{width:56px;height:56px;fill:none;stroke:var(--mb-gold);stroke-width:1.5}.done-mark circle,.done-mark path{stroke-dasharray:1;stroke-dashoffset:1;animation:mb-draw .9s ease forwards}.done-mark path{animation-delay:.45s}@keyframes mb-draw{to{stroke-dashoffset:0}}.done-text{margin:0;font-family:var(--mb-serif);font-size:1.35rem;line-height:1.4;max-width:30ch}.mb-foot{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:3rem 16px max(3rem,env(safe-area-inset-bottom));border-top:1px solid rgba(214,180,106,.12);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mb-muted)}.mb-foot a{color:var(--mb-muted)}.mb-foot a:hover{color:var(--mb-ink)}.parents-sm{font-family:var(--mb-serif);font-style:italic;font-size:1.2rem;letter-spacing:.02em;text-transform:none;color:var(--mb-gold-hi)}.predict[hidden],.field[hidden],.mb-btn[hidden]{display:none}.hero-title,.sec-title,.reveal-big,.done-text,.hero-line{text-wrap:balance}@media(max-width:520px){.facts,.rsvp-choice{grid-template-columns:1fr}.team{flex:1 1 140px;min-width:0}}@media(prefers-reduced-motion:reduce){.tap-dot{animation:none}.done-mark circle,.done-mark path{animation:none;stroke-dashoffset:0}}