@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Marck+Script&family=Manrope:wght@400;500;600&display=swap');
:root{--paper:#f3eee4;--ink:#492c31;--rose:#83454f;--muted:#786f66;--line:#d5cbbd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope',sans-serif;font-size:14px}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23887766' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:6px}header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 6%;border-bottom:1px solid var(--line)}.monogram{font-family:'Marck Script',cursive;font-size:32px}.monogram span{font-family:Georgia;font-size:23px;margin-left:6px}.header-link{font-size:11px;letter-spacing:.03em}.header-link span{margin-left:22px}.intro{text-align:center;position:relative;padding:83px 20px 65px;overflow:hidden}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.2em;line-height:1.8;color:var(--muted)}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;margin:0;line-height:.98}h1{font-size:clamp(60px,7.8vw,112px);margin:26px auto;color:var(--ink);letter-spacing:-.045em}h1 em,h2 em,.ending em{font-weight:400;color:var(--rose)}.intro-copy{color:var(--muted);font-size:13px;line-height:1.9;margin-top:28px}.round-link{display:inline-flex;align-items:center;gap:20px;font-size:11px;margin-top:23px}.round-link b{font-size:20px;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-weight:400}.rose-mark{position:absolute;font-family:Georgia;font-size:230px;color:#976a6620;right:7%;top:80px;transform:rotate(-24deg);z-index:-1}.keepsake{max-width:1230px;margin:auto;padding:28px 45px 105px}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:10px;letter-spacing:.08em;color:var(--muted)}.section-label span:first-child{letter-spacing:.17em}.scene{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center;padding-top:40px}.photo-button{position:relative;border:0;background:#59341f;padding:0;display:block;box-shadow:0 20px 45px #3f2c2426;transform:rotate(-2deg);transition:transform .4s;width:100%}.photo-button:hover{transform:rotate(0)}.photo-button img{display:block;width:100%;height:auto}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;background:#29170dcc;color:#fcf1dc;display:flex;justify-content:space-between;font-size:10px}.beside{padding-right:10px}.note{position:relative;background:#e7d7b7;transform:rotate(5deg);padding:49px 30px 25px;box-shadow:2px 9px 17px #4c37261a;max-width:360px;margin:0 0 70px auto;border-radius:1px;background-image:linear-gradient(120deg,#fff1cd33,transparent 65%)}.paperclip{position:absolute;top:-25px;left:30px;width:23px;height:73px;border:3px solid #8f8b80;border-radius:15px;transform:rotate(-12deg);box-shadow:2px 1px 2px #0004,inset 1px 0 1px #fff}.paperclip:after{content:'';position:absolute;top:9px;left:3px;height:47px;width:10px;border:2px solid #a6a498;border-radius:10px}.handwritten{font-family:'Marck Script',cursive;font-size:35px;line-height:1.13;margin:0}.note-heart{display:block;text-align:right;font-size:29px;color:var(--rose);margin:10px 0}.note-bottom{font-size:9px;letter-spacing:.06em;color:#7b6856;border-top:1px solid #b6a58b;padding-top:13px;margin:0}.scene-copy h2{font-size:clamp(38px,4.1vw,60px);line-height:1.02;margin:20px 0}.scene-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9;font-size:13px;max-width:310px}.text-button{border:0;border-bottom:1px solid #a68b82;background:none;padding:15px 0 8px;font-size:11px}.text-button span{margin-left:42px}.music{background:#e8dfd1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:80px max(7%,calc((100vw - 1100px)/2));border-block:1px solid var(--line)}.music-art{position:relative;padding:18px;max-width:410px;width:100%;margin:auto}.record{aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#2a2927 0px,#2a2927 2px,#353430 3px,#252421 4px);display:grid;place-items:center;box-shadow:0 18px 35px #342c2b35;animation:spin 24s linear infinite;animation-play-state:paused}.playing .record{animation-play-state:running}.record-label{background:#a36b70;width:34%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:'Marck Script',cursive;font-size:23px;line-height:1.3;color:#f8e4d0;border:1px solid #d89b9b}.record-label span{font-family:Georgia;font-size:26px}.needle{position:absolute;right:0;top:10%;width:8px;height:55%;background:linear-gradient(90deg,#858078,#d4cabb,#8b847a);transform:rotate(22deg);transform-origin:top;border-radius:4px;box-shadow:3px 2px 6px #0004}.needle:after{content:'';position:absolute;bottom:-5px;left:-5px;width:18px;height:38px;background:#504742;border-radius:3px}.music h2{font-size:clamp(43px,4.5vw,66px);margin:20px 0}.music-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.play-button{margin:16px 0 18px;background:var(--ink);color:#fff4e5;border:0;padding:17px 24px;display:flex;gap:16px;align-items:center;font-size:11px;border-radius:2px}.play-button:hover{background:var(--rose)}audio{width:100%;max-width:350px;display:block;height:36px;accent-color:var(--rose)}.song-link{display:inline-block;font-size:10px;color:var(--muted);margin-top:13px;text-decoration:underline;text-underline-offset:4px}.audio-status{min-height:0;margin:8px 0 0!important}.ending{text-align:center;padding:85px 20px 60px}.ending>span{font-size:35px;color:var(--rose)}.ending>p{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(32px,4vw,53px);line-height:1.12;letter-spacing:-.025em;margin:25px 0}.ending small{color:var(--muted);font-size:10px}.ending>a{display:block;margin:35px auto 0;font-size:25px}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:23px 5%;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}dialog{width:min(760px,94vw);max-height:90dvh;background:#f5eddb;border:1px solid #c4b495;color:var(--ink);padding:55px 65px;box-shadow:0 20px 100px #251a2355}dialog::backdrop{background:#291d24bb;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close-dialog{position:sticky;top:0;float:right;margin:-35px -40px 0 0;width:38px;height:38px;border:1px solid var(--line);background:var(--paper);border-radius:50%;font-size:26px;z-index:2}.letter-text h2{font-family:'Marck Script',cursive;font-size:44px;margin:25px 0}.letter-text>p:not(.eyebrow){font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;line-height:1.5}.letter-text .signature{font-family:'Marck Script',cursive!important;color:var(--rose);margin-top:30px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){header{padding:20px 6%}.header-link{font-size:9px;max-width:170px;text-align:right}.intro{padding:54px 18px 48px}.intro .eyebrow{font-size:8px;letter-spacing:.12em}h1{font-size:62px}.intro-copy{font-size:12px}.rose-mark{right:-35px;font-size:210px}.keepsake{padding:20px 24px 60px}.section-label{font-size:8px;gap:12px}.scene{grid-template-columns:1fr;gap:50px;padding-top:30px}.photo-button{max-width:460px;margin:auto}.beside{padding:0;display:flex;flex-direction:column;align-items:center}.note{width:280px;margin:0 0 48px;padding:38px 26px 21px}.handwritten{font-size:31px}.scene-copy{align-self:flex-start;padding-left:10px}.scene-copy h2{font-size:46px}.scene-copy>p:not(.eyebrow){max-width:100%}.music{grid-template-columns:1fr;padding:48px 30px;gap:35px}.music-art{max-width:270px}.music h2{font-size:50px}.music-copy{max-width:400px;width:100%;margin:auto}.ending{padding:56px 20px 40px}.ending>p{font-size:35px}.ending small{font-size:9px}footer{font-size:8px;gap:25px;line-height:1.8}dialog{padding:40px 25px}.close-dialog{margin:-25px -10px 0 0}.letter-text>p:not(.eyebrow){font-size:22px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.ambient-toggle{position:fixed;right:22px;bottom:20px;z-index:6;background:#f8f1e7ed;border:1px solid #c7b6a2;border-radius:40px;padding:12px 18px;box-shadow:0 3px 18px #492c3112;font-size:10px;color:var(--ink);backdrop-filter:blur(10px)}.ambient-toggle>span:first-child{font-size:16px;color:var(--rose);margin-right:6px}.ambient-toggle[aria-pressed=true]{border-color:var(--rose)}@media(max-width:700px){.ambient-toggle{right:12px;bottom:12px;padding:10px 14px}footer{padding-bottom:70px}}
.beating-heart{width:66px;margin:28px auto 20px;animation:heartbeat 1.5s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 5px 12px #a84d5526)}.beating-heart svg{display:block;width:100%;height:auto;fill:#a24e5b}.beating-heart+h1{margin-top:20px}@keyframes heartbeat{0%,40%,100%{transform:scale(1)}12%{transform:scale(1.13)}23%{transform:scale(1.02)}31%{transform:scale(1.09)}}@media(prefers-reduced-motion:reduce){.beating-heart{animation:none}}