@font-face{font-family:Calligraphy;src:url('assets/calligraphy.woff') format('woff');font-display:swap}
@font-face{font-family:Playfair;src:url('assets/pf-400-n.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Playfair;src:url('assets/pf-400-n-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Playfair;src:url('assets/pf-400-i.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Playfair;src:url('assets/pf-400-i-ext.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--ink:#302b25;--rose:#75474a;--paper:#eee7da;--ease:cubic-bezier(.22,.61,.36,1);--scene-scale:.38;color-scheme:only light;forced-color-adjust:none}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);font-family:Playfair,Georgia,serif;color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow:hidden}p,h1,h2{margin:0}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--rose);outline-offset:6px}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}button{color:inherit}button:disabled{cursor:default}.symbols{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.script{font-family:Calligraphy,cursive;font-weight:400}.ambient{position:fixed;inset:-50px;background:linear-gradient(#eee7da99,#eee7daaa),url('assets/stationery.png') center/cover;filter:blur(22px);transform:scale(1.12);pointer-events:none}
.envelope{position:fixed;inset:0;background:#e5ded2;z-index:20;opacity:1;visibility:visible;transition:opacity 1.1s var(--ease),visibility 1.1s}.envelope.is-gone{opacity:0;visibility:hidden;pointer-events:none}.envelope video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.open-envelope{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;display:flex;justify-content:center;align-items:center}.envelope-title{position:absolute;top:max(7%,35px);font-size:13px;letter-spacing:.25em;color:#684f43;text-shadow:0 1px 12px #fff;transition:opacity .35s}.envelope-title span{font-style:italic;font-size:17px;padding:0 7px}.envelope-hint{position:absolute;bottom:max(9%,48px);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#684f43;line-height:2.1;transition:opacity .35s}.hint-line{display:block;height:1px;width:46px;background:currentColor;margin:14px auto 0;transform-origin:center;animation:breathe 2.6s ease-in-out infinite}.envelope.opening .envelope-title,.envelope.opening .envelope-hint{opacity:0}.open-envelope:focus-visible{outline-offset:-12px}
.book{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.book::-webkit-scrollbar{display:none}.js .book{visibility:hidden;opacity:0;transition:opacity 1s var(--ease)}.js .book.is-open{visibility:visible;opacity:1}.page{height:100vh;height:100svh;position:relative;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.canvas{position:absolute;left:50%;top:calc(50% - 13px);width:1000px;height:1600px;transform:translate(-50%,-50%) scale(var(--scene-scale));transform-origin:center;background:url('assets/stationery.png') center/100% 100% no-repeat;box-shadow:0 25px 100px #51453a25;isolation:isolate}.card{position:absolute;top:340px;left:205px;right:205px;height:920px;text-align:center;display:flex;align-items:center;flex-direction:column}.heart{width:49px;height:49px;color:var(--rose);stroke-width:1.7;flex-shrink:0}.heart use{stroke-dasharray:180;stroke-dashoffset:0}.quote{font-family:Calligraphy,cursive;font-size:49px;line-height:1.25}.eyebrow{font-size:27px;letter-spacing:5px;line-height:1.6}.fine-rule{height:1px;width:165px;background:linear-gradient(90deg,transparent,#916d5b99,transparent);flex-shrink:0}.small-caps{font-size:26px;letter-spacing:6px;line-height:1.5}.time{font-size:42px;line-height:1.4}.date{font-size:57px;line-height:1.3;font-variant-numeric:lining-nums}.cover-card{padding-top:8px}.cover-card .quote{margin-top:8px}.cover-card .eyebrow{margin-top:31px;letter-spacing:4.3px}.couple{display:flex;flex-direction:column;align-items:center;margin:24px 0 23px;outline:none}.couple .script{font-size:174px;line-height:1.03;padding:0 35px}.couple .amp{font-size:61px;line-height:.9;margin:14px 0 7px;font-style:italic;color:var(--rose)}.cover-card .date{margin-top:28px}.cover-card .small-caps{margin-top:9px}.cover-card .time{margin-top:12px}.venue-line{font-size:37px;line-height:1.4;margin-top:22px;white-space:nowrap}.section-title{font-size:110px;line-height:1.25;white-space:nowrap;padding:0 22px}.calendar-card{padding-top:24px}.calendar-card .section-title{margin:13px 0 21px}.month{font-size:57px;line-height:1.5}.month span{font-size:40px;margin-left:12px;color:var(--rose)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:65px;width:100%;gap:8px 0;margin-top:24px}.calendar span{display:flex;align-items:center;justify-content:center;position:relative;font-size:35px;font-variant-numeric:lining-nums}.calendar .weekday{font-size:23px;letter-spacing:1px;color:#725853}.calendar .event-day{color:#754047}.calendar .event-day svg{position:absolute;inset:-5px auto auto;width:82px;height:82px;stroke-width:1.6}.event-day svg use{stroke-dasharray:180;stroke-dashoffset:180;transition:stroke-dashoffset 1.8s ease 1.05s}.is-visible .event-day svg use{stroke-dashoffset:0}.calendar-note{font-size:37px;margin-top:26px}.calendar-card .time{font-size:37px;margin-top:10px}.action{background:var(--rose);color:#fff9f0;border:1px solid var(--rose);border-radius:2px;display:flex;align-items:center;justify-content:center;gap:20px;min-height:108px;width:510px;padding:15px 20px;letter-spacing:3px;font-family:Playfair,serif;font-size:31px;text-transform:uppercase;text-decoration:none;transition:background .25s,transform .25s;box-shadow:0 8px 24px #75474a12}.action:hover{background:#60393c}.action:active{transform:translateY(3px)}.action svg{width:35px;height:35px;flex-shrink:0}.calendar-card .action{margin-top:30px}.families-card{padding-top:15px}.families-card>.eyebrow{margin-top:28px;font-size:24px;letter-spacing:4px}.family-title{font-size:127px;line-height:1.05;margin-top:35px}.families{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:660px;margin-top:53px}.family+.family{border-left:1px solid #94796560}.family-names{font-family:Calligraphy,cursive;font-size:57px;white-space:nowrap;line-height:1.5}.surname{font-size:37px;line-height:1.5;letter-spacing:2px}.phone{display:flex;align-items:center;justify-content:center;gap:7px;min-height:115px;font-size:29px;text-decoration:none;font-variant-numeric:lining-nums}.phone svg{width:25px;height:25px}.phone:hover{text-decoration:underline;color:var(--rose)}.families-card .fine-rule{margin-top:41px}.family-signature{font-size:93px;line-height:1.5;margin-top:26px}.families-card>.quote{margin-top:8px;font-size:44px}.venue-card{padding-top:20px}.venue-icon{width:53px;height:53px;color:var(--rose)}.venue-card .eyebrow{margin-top:24px}.venue-heading{font-size:94px;font-weight:400;line-height:1.19;margin-top:30px;letter-spacing:-2px}.city{font-size:31px;letter-spacing:12px;margin-top:26px}.venue-card .fine-rule{margin-top:40px}.venue-date{font-size:46px;margin-top:27px}.venue-card .small-caps{font-size:23px;margin-top:8px}.venue-card .time{font-size:45px;margin-top:16px}.venue-card .action{margin-top:36px}.text-action{background:transparent;border:0;border-bottom:1px solid #856c5d66;padding:18px 5px 12px;min-height:82px;font-size:29px;letter-spacing:2px;margin-top:14px}.text-action:hover{color:var(--rose)}.countdown-card{padding-top:20px}.countdown-card .section-title{margin-top:25px;font-size:117px}.countdown-card .eyebrow{font-size:23px;margin-top:23px;letter-spacing:3px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin:32px 0 38px}.countdown>div+div{border-left:1px solid #967c6850}.countdown b{display:block;font-size:69px;font-weight:400;font-variant-numeric:tabular-nums lining-nums;line-height:1.3}.countdown span{font-size:23px;letter-spacing:2px}.closing-names{font-size:151px;line-height:1.08;margin-top:26px}.closing-names span{font-family:Playfair,serif;font-style:italic;font-size:68px}.countdown-card>.quote{font-size:45px;margin-top:35px}.closing-date{font-size:24px;letter-spacing:3px;margin-top:30px}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity 1.25s var(--ease),transform 1.35s var(--ease);transition-delay:var(--delay,0s)}.js .write{opacity:0;clip-path:inset(-40% 110% -40% -30%);-webkit-clip-path:inset(-40% 110% -40% -30%);transition:clip-path 1.9s var(--ease),-webkit-clip-path 1.9s var(--ease),opacity .8s ease;transition-delay:var(--delay,0s)}.js .is-visible .reveal{opacity:1;transform:none}.js .is-visible .write{opacity:1;clip-path:inset(-40% -30% -40% -30%);-webkit-clip-path:inset(-40% -30% -40% -30%)}.calendar span{transition-delay:var(--delay,0s)}
.next-page{position:absolute;left:50%;bottom:max(63px,calc(env(safe-area-inset-bottom,0px) + 56px));transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:8px;min-width:220px;min-height:50px;padding:6px 10px;border:0;background:transparent;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#503e38;text-shadow:0 1px 6px #fff8;opacity:0;transition:opacity .8s 2.5s}.is-visible .next-page{opacity:1}.next-page svg{width:18px;height:18px;animation:bob 3s ease-in-out infinite}.next-page.replay span{font-size:24px;line-height:20px}.page-nav{position:fixed;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .8s;z-index:6}.page-nav button{display:flex;justify-content:center;align-items:center;background:none;border:0;width:28px;height:40px;padding:0}.page-nav button:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#6f50466b;transition:transform .4s,background .4s}.page-nav button[aria-current=page]:before{transform:scale(1.5);background:var(--rose)}.toolbar{position:fixed;bottom:0;left:0;right:0;min-height:48px;padding:4px 18px max(5px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(transparent,#eee7dad9 45%);z-index:6;opacity:0;visibility:hidden;transition:opacity .8s}.toolbar button{display:flex;align-items:center;gap:7px;min-height:40px;border:0;background:transparent;font-size:10px;letter-spacing:.06em;padding:5px;color:#503f39}.toolbar button svg{width:16px;height:16px}.page-count{font-size:10px;letter-spacing:.16em;color:#78635a;margin-right:12px;font-variant-numeric:tabular-nums}.is-ready .page-nav,.is-ready .toolbar{opacity:1;visibility:visible}dialog{width:min(90vw,390px);border:1px solid #aa938066;border-radius:3px;padding:37px 27px 28px;background:#f5eee3;color:var(--ink);text-align:center;box-shadow:0 20px 100px #2b17173d}dialog::backdrop{background:#39292377;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:8px;top:3px;border:0;background:transparent;font-size:27px;width:40px;height:40px}.dialog-heart{width:28px;height:28px;color:var(--rose);margin-bottom:12px}dialog h2{font-size:27px;font-weight:400;margin-bottom:16px}dialog p{font-size:12px;line-height:1.8}.dialog-links{display:grid;gap:10px;margin-top:24px}.dialog-links a{display:block;padding:14px 9px;min-height:46px;text-decoration:none;background:var(--rose);color:#fff8ed;font-size:13px}.dialog-links a+a{background:none;border:1px solid var(--rose);color:var(--rose)}.dialog-links a:hover{filter:brightness(.92)}
@keyframes breathe{0%,100%{opacity:.35;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(min-aspect-ratio:3/4){.envelope video{object-fit:contain}.envelope-title{top:9%}.envelope-hint{bottom:9%}}
@media(min-width:700px){.page-nav{right:calc(50% - 310px)}.toolbar{gap:23px}.toolbar button,.page-count{font-size:11px}.next-page{font-size:10px}}
@media(max-height:680px){.next-page{bottom:43px;min-height:38px;font-size:8px;gap:4px}.toolbar{min-height:36px}.toolbar button{min-height:34px}.next-page svg{height:12px}.canvas{top:calc(50% - 23px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal,.js .write{opacity:1;transform:none;clip-path:none;-webkit-clip-path:none}.event-day svg use{stroke-dashoffset:0}.next-page{transition:none}}
.calendar-card{padding-top:15px}.calendar-card>.eyebrow{display:none}.calendar-card .section-title{font-size:96px;line-height:1.2;margin:0 0 7px}.calendar-card .month{font-size:50px;line-height:1.4}.calendar-card .calendar{grid-auto-rows:47px;gap:3px 0;margin-top:14px}.calendar-card .event-day svg{width:69px;height:69px;top:-8px}.calendar-card .calendar-note{margin-top:18px;font-size:35px;line-height:1.3}.calendar-card .time{margin-top:6px;font-size:35px}.calendar-card .action{margin-top:24px}
.quote{font-family:Playfair,Georgia,serif;font-style:italic;font-size:31px;line-height:1.5}.couple .script{font-size:157px}.cover-card .venue-line{margin-top:17px;font-size:35px}.families{margin-top:42px}.families-card .fine-rule{margin-top:24px}.family-signature{font-size:85px;margin-top:18px}.families-card>.quote{font-size:29px;line-height:1.5;margin-top:5px}.closing-names{font-size:135px}.countdown-card>.quote{font-size:30px;margin-top:24px}.closing-date{margin-top:20px}