:root{--bg:oklch(98.8% .004 85);--surface:oklch(95.1% .026 88);--fg:oklch(24.5% .012 60);--muted:oklch(53.5% .014 68);--border:oklch(90% .01 80);--accent:oklch(51.5% .175 30);--paper:oklch(100% 0 0);--ink-soft:color-mix(in oklch, var(--fg) 8%, transparent);--shadow:oklch(55% .045 60);--font-display:"Iowan Old Style", "Charter", Georgia, "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-hand:"Bradley Hand", "Noteworthy", "Marker Felt", "Chalkboard SE", "Segoe Print", cursive;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--fs-h1:clamp(34px, 9.2vw, 46px);--fs-h2:clamp(26px, 7vw, 34px);--fs-lead:clamp(16px, 4.2vw, 18px);--fs-body:clamp(15.5px, 4.1vw, 17px);--fs-meta:12px;--col:430px;--gutter:24px;--pin-top:clamp(32px, 6vh, 64px);--ink-w:2.5px;--ease-out:cubic-bezier(.22, .8, .28, 1);--ease-exit:cubic-bezier(.5, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.45, .5, 1);--r-soft:26px}*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}html{-webkit-text-size-adjust:100%}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}p{text-wrap:pretty;margin:0}h1,h2{text-wrap:balance;margin:0}button{font:inherit;cursor:pointer}:focus-visible{outline:2.5px solid var(--accent);outline-offset:4px;border-radius:6px}.col{width:100%;max-width:var(--col);padding-inline:var(--gutter);margin-inline:auto}.beat{flex-direction:column;justify-content:center;min-height:88svh;padding-block:clamp(64px,16vw,104px);display:flex}.beat--memory{min-height:0;padding-block:clamp(40px,9vw,60px)}.stack{flex-direction:column;display:flex}.beat--memory .stage{gap:18px}.beat--memory .flow{margin-top:24px}.beat--memory .flow .aside-row{margin-top:14px}@media (height>=480px) and (prefers-reduced-motion:no-preference){.beat--memory .hold:after{content:"";height:var(--hold,22svh);display:block}.beat--memory .stage{top:var(--pin-top);position:sticky}}@media (height>=480px){.beat--memory .photo-slot img{max-height:36svh}}.center{text-align:center;align-items:center}.display{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.018em;line-height:1.12}.display-sm{font-family:var(--font-display);font-size:var(--fs-h2);letter-spacing:-.014em;line-height:1.18}.lead{font-size:var(--fs-lead);color:var(--muted);line-height:1.62}.hand{font-family:var(--font-hand)}.meta{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.count{font-variant-numeric:tabular-nums}.bubble{background:var(--surface);border:var(--ink-w) solid var(--fg);border-radius:var(--r-soft);padding:22px 24px 24px;position:relative}.bubble.has-ink{background:0 0;border-color:#0000}.bubble>p+p{margin-top:.8em}.bubble>*{z-index:2;position:relative}.bubble-ink{z-index:0;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.bubble-fill{fill:var(--surface);opacity:0;transition:opacity .45s .5s}.bubble-line{fill:none;stroke:var(--fg);stroke-width:var(--ink-w);stroke-linejoin:round;stroke-linecap:round}.bubble.draw .bubble-line{stroke-dashoffset:var(--len);transition:stroke-dashoffset .95s var(--ease-out)}.bubble.draw.in .bubble-line{stroke-dashoffset:0}.bubble.draw.in .bubble-fill{opacity:1}.doodle{z-index:3;color:var(--fg);pointer-events:none;position:absolute}.doodle svg{width:100%;height:auto}.doodle--heart{color:var(--accent)}.polaroid{background:var(--paper);width:min(296px,84%);box-shadow:0 1px 2px #0000001a, 0 10px 26px -8px #0003, 0 0 0 1px var(--border);transform:translateX(var(--nudge,0px)) rotate(var(--tilt,-2deg));border-radius:3px;margin-inline:auto;padding:13px 13px 0}.photo-slot{background:color-mix(in oklch, var(--fg) 5%, var(--paper));display:block}.polaroid:not(.is-empty) .photo-slot{background:var(--paper)}.photo-slot img{object-fit:contain;opacity:0;width:100%;max-height:54svh;transition:opacity .45s}.photo-slot img.ready{opacity:1}.polaroid.is-empty .photo-slot{aspect-ratio:4/5;text-align:center;border:1.5px dashed var(--border);place-content:center;padding:16px;display:grid}.polaroid.is-empty .photo-slot:before{content:attr(data-slot);font-family:var(--font-mono);letter-spacing:.16em;color:color-mix(in oklch, var(--muted) 62%, transparent);font-variant-numeric:tabular-nums;font-size:13px}.polaroid-cap{font-family:var(--font-hand);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:62px;padding:15px 10px 19px;font-size:19px;line-height:1.25;display:flex}.leo{margin-inline:auto}.leo--aside{margin:0}.leo{transform-origin:50% 100%;animation:6.4s ease-in-out infinite leo-idle}.leo--aside{animation-duration:7.6s;animation-delay:-2.1s}@keyframes leo-idle{0%,to{translate:0;rotate:0deg}50%{translate:0 -3px;rotate:.5deg}}.aside-row{align-items:flex-end;gap:16px;margin-top:24px;display:flex}body.is-rsvp .invite-aside{display:none}.aside-row--right{justify-content:flex-end}#gate{background:var(--bg);padding-block:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-bottom));will-change:opacity, transform;transition:opacity .5s ease, transform .62s var(--ease-exit);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden auto}body.js #gate{z-index:40;position:fixed;inset:0}#gate[hidden]{display:none}#gate.is-open{opacity:0;pointer-events:none;transform:translateY(-4%)scale(.985)}.gate-tap{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%}.gate-art{width:fit-content;margin:26px auto 0;position:relative}.gate-art .leo{transition:transform .32s var(--ease-spring)}#gate.is-hit .gate-art .leo{transform:scale(.945)translateY(5px)}.leo-wave{aspect-ratio:700/892;background:url(/assets/leo-wave-frames.webp) 0 0/300% 100% no-repeat;animation:.66s step-end infinite leo-wave}@keyframes leo-wave{0%{background-position-x:0%}20%{background-position-x:50%}40%{background-position-x:100%}60%{background-position-x:50%}80%{background-position-x:0%}}.tap-hint{color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:9px;margin-top:26px;display:flex}.tap-ring{border:2px solid var(--accent);width:12px;height:12px;animation:ping 1.9s var(--ease-out) 8;border-radius:50%}@keyframes ping{0%{opacity:1;transform:scale(.62)}70%,to{opacity:0;transform:scale(1.5)}}.pop{z-index:60;pointer-events:none;width:76px;height:76px;animation:pop-out .46s var(--ease-out) forwards;margin:-38px 0 0 -38px;display:block;position:fixed}.pop line{stroke:var(--fg);stroke-width:3.2px;stroke-linecap:round}.pop line:nth-child(3n){stroke:var(--accent)}@keyframes pop-out{0%{opacity:1;transform:scale(.42)}to{opacity:0;transform:scale(1.1)}}#story{z-index:1;transition:opacity .7s .18s;position:relative}body.is-locked{height:100svh;overflow:hidden}body.is-locked #story{visibility:hidden;opacity:0}.rise{opacity:0;transition:opacity .62s ease, transform .62s var(--ease-out);transform:translateY(24px)}.rise.in{opacity:1;transform:none}.rise-pol{opacity:0;transform:translateY(30px) translateX(var(--nudge,0px)) rotate(var(--tilt,-2deg)) scale(.965);transition:opacity .7s ease, transform .7s var(--ease-out)}.rise-pol.in{opacity:1;transform:translateX(var(--nudge,0px)) rotate(var(--tilt,-2deg))}.beat--still .rise-pol{transition-duration:1.15s}.beat--still .bubble.rise{transition-duration:.95s;transition-delay:.36s}.beat--still .bubble.draw .bubble-line{transition-duration:1.35s}.d1{transition-delay:.1s}.d2{transition-delay:.22s}.invite-card{background:var(--paper);border:var(--ink-w) solid var(--fg);box-shadow:5px 6px 0 color-mix(in oklch, var(--shadow) 42%, transparent);border-radius:8px;padding:26px 22px 24px;position:relative}.invite-card .rule{background:var(--border);border:0;height:1.5px;margin:18px 0}.invite-row{grid-template-columns:92px 1fr;align-items:baseline;gap:12px;padding-block:8px;display:grid}.invite-row+.invite-row{border-top:1px solid var(--border)}.invite-row dt{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.invite-row dd{font-family:var(--font-display);letter-spacing:-.008em;margin:0;font-size:19px}.perf{justify-content:space-between;margin:0 -22px 20px;padding:0 14px;display:flex}.perf span{background:var(--bg);width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--border);border-radius:50%}.btn{min-height:66px;color:var(--fg);font-family:var(--font-display);letter-spacing:-.01em;border:0 solid #0000;border-width:0 38px;transition:transform .14s var(--ease-spring), filter .16s ease;background:0 0;border-image-source:url(/assets/btn-pill.webp);border-image-slice:0 100 fill;border-image-repeat:stretch;justify-content:center;align-items:center;padding:4px 10px 12px;font-size:20px;display:inline-flex}.btn:focus-visible{outline-offset:7px;border-radius:999px}.btn:hover{filter:brightness(1.035);transform:translateY(-1.5px)}.btn:active{transform:translateY(2px)scale(.985)}.btn-text{min-height:44px;color:var(--muted);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);background:0 0;border:0;padding:12px 4px;font-size:14.5px;transition:color .16s,text-decoration-color .16s;display:inline-block}.btn-text:hover{color:var(--fg);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.btn-text:disabled{color:var(--fg);opacity:1;cursor:default;text-decoration:none}.scene{z-index:50;background:var(--bg);padding-block:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;display:none;position:fixed;inset:0;overflow:hidden auto}body.is-rsvp .rsvp-ask{display:none}body.is-rsvp .scene{animation:scene-in .62s var(--ease-out) both;display:flex}body.is-rsvp.is-reading .scene{display:none}body.is-rsvp:not(.is-reading){height:100svh;overflow:hidden}@keyframes scene-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.rsvp-note{justify-content:center;align-items:center;gap:14px;display:none}body.is-rsvp.is-reading .rsvp-note{display:flex}.mute{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:55;width:42px;height:42px;color:var(--muted);background:color-mix(in oklch, var(--bg) 80%, transparent);border:1.5px solid var(--border);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .14s var(--ease-spring), color .16s ease;border-radius:50%;place-content:center;padding:0;display:grid;position:fixed}.mute:hover{color:var(--fg)}.mute:active{transform:scale(.93)}.mute svg{width:19px;height:19px;display:block}.cue{color:var(--muted);flex-direction:column;align-items:center;gap:8px;margin-top:44px;display:flex}.cue-line{background:linear-gradient(var(--border), var(--muted));transform-origin:top;width:1.5px;height:34px;animation:2.4s ease-in-out 5 cue}@keyframes cue{0%,to{opacity:.5;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}footer{padding:56px var(--gutter) calc(56px + env(safe-area-inset-bottom));text-align:center}@media (width>=760px){:root{--col:480px}.beat{min-height:84svh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise,.rise-pol{opacity:1;transition:none;transform:none}.rise-pol{transform:translateX(var(--nudge,0px)) rotate(var(--tilt,-2deg))}.bubble.draw .bubble-line{stroke-dashoffset:0;transition:none}.bubble-fill{opacity:1;transition:none}.tap-ring,.cue-line,.leo,.leo-wave,body.is-rsvp .scene{animation:none}.photo-slot img{transition:none}#gate,.gate-art .leo{transition:opacity .2s}.pop{animation-duration:.2s}}