:root{--color-bg: #edd9c1;--color-paper: #f3e6d4;--color-ink: #3a2a22;--color-burgundy: #651c2c;--color-blue: #afc7e8;--color-gold: #b08a4a;--color-olive: #4e5e3b;--color-black: #111111;--font-display: "Cormorant Garamond", "Times New Roman", serif;--font-body: "Montserrat", system-ui, sans-serif;--shadow-paper: 0 10px 28px rgba(17, 17, 17, .12), 0 2px 8px rgba(17, 17, 17, .06);--ease-paper: cubic-bezier(.22, 1, .36, 1);--z-intro: 1000;--z-overlay: 900}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--color-black);background:var(--color-bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-intro);display:grid;place-items:center;background:var(--color-bg);padding:0;transition:opacity .45s var(--ease-paper),visibility .45s}.intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro__frame{position:relative;width:min(100vw,calc(100svh * 1535 / 1024));height:min(100svh,calc(100vw * 1024 / 1535))}.intro__stage{position:absolute;left:50%;top:49%;width:40%;transform:translate(-50%,-50%);cursor:pointer;border:0;background:transparent;padding:0;z-index:2;line-height:0}.intro__stage:disabled{cursor:default}.intro__stack{position:relative;display:block;width:100%;line-height:0}.intro__envelope{width:100%;height:auto;filter:none;transition:opacity .8s var(--ease-paper)}.intro__envelope--open{position:relative;display:block;opacity:0;visibility:hidden;pointer-events:none}.intro__envelope--closed{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);z-index:2;opacity:1}.intro__stage:hover .intro__envelope--closed,.intro__stage:focus-visible .intro__envelope--closed{filter:none}.intro.is-opening .intro__envelope--closed{opacity:0}.intro.is-opening .intro__envelope--open{opacity:1;visibility:visible}.intro.is-opening .intro__hint,.intro.is-opening .intro__skip{opacity:0;transition:opacity .25s ease;pointer-events:none}.intro__hint{position:absolute;left:50%;top:73%;transform:translate(-50%);margin:0;text-align:center;font-family:var(--font-display);font-size:clamp(.85rem,1.6vw,1.15rem);letter-spacing:.18em;text-transform:uppercase;color:var(--color-burgundy);transition:opacity .25s ease;white-space:nowrap;z-index:3}.intro__skip{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));border:1px solid rgba(101,28,44,.35);background:var(--color-paper);color:var(--color-burgundy);border-radius:999px;padding:.55rem 1rem;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;cursor:pointer;box-shadow:var(--shadow-paper);transition:opacity .25s ease;z-index:5}.board.is-revealed .board__header,.board.is-revealed .board__footer{animation:board-fade-in .55s var(--ease-paper) both}.board.is-revealed .board__header{animation-delay:.04s}.board.is-revealed .board__footer{animation-delay:.42s}.board.is-revealed .board__envelope{animation:none;opacity:1}.board.is-revealed .board__details{animation:enter-details .85s var(--ease-paper) .1s both}.board.is-revealed .board__playlist{animation:enter-playlist .85s var(--ease-paper) .18s both}.board.is-revealed .board__location{animation:enter-location .9s var(--ease-paper) .26s both}.board.is-revealed .board__rsvp{animation:enter-rsvp .9s var(--ease-paper) .34s both}@keyframes board-fade-in{0%{opacity:0}to{opacity:1}}@keyframes enter-details{0%{opacity:0;transform:translate(-18%,-62%) scale(.88)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes enter-playlist{0%{opacity:0;transform:translate(18%,-60%) scale(.88)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes enter-location{0%{opacity:0;transform:translate(-22%,-36%) rotate(-22deg) scale(.88)}to{opacity:1;transform:translateY(-50%) rotate(-22deg) scale(1)}}@keyframes enter-rsvp{0%{opacity:0;transform:translate(22%,-36%) rotate(18deg) scale(.88)}to{opacity:1;transform:translateY(-50%) rotate(18deg) scale(1)}}#site[hidden]{display:none!important}.board{min-height:100svh;min-height:100dvh;display:grid;place-items:center;padding:0;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,rgba(255,248,238,.32),transparent 58%),var(--color-bg)}.board__frame{position:relative;width:min(100vw,calc(100svh * 1535 / 1024));height:min(100svh,calc(100vw * 1024 / 1535))}.board__header{position:absolute;left:50%;top:2.2%;transform:translate(-50%);z-index:4;text-align:center;width:min(24%,200px);line-height:0}.board__title{margin:0;padding:0}.board__title img{width:100%;height:auto;display:block;margin:0 auto}.board__layout{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.board__item{position:absolute;border:0;background:transparent;padding:0;cursor:pointer;filter:none;transition:transform .35s var(--ease-paper);z-index:3;line-height:0;pointer-events:auto}.board__item:hover,.board__item:focus-visible{transform:translateY(-3px) scale(1.02);z-index:5}.board__item>img,.board__envelope>img{width:100%;height:auto;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:none}.board__envelope{left:50%;top:49%;width:40%;transform:translate(-50%,-50%);cursor:default;z-index:2;pointer-events:none;filter:none}.board__envelope:hover,.board__envelope:focus-visible{transform:translate(-50%,-50%);z-index:2}.board__details{left:12.5%;top:29.5%;width:19%;transform:translateY(-50%);filter:none;opacity:0}.board__details:hover,.board__details:focus-visible{transform:translateY(calc(-50% - 3px)) scale(1.02)}.board__details:has(.flip.is-flipped):hover,.board__details:has(.flip.is-flipped):focus-visible{transform:translateY(-50%)}.board__details .flip__face img{filter:none}.board__playlist{left:71%;top:30%;width:22%;transform:translateY(-50%);opacity:0}.board__playlist:hover,.board__playlist:focus-visible{transform:translateY(calc(-50% - 3px)) scale(1.02)}.board__location{left:7.5%;top:68%;width:12%;transform:translateY(-50%) rotate(-22deg);transform-origin:center center;opacity:0}.board__location:hover,.board__location:focus-visible{transform:translateY(calc(-50% - 3px)) rotate(-22deg) scale(1.02)}.board__rsvp{left:74%;top:68%;width:15.5%;transform:translateY(-50%) rotate(18deg);transform-origin:center center;opacity:0}.board__rsvp:hover,.board__rsvp:focus-visible{transform:translateY(calc(-50% - 3px)) rotate(18deg) scale(1.02)}.board__footer{position:absolute;left:50%;bottom:3.2%;transform:translate(-50%);text-align:center;z-index:4;color:var(--color-gold)}.board__footer p{margin:0;letter-spacing:.22em;text-transform:uppercase;font-size:clamp(.55rem,.85vw,.72rem);font-weight:500}.board__footer-lemon{width:clamp(22px,2.2vw,30px);height:auto;margin:.45rem auto 0;display:block;color:var(--color-gold);opacity:.9}.vinyl.has-spin img{animation:spin-vinyl 8s linear infinite}.vinyl.is-paused img{animation-play-state:paused}@keyframes spin-vinyl{to{transform:rotate(360deg)}}.flip{perspective:1200px;width:100%;aspect-ratio:1266 / 2221;position:relative}.flip__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .7s var(--ease-paper)}.flip.is-flipped .flip__inner{transform:rotateY(180deg)}.flip__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip__face img{width:100%;height:100%;object-fit:contain;object-position:center}.flip__back{transform:rotateY(180deg)}.flip.is-flat{perspective:none}.flip.is-flat .flip__inner{transform:none!important;transform-style:flat;transition:none}.flip.is-flat .flip__front{visibility:hidden;pointer-events:none}.flip.is-flat .flip__back{transform:none;visibility:visible}@media(max-width:767px){.intro__frame{width:min(100vw,calc(100svh * 941 / 1672));height:min(100svh,calc(100vw * 1672 / 941))}.intro__stage{top:53.5%;width:62%}.intro__hint{top:71.5%;font-size:clamp(.78rem,3.2vw,.95rem)}.board__frame{width:min(100vw,calc(100svh * 941 / 1672));height:min(100svh,calc(100vw * 1672 / 941))}.board__header{top:6.5%;width:min(58%,220px)}.board__envelope{top:53.5%;width:62%}.board__details{left:2%;top:36%;width:35%}.board__playlist{left:auto;right:-10%;top:40.5%;width:42%}.board__location{left:1%;top:74.5%;width:22%;transform:translateY(-50%) rotate(-20deg)}.board__location:hover,.board__location:focus-visible{transform:translateY(calc(-50% - 3px)) rotate(-20deg) scale(1.02)}.board__rsvp{left:auto;right:-1%;top:74.5%;width:28%;transform:translateY(-50%) rotate(16deg)}.board__rsvp:hover,.board__rsvp:focus-visible{transform:translateY(calc(-50% - 3px)) rotate(16deg) scale(1.02)}.board__footer{bottom:max(2.4%,env(safe-area-inset-bottom))}.board__footer p{font-size:.58rem;letter-spacing:.18em}}@media(min-width:768px)and (max-height:760px){.board__header{top:1.6%;width:min(22%,170px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:1.25rem;background:#11111159;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-paper),visibility .35s}.overlay.is-open{opacity:1;visibility:visible}.overlay__card{position:relative;width:min(340px,92vw);filter:none;box-shadow:var(--shadow-paper)}.overlay__close{position:absolute;top:-.5rem;right:-.5rem;z-index:2;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid rgba(101,28,44,.3);background:var(--color-paper);color:var(--color-burgundy);cursor:pointer;font-size:1.1rem;line-height:1}.rsvp-panel{background:var(--color-paper);border:1px solid var(--color-blue);border-radius:12px;padding:1.5rem 1.25rem 1.25rem;color:var(--color-burgundy);box-shadow:var(--shadow-paper)}.rsvp-panel h2{font-family:var(--font-display);font-weight:600;letter-spacing:.12em;text-align:center;margin:0 0 1rem;font-size:1.35rem}.rsvp-panel label{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.35rem}.rsvp-panel input[type=text],.rsvp-panel textarea{width:100%;border:0;border-bottom:1px solid var(--color-gold);background:transparent;padding:.4rem 0;margin-bottom:1.1rem;color:var(--color-burgundy);outline:none;font:inherit;resize:vertical}.rsvp-panel textarea{border:1px solid rgba(176,138,74,.45);border-radius:8px;padding:.55rem .65rem;min-height:4.5rem;margin-top:.15rem}.rsvp-optional{letter-spacing:.08em;text-transform:none;font-weight:400;opacity:.75}.rsvp-options{display:grid;gap:.75rem;margin-bottom:1.25rem}.rsvp-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);cursor:pointer}.rsvp-option input{accent-color:var(--color-burgundy);width:1.1rem;height:1.1rem}.rsvp-submit{width:100%;border:0;background:transparent;color:var(--color-gold);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;cursor:pointer;padding:.75rem 0 .25rem}.rsvp-submit:disabled{opacity:.5;cursor:wait}.rsvp-status{min-height:1.25rem;text-align:center;font-size:.8rem;color:var(--color-burgundy);margin-top:.5rem}.rsvp-thanks img{width:100%}@media(prefers-reduced-motion:reduce){.intro,.intro__envelope,.board__item,.board.is-revealed .board__details,.board.is-revealed .board__playlist,.board.is-revealed .board__location,.board.is-revealed .board__rsvp,.board.is-revealed .board__header,.board.is-revealed .board__footer,.flip__inner,.overlay,.vinyl.has-spin img{transition:none!important;animation:none!important}.board__details,.board__playlist,.board__location,.board__rsvp,.board.is-revealed .board__details,.board.is-revealed .board__playlist,.board.is-revealed .board__location,.board.is-revealed .board__rsvp{opacity:1}}