@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&family=La+Belle+Aurore&display=swap');
:root{--paper:#faf5ed;--ink:#542f37;--wine:#672d3b;--rose:#e9d0cc;--muted:#79676a;--line:#ddc9c2;--serif:'Cormorant Garamond',Georgia,serif;--hand:'La Belle Aurore',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 'DM Sans',sans-serif}button,input{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,label:has(+input.file-input:focus-visible){outline:3px solid #bd8051;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04}h2{font-size:clamp(43px,4.5vw,66px);letter-spacing:-1.8px}h3{font-size:34px}em{font-weight:400;color:#a95b67}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;margin-bottom:24px}.skip{position:fixed;top:-80px;left:15px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font:36px var(--serif);letter-spacing:-2px}.brand span{font-size:30px;margin-left:4px}.brand small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2.2px;margin-top:5px}nav{display:flex;gap:35px;font-size:12px}.nav-note{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:6px}.nav-note span{margin-left:18px}.hero{min-height:660px;height:calc(100svh - 94px);max-height:940px;position:relative;color:var(--paper);isolation:isolate;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-photo{object-position:50% 52%}.hero-shade{z-index:-1;background:linear-gradient(90deg,#231c1dc2,transparent 75%),linear-gradient(0deg,#271b2280,transparent 40%)}.hero-copy{padding:10% 7% 150px;max-width:850px}.hero h1{font-size:clamp(66px,7.5vw,115px);letter-spacing:-3px}.hero h1 em{color:#f3d0b7}.hero-copy>p:not(.eyebrow){margin:28px 0 34px;color:#f4e6da;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:17px 25px;background:var(--wine);color:var(--paper);border:1px solid var(--wine);font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#834454}.button.cream{background:var(--paper);color:var(--wine);border-color:var(--paper)}.hero-hand{position:absolute;right:7%;bottom:110px;font:30px var(--hand);transform:rotate(-8deg);text-shadow:0 1px 6px #000}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:2px;border-top:1px solid #ffffff55;padding-top:22px}.ribbon{padding:19px;text-align:center;background:#eddbd4;font:italic 20px var(--serif);display:flex;gap:40px;justify-content:center;flex-wrap:wrap}.ribbon span{font-size:14px;color:#a56a6e}.section{padding:110px 7%;max-width:1600px;margin:auto}.story{display:grid;grid-template-columns: .9fr 1.1fr;align-items:center;gap:10%}.story-photo{padding:15px 15px 18px;background:#fffdf7;box-shadow:0 12px 40px #57333b15;transform:rotate(-5deg);position:relative;margin:12px 20px}.story-photo img{height:420px;width:100%;object-fit:cover;object-position:61%}.story-photo p{font:25px var(--hand);text-align:center;padding:18px 0 0}.tape{position:absolute;width:105px;height:35px;left:35%;top:-18px;background:#dcc9a6aa;transform:rotate(7deg)}.photo-stamp{position:absolute;right:-35px;bottom:45px;border:1px solid #9d6776;border-radius:50%;width:95px;height:95px;background:var(--paper);text-align:center;padding:12px;font-size:9px;line-height:2;letter-spacing:2px;transform:rotate(16deg)}.story-copy>p:not(.eyebrow){color:var(--muted);margin-top:25px;max-width:520px}.story-sign{font:26px var(--hand);margin-top:26px;color:#a35b66}.milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.milestones span{display:block;font:26px var(--serif);color:#a35b66;margin-bottom:13px}.milestones strong{display:block;font-size:11px;font-weight:500}.milestones small{font-size:10px;color:var(--muted)}.moments{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.section-heading>p{color:var(--muted);font-size:12px}.album{display:grid;grid-template-columns:1fr 1fr .8fr;gap:35px;align-items:center}.polaroid{background:#fffdf8;border:0;padding:13px 13px 20px;box-shadow:0 8px 24px #542f3712;transform:rotate(-3deg);transition:transform .3s}.polaroid:hover{transform:rotate(0) translateY(-7px)}.polaroid:nth-child(even){transform:rotate(4deg)}.polaroid img{width:100%;height:320px;object-fit:cover;object-position:62%}.polaroid span{display:block;font:25px var(--hand);padding:18px 0 4px}.polaroid small{font-size:8px;letter-spacing:1.7px}.close-crop img{object-fit:cover;object-position:62%;width:100%;height:320px;clip-path:inset(0)}.album-note{text-align:center}.album-note>span{font:75px var(--serif);color:#aa6877}.album-note p{font:32px/1.3 var(--serif);margin:15px 0 28px}.album-note small{display:block;font-size:10px;color:var(--muted);margin-top:15px}.text-button{display:inline-block;border:0;border-bottom:1px solid #b58f92;background:transparent;padding:6px 0;color:var(--wine);font-size:12px;cursor:pointer}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.status{font-size:12px;min-height:1em;margin-top:15px}.film-section{position:relative;min-height:560px;display:flex;align-items:center;color:var(--paper);isolation:isolate}.film-image{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#321c29da,#321c2960),url('assets/sunset.jpg') center 55%/cover}.film-copy{padding:80px 9%}.film-copy h2{font-size:clamp(46px,5vw,76px)}.film-copy em{color:#e3b5ac}.play-film{background:none;border:0;color:inherit;text-align:left;padding:0;display:grid;grid-template-columns:55px 1fr;column-gap:17px;align-items:center;margin-top:30px}.play-film>span{border:1px solid #fff8;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;grid-row:span 2}.play-film small{font-size:8px;letter-spacing:2px}.video-label{display:block;margin-top:24px;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.center{text-align:center;max-width:700px;margin:0 auto 55px}.center>p:last-child{color:var(--muted);margin-top:22px}.games{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px;margin-top:50px}.game{padding:30px;border:1px solid var(--line);background:#f6ece4}.game .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:22px}.game h3{font-size:30px}.game>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:15px}.match-board{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:30px}.match-card{aspect-ratio:1;border:1px solid #c9979f;background:#ead0d0;border-radius:3px;font:29px var(--serif)}.match-card.flipped,.match-card.matched{background:#fffaf4}.match-card.matched{border-color:#849477;color:#587448}.game-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:20px}.game-footer .text-button{font-size:10px}.reward{color:var(--wine)!important}.date-game{background:#ead7d4;text-align:center}.date-card{min-height:218px;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-card>span{font-size:45px;color:#a45a68}.date-card p{font:italic 25px/1.3 var(--serif);margin:15px 0}.date-game .button{width:100%;gap:20px}.question-game{background:#f2edde}.question-card{min-height:225px}.question-card>span{font:80px var(--serif);height:65px;display:block;color:#a19373}.question-card p{font:italic 28px/1.3 var(--serif);padding-top:15px}.letters{padding-top:30px;padding-bottom:120px}.envelopes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.envelope{position:relative;min-height:260px;border:1px solid #d5b8b5;background:linear-gradient(155deg,transparent 49.7%,#c8a7a544 50%,transparent 50.5%),linear-gradient(205deg,transparent 49.7%,#c8a7a544 50%,transparent 50.5%),#efddd5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;box-shadow:0 8px 16px #542f3708;transition:transform .25s}.envelope:nth-child(2){background-color:#eee4d3;transform:rotate(-3deg)}.envelope:nth-child(3){background-color:#e8d7db;transform:rotate(2deg)}.envelope:hover{transform:translateY(-8px)}.seal{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--wine);color:var(--paper);font:26px var(--serif);box-shadow:0 0 0 3px #672d3b22;margin-bottom:20px}.envelope>span:not(.seal){font:22px/1.3 var(--serif)}.envelope small{font-size:8px;letter-spacing:1.3px;margin-top:22px}.finale{text-align:center;padding:90px 20px;background:var(--wine);color:var(--paper);position:relative;overflow:hidden}.finale:before,.finale:after{content:'♡';position:absolute;font:300px var(--serif);color:#ffffff09;top:20px;left:3%;transform:rotate(-20deg);pointer-events:none}.finale:after{left:auto;right:-20px;top:180px;transform:rotate(20deg)}.finale h2{font-size:clamp(49px,6vw,88px)}.finale em{color:#e6b6b4}.finale>p:not(.eyebrow){color:#e3c8ca;margin:25px 0 30px}.finale-hand{display:block;font:30px var(--hand);margin-top:35px;color:#e6b6b4}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:10px;color:var(--muted)}footer>a:last-child{font-size:11px;border-bottom:1px solid var(--line)}dialog{border:1px solid var(--line);padding:55px 45px;background:var(--paper);color:var(--ink);max-width:min(780px,92vw);width:680px;max-height:90svh;overflow:auto}dialog::backdrop{background:#291a24cc;backdrop-filter:blur(7px)}body:has(dialog[open]){overflow:hidden}.close-dialog{position:absolute;top:12px;right:18px;background:none;border:0;font-size:30px;z-index:2}.letter-body{text-align:center}.letter-body .seal{margin:0 auto 25px}.letter-body h2{font-size:46px}.letter-body p{margin:25px auto;max-width:500px;line-height:2}.letter-body .signature{font:30px var(--hand);color:#a35b66}.lightbox-image{max-height:65svh;object-fit:contain;margin:auto}.lightbox-caption{text-align:center;font:27px var(--hand);margin-top:18px}.cinema{position:relative;background:#251c20;overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center}.cinema img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:62%;opacity:.68;animation:ken-burns 20s ease-in-out forwards}.cinema p{position:relative;color:white;font:italic 36px/1.3 var(--serif);text-align:center;max-width:85%;text-shadow:0 2px 8px #000}.film-progress{width:100%;height:3px;accent-color:var(--wine);display:block;margin:16px 0}video{display:block;width:100%;max-height:65svh;background:#231d20}#confetti{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.heart-particle{position:absolute;top:100%;color:#d3919f;animation:float-heart 3s ease-out forwards;font-family:var(--serif)}@keyframes float-heart{to{transform:translateY(-105vh) rotate(40deg);opacity:0}}@keyframes ken-burns{from{transform:scale(1)}to{transform:scale(1.15)}}[hidden]{display:none!important}
@media(min-width:1400px){.hero-copy{padding-top:9%}}@media(max-width:1000px){.games{grid-template-columns:1fr 1fr}.question-game{grid-column:span 2}.question-card{min-height:130px}.album{gap:20px}.polaroid img,.close-crop img{height:260px}.story{gap:6%}.story-photo{margin:0}.story-photo img{height:350px}.milestones{gap:8px}.hero-hand{font-size:24px}.envelopes{gap:18px}}
@media(max-width:650px){header{height:78px;padding:0 6%}.brand{font-size:30px}nav{display:none}.nav-note{font-size:10px}.hero{height:calc(100svh - 78px);min-height:660px;max-height:900px}.hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(0deg,#271b22e6,transparent 85%),linear-gradient(90deg,#271b2240,transparent)}.hero-copy{position:absolute;bottom:110px;padding:0 7%}.hero h1{font-size:64px;letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;max-width:240px}.hero-copy>p:not(.eyebrow){font-size:12px;margin:22px 0}.hero-hand{display:none}.hero-bottom{font-size:7px;letter-spacing:1px;bottom:22px}.hero-bottom span:last-child{display:none}.ribbon{font-size:16px;gap:15px;padding:16px}.ribbon span:nth-of-type(n+2){display:none}.section{padding:70px 7%}.story{grid-template-columns:1fr;gap:55px}.story-photo{margin:10px 24px}.story-photo img{height:350px}.story-copy h2{font-size:45px}.eyebrow{font-size:8px;letter-spacing:1.6px}.story-sign{font-size:23px}.section-heading{display:block}.section-heading>p{margin-top:20px}.album{grid-template-columns:1fr 1fr;gap:15px}.polaroid{padding:8px 8px 17px}.polaroid img,.close-crop img{height:210px}.polaroid span{font-size:18px;line-height:1.3}.polaroid small{font-size:6px;letter-spacing:1px}.album-note{grid-column:span 2;padding:20px}.album-note>span{font-size:50px}.film-section{min-height:500px}.film-copy{padding:60px 7%}.film-image{background-position:62%}.games{grid-template-columns:1fr}.question-game{grid-column:auto}.game{padding:27px}.match-card{aspect-ratio:1.1}.question-card{min-height:180px}.center{margin-bottom:38px}.envelopes{grid-template-columns:1fr;gap:28px;margin:0 15px}.envelope{min-height:240px}.letters{padding-top:0}.finale{padding:75px 7%}.finale h2{font-size:51px}footer{flex-wrap:wrap;padding:30px 7%}footer p{font-size:9px}footer>a:last-child{width:100%;padding-top:10px}dialog{padding:50px 22px 30px}.letter-body h2{font-size:38px}.cinema p{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}