:root{font-family:DM Sans,sans-serif;color:#3e252a;background:#f8f1e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--wine:#793747;--wine-dark:#542633;--rose:#c68187;--cream:#f8f1e9;--paper:#fffaf4;--muted:#8b7470;--line:#e6d7cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Playfair Display,serif;font-size:21px;letter-spacing:.06em;text-decoration:none;color:var(--wine-dark)}.wordmark span{color:var(--rose);font-size:15px}.nav-note,.nav-link,.eyebrow,.signature,.scroll-cue,.chapter-label,.footer>span{font-size:10px;letter-spacing:.15em}.nav-note{color:var(--muted)}.nav-link{display:flex;gap:6px;align-items:center;text-decoration:none;color:var(--wine);letter-spacing:.02em;font-size:12px}.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative;padding-top:44px;padding-bottom:88px;gap:35px}.hero-copy{padding:30px 0 15px;position:relative;z-index:2}.eyebrow{font-weight:600;color:var(--wine);margin:0 0 24px}.tiny-heart{color:var(--rose);margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Playfair Display,serif;font-weight:400}h1{font-size:clamp(44px,5.6vw,73px);line-height:1.09;letter-spacing:-.045em;margin-bottom:25px;color:var(--wine-dark)}h1 em,h2 em{font-weight:400;color:var(--wine);font-style:italic}.intro{max-width:420px;color:#796460;font-size:15px;line-height:1.85;margin-bottom:28px}.primary-btn,.outline-btn{border:0;display:inline-flex;align-items:center;gap:14px;justify-content:center;padding:15px 21px;background:var(--wine);color:#fff8f2;border-radius:3px;cursor:pointer;font-size:12px;letter-spacing:.02em;transition:transform .2s,background .2s}.primary-btn:hover{transform:translateY(-2px);background:var(--wine-dark)}.signature{font-family:Playfair Display,serif;font-style:italic;color:var(--muted);letter-spacing:.02em;margin:24px 0 0;font-size:13px}.hero-art{height:440px;position:relative;display:flex;align-items:center;justify-content:center}.sun-shape{position:absolute;width:min(390px,90%);aspect-ratio:1;border-radius:50%;background:#eed9cf;right:2%;top:3%}.photo-frame{background:#fffaf6;padding:12px 12px 0;box-shadow:0 22px 55px #5e28301c;position:relative}.hero-frame{width:min(310px,76%);transform:rotate(3deg);z-index:1}.photo-placeholder{background:#ead5cd;color:var(--wine);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center}.hero-placeholder{height:320px;position:relative;padding:0;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#ead5cd;z-index:1}.hero-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;background:#ead5cd;color:var(--wine)}.photo-placeholder span{font-family:Playfair Display,serif;font-style:italic;font-size:18px}.photo-placeholder small{font-size:10px;color:#926a69}.hero-frame>p{text-align:center;font-family:Playfair Display,serif;font-style:italic;font-size:14px;color:#6d4247;padding:16px 0 18px;margin:0}.floating-stamp{position:absolute;z-index:2;right:0;bottom:48px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fffaf4;color:var(--wine);width:98px;height:98px;border-radius:50%;justify-content:center;box-shadow:0 10px 25px #5e283015;transform:rotate(9deg)}.floating-stamp span{font-size:8px;letter-spacing:.15em}.orbit-heart{position:absolute;color:#b76f7c}.heart-one{top:18%;left:8%;font-size:23px;transform:rotate(-15deg)}.heart-two{right:8%;top:24%;font-size:17px}.scroll-cue{position:absolute;bottom:30px;left:0;color:var(--muted);display:flex;gap:9px;align-items:center;font-size:9px}.intro-strip{background:#efe0d7;border-block:1px solid #e8d6cd}.strip-inner{min-height:155px;display:flex;align-items:center;justify-content:center;gap:25px;text-align:center}.strip-inner p{max-width:720px;margin:0;color:#74575a;font-family:Playfair Display,serif;font-size:clamp(19px,2.7vw,28px);line-height:1.55}.strip-inner em{color:var(--wine)}.strip-mark{font-family:Playfair Display,serif;font-size:66px;color:#c18a8a;line-height:1}.closing{align-self:flex-end;margin-bottom:25px}.section{padding-top:100px;padding-bottom:100px}.section-heading{text-align:center;max-width:640px;margin:0 auto 58px}.section-heading .eyebrow{margin-bottom:16px}.section-heading h2,.letter-copy h2,.final-inner h2{font-size:clamp(35px,4.5vw,53px);line-height:1.16;color:var(--wine-dark);margin-bottom:16px;letter-spacing:-.025em}.section-heading>p:last-child{font-size:13px;color:var(--muted);line-height:1.7}.timeline{max-width:790px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:50%;width:1px;background:#dfc8c0}.timeline-item{width:50%;position:relative;padding:0 42px 35px 0}.timeline-item.right{margin-left:50%;padding:0 0 35px 42px}.timeline-dot{position:absolute;right:-10px;top:12px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#f1ddd5;color:var(--wine);z-index:1}.timeline-item.right .timeline-dot{right:auto;left:-10px}.timeline-card{background:var(--paper);border:1px solid #eee0d7;padding:25px 27px;box-shadow:0 10px 25px #592e2707}.chapter-label{font-size:9px;color:#b17b7d;font-weight:700}.timeline-card h3{font-size:25px;color:var(--wine-dark);margin:11px 0}.timeline-card p{font-size:13px;line-height:1.8;color:#785f5c;margin-bottom:12px}.timeline-card small{font-size:11px;line-height:1.6;color:#a18b84;font-style:italic}.memories-section{background:#f1e5dc;border-block:1px solid #ead9d0}.memories-section .section{padding-top:90px;padding-bottom:95px}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.memory-card{border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:var(--wine-dark);min-width:0}.memory-image{padding:9px 9px 12px;background:#fffaf6;box-shadow:0 9px 20px #552b260b;position:relative;transform:rotate(-2deg);transition:transform .25s;min-height:230px}.memory-2 .memory-image{transform:rotate(2deg)}.memory-3 .memory-image{transform:rotate(-1deg)}.memory-4 .memory-image{transform:rotate(2.5deg)}.memory-card:hover .memory-image{transform:rotate(0) translateY(-5px)}.memory-image img,.memory-image video{width:100%;height:210px;object-fit:cover;position:relative;z-index:1;background:#ead5cd}.memory-image video{background:#000}.image-fallback{position:absolute;inset:9px 9px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#e9d2ca;color:#9e626d;font-size:10px;text-align:center}.memory-image img:not([src]),.memory-image img[src=""]{display:none}.photo-number{position:absolute;z-index:2;top:15px;left:15px;background:#fffaf4d9;color:var(--wine);padding:5px 7px;font-size:9px}.memory-caption{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 0;font-family:Playfair Display,serif;font-style:italic;font-size:15px}.letter-section{display:grid;grid-template-columns:.8fr 1.4fr .4fr;align-items:center;gap:35px;padding-top:110px;padding-bottom:110px}.letter-decoration{display:flex;flex-direction:column;align-items:center;gap:15px;color:#bd8589;transform:rotate(-9deg)}.letter-decoration span{font-family:Playfair Display,serif;font-size:18px;font-style:italic}.letter-copy .eyebrow{margin-bottom:15px}.letter-copy h2{margin-bottom:13px}.letter-preview{font-size:14px;color:var(--muted);line-height:1.8;max-width:480px}.outline-btn{background:transparent;border:1px solid #cba8a0;color:var(--wine);padding:13px 18px}.outline-btn:hover{background:#f0e1d8}.letter-seal{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:#a65366;background:#efdbd4;justify-self:center}.final-section{background:var(--wine-dark);color:#f8eee7;text-align:center;position:relative;overflow:hidden}.final-inner{padding-top:95px;padding-bottom:90px;position:relative;z-index:1}.final-inner:before,.final-inner:after{content:"♥";position:absolute;color:#75404b;font-size:150px;font-family:Playfair Display,serif;opacity:.38;z-index:-1}.final-inner:before{left:4%;top:22%}.final-inner:after{right:4%;bottom:10%;font-size:100px}.final-sparkle{color:#d6a6a4;display:inline-block;margin-bottom:25px}.final-inner .eyebrow{color:#d6a6a4;margin-bottom:18px}.final-inner h2{color:#fff5ed;font-size:clamp(45px,6vw,70px);margin-bottom:22px}.final-inner h2 em{color:#e0afb0}.final-inner>p:not(.eyebrow):not(.final-reveal){font-size:13px;color:#d7bfc0;margin-bottom:28px}.light-btn{background:#f8eee7;color:var(--wine-dark)}.light-btn:hover{background:#fffaf4}.final-reveal{max-width:500px;margin:25px auto 0;color:#f8e4df;font-family:Playfair Display,serif;font-style:italic;font-size:20px;line-height:1.7}.footer{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:11px;color:var(--muted);margin:0}.footer>span{font-size:8px;color:#a28b83}.modal-backdrop{position:fixed;inset:0;background:#29161bd9;z-index:10;display:grid;place-items:center;padding:22px;overflow-y:auto}.letter-modal{position:relative;background:#fff8f0;width:min(590px,100%);padding:clamp(28px,6vw,55px);box-shadow:0 25px 90px #0003;color:#64474a}.close-btn{position:absolute;right:18px;top:18px;border:0;background:transparent;color:inherit;cursor:pointer;padding:5px}.modal-kicker{font-size:9px;letter-spacing:.16em;color:#a76571}.letter-modal h2{font-size:38px;color:var(--wine-dark);margin:20px 0}.letter-modal>p:not(.edit-tip){font-family:Playfair Display,serif;font-size:16px;line-height:1.85;color:#765b5c}.letter-signoff{padding-top:7px}.letter-signoff em{color:var(--wine)}.edit-tip{margin:22px 0 0;padding-top:15px;border-top:1px solid #ead9d0;color:#a28a82;font-size:10px;line-height:1.6}.photo-backdrop{background:#211418f2}.photo-close{color:#fff;top:20px;right:20px}.photo-modal{width:min(750px,100%);text-align:center}.photo-modal img,.photo-modal video{max-width:100%;max-height:78vh;object-fit:contain;box-shadow:0 20px 60px #0004}.privacy-note{position:fixed;right:12px;bottom:10px;display:flex;align-items:center;gap:5px;background:#fffaf4e8;color:#8b7470;padding:7px 9px;border-radius:3px;font-size:9px;box-shadow:0 2px 10px #00000008;pointer-events:none}@media(max-width:760px){.shell{width:min(100% - 36px,560px)}.nav{height:65px}.nav-note{display:none}.nav-link{font-size:11px}.hero{grid-template-columns:1fr;gap:10px;padding-top:55px;padding-bottom:75px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(43px,12vw,62px)}.intro{font-size:14px}.hero-art{height:370px;grid-row:2}.hero-frame{width:250px}.hero-placeholder{height:265px}.sun-shape{width:310px;right:8%;top:2%}.floating-stamp{right:7%;bottom:28px;width:82px;height:82px}.scroll-cue{bottom:24px}.strip-inner{min-height:135px;gap:9px}.strip-mark{font-size:44px}.strip-inner p{font-size:19px}.section{padding-top:75px;padding-bottom:75px}.section-heading{margin-bottom:38px}.timeline:before{left:9px}.timeline-item,.timeline-item.right{width:100%;margin-left:0;padding:0 0 25px 35px}.timeline-dot,.timeline-item.right .timeline-dot{left:0;right:auto}.timeline-card{padding:22px}.timeline-card h3{font-size:23px}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.memory-image{min-height:190px}.memory-image img,.memory-image video,.image-fallback{height:175px}.letter-section{grid-template-columns:1fr auto;gap:20px;padding-top:75px;padding-bottom:75px}.letter-decoration{grid-column:2;grid-row:1;align-self:start}.letter-decoration span{font-size:14px}.letter-copy{grid-column:1 / -1;grid-row:1}.letter-copy h2{font-size:42px}.letter-seal{grid-column:2;grid-row:2;width:55px;height:55px}.final-inner{padding-top:75px;padding-bottom:70px}.final-inner:before{left:-15%;font-size:100px}.final-inner:after{right:-8%;font-size:80px}.footer{padding-top:20px;padding-bottom:20px;flex-wrap:wrap;justify-content:space-between}.footer p{order:3;width:100%;text-align:center}.footer>span{font-size:7px}.privacy-note{font-size:8px;right:7px;bottom:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.viewonce-frame{position:absolute;inset:9px 9px 12px;background:#0b141a;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:1}.viewonce-badge{width:46px;height:46px;border:2px solid #8696a0;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#e9edef}.viewonce-type{font-size:13px;color:#e9edef}.viewonce-label{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.14em;color:#8696a0}.photo-modal .viewonce-frame{position:relative;inset:auto;width:min(300px,100%);height:300px;margin:0 auto}.photo-modal p{color:#ead9d0;font-size:12px;margin-top:15px}.pass-gate{display:flex;flex-direction:column;align-items:center;gap:14px;color:#8696a0}.pass-title{font-family:Playfair Display,serif;font-style:italic;font-size:18px;color:#e9edef;margin:0}.pass-gate form{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pass-gate input{background:#111b21;border:1px solid #3b4a54;border-radius:6px;color:#e9edef;padding:11px 13px;font:inherit;font-size:13px;width:180px;outline:none}.pass-gate input:focus{border-color:#00a884}.pass-gate input::placeholder{color:#667781}.pass-btn{background:#00a884;padding:11px 18px;border-radius:6px}.pass-btn:hover{background:#029b7a}.pass-error{font-size:11px;color:#ff8787}