:root{--paper:#f9f3ed;--ink:#403e34;--muted:#817c71;--rose:#aa485d;--pink:#efd5d6;--line:#dfd7cc;--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",sans-serif;--hand:"Caveat",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--rose);outline-offset:6px}button{border:0}header{height:100px;margin:0 5.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:36px var(--serif);display:flex;align-items:center;gap:5px}.brand>span{color:var(--rose);font-size:31px}.brand small{font:8px var(--sans);letter-spacing:2px;max-width:95px;line-height:1.7;margin-left:14px}nav{display:flex;gap:33px;font-size:11px}nav a{padding:12px 0}nav a:hover{color:var(--rose)}.music-toggle{background:transparent;display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:11px 16px;border-radius:30px;font-size:10px}.equalizer{height:15px;display:flex;align-items:center;gap:2px}.equalizer i{width:2px;height:8px;background:var(--rose)}.equalizer i:nth-child(2){height:14px}.equalizer i:nth-child(3){height:11px}.music-toggle[aria-expanded=true] .equalizer i{animation:equalize .8s infinite alternate}.equalizer i:nth-child(2){animation-delay:.2s!important}.equalizer i:nth-child(3){animation-delay:.4s!important}.hero{min-height:730px;max-width:1600px;margin:auto;padding:80px 7% 100px;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;line-height:1.8;color:var(--rose)}.hero .eyebrow{display:flex;align-items:center;gap:12px}.little-line{display:inline-block;width:23px;height:1px;background:var(--rose)}h1{font:clamp(45px,4.5vw,73px)/1.12 var(--serif);letter-spacing:-2px;margin:27px 0 24px;position:relative}h1 em,h2 em{color:var(--rose);font-weight:400}h1 em{font-size:1.16em}.heading-star{position:absolute;color:#b8a167;font-size:36px;right:18%;bottom:6px}.hero-copy>p{color:var(--muted);line-height:1.9;font-size:12px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 25px;border-radius:40px;font-size:11px;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-4px);background:#5b5b44}.dark{background:#454938;color:#fffaf2}.hero .pill{margin-top:22px}.pill>span{font-size:19px;line-height:1}.hero-note{display:flex;align-items:center;gap:8px;font:19px var(--hand);color:#8e897a;margin-top:23px}.hero-note>span{color:var(--rose)}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:490px}.anniversary-card{width:335px;height:431px;padding:14px;background:#f0d4d5;transform:rotate(-5deg);box-shadow:12px 24px 45px #6e483c18,2px 2px 5px #6e483c0d;position:relative;z-index:2;transition:transform .4s;animation:card-arrive 1.3s both}.card-border{border:1px solid #b86c7a70;height:100%;padding:20px;text-align:center}.card-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#92505c}.heart-art{position:relative;height:130px;margin-top:7px}.heart-shape{position:absolute;background:#ac435d;transform:rotate(-45deg);border-radius:4px;box-shadow:-5px 7px 14px #8d33442b}.heart-shape:before,.heart-shape:after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:50%}.heart-shape:before{top:-50%;left:0}.heart-shape:after{top:0;left:50%}.big-heart{width:69px;height:69px;left:77px;top:48px;animation:heartbeat 3s ease-in-out infinite}.small-heart{width:42px;height:42px;left:151px;top:73px;background:#cd8191;transform:rotate(-28deg)}.heart-art i{position:absolute;color:#a78542;top:23px;right:52px;font-style:normal;font-size:30px}.card-title{font:46px/1.02 var(--serif);color:#84394c}.card-title em{font-size:55px}.card-rule{height:1px;width:50px;background:#b56c7d;margin:17px auto 12px}.card-border>p{font-size:7px;letter-spacing:1.7px;line-height:1.8;color:#92505c}.card-open{background:transparent;font-size:9px;margin-top:7px;border-bottom:1px solid #b56c7d;padding:6px 0}.card-open span{padding-left:8px}.handwritten{font-family:var(--hand);font-size:24px;font-weight:400}.art-note{position:absolute;top:-12px;left:60px;color:var(--rose);transform:rotate(-8deg);z-index:3}.art-note>span{display:block;text-align:right;font-size:44px;margin-top:-14px;margin-right:-25px}.orbit{position:absolute;border:1px solid #d9c9b7;border-radius:50%;width:480px;height:390px;transform:rotate(-35deg)}.orbit-two{width:415px;height:475px;transform:rotate(-30deg);opacity:.45}.art-spark{position:absolute;color:#b19b65;font-size:39px;z-index:3}.art-spark.one{left:3%;bottom:50px}.art-spark.two{right:0;top:25px;font-size:38px}.round-stamp{position:absolute;right:-3px;bottom:53px;z-index:3;width:99px;height:99px;border:1px solid #85866b;outline:1px dashed #85866b;outline-offset:-7px;border-radius:50%;background:#eeeede;color:#686c51;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;transform:rotate(13deg)}.round-stamp strong{font-size:10px;letter-spacing:1px}.art-bottom{position:absolute;bottom:-13px;left:83px;font-size:22px;transform:rotate(-4deg);color:#8c8574}.scroll-hint{position:absolute;bottom:34px;left:7%;font-size:8px;letter-spacing:1.7px;display:flex;align-items:center;gap:15px}.scroll-hint span{font-size:19px;animation:bob 2s infinite}.hero-edge{position:absolute;right:6%;bottom:41px;font-size:8px;letter-spacing:1.4px;color:#a19a8e}.ticker{background:#ede7d9;border-block:1px solid #dfd5c5;padding:17px 0;overflow:hidden;color:#77715e}.ticker>div{white-space:nowrap;width:max-content;animation:marquee 45s linear infinite;font-size:10px;letter-spacing:2px;text-transform:uppercase}.ticker span{color:var(--rose);padding:0 38px}.section{padding:105px 7%;max-width:1600px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px;gap:30px}h2{font:clamp(37px,3.8vw,57px)/1.13 var(--serif);letter-spacing:-1px;font-weight:400;margin:15px 0}h3{font-family:var(--serif);font-weight:400}.section-heading>p,.letter-intro>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted)}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:33px}.chapter{border-top:1px solid #cec5b5;padding:29px 10px 0 0;position:relative}.chapter-number{font:45px var(--serif);color:#d7cfc0}.chapter-symbol{float:right;font-size:41px;color:#ac7f82}.chapter .eyebrow{margin-top:28px;font-size:8px}.chapter h3{font-size:29px;margin:13px 0}.chapter>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);max-width:310px}.chapter>.handwritten{display:block;margin-top:22px;color:var(--rose);font-size:22px}.memories{background:#f0e9df;max-width:none}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:15px 0}.memory{margin:0;padding:10px 10px 17px;background:#fffaf3;box-shadow:0 9px 20px #6555450d;transform:rotate(-3deg);transition:transform .5s}.memory-2{transform:rotate(3deg);margin-top:29px}.memory-3{transform:rotate(-2deg)}.memory-4{transform:rotate(4deg);margin-top:29px}.memory:hover{transform:rotate(0) translateY(-9px)}.memory-image{width:100%;aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;gap:28px;padding:0}.memory-image:after{content:"";position:absolute;inset:12px;border:1px solid #ffffff50;pointer-events:none}.memory-image small{font-size:7px;letter-spacing:1.3px;padding:0 8px}.memory-illustration{font-family:Georgia,serif;font-size:110px;font-weight:400;line-height:1}.art-sun{background:#e6c8a3;color:#956542}.art-hearts{background:#e7c7ca;color:#b36579}.art-moon{background:#a8ada2;color:#f5edd2}.art-flower{background:#d9cfaf;color:#948352}.memory-image img,.memory-image video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.memory figcaption{font:23px var(--hand);padding:14px 5px 0}.memory figcaption small{font:8px var(--sans);display:block;color:var(--muted);margin-top:7px}.video-play{position:absolute;inset:0;display:grid;place-items:center;margin:auto;background:#fff7e82e;border:1px solid #fff9;width:43px;height:43px;border-radius:50%;font-size:23px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.memory-foot{text-align:center;color:#9a8575;margin:37px 0 0}.reasons{text-align:center}.muted{color:var(--muted);font-size:12px}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:42px}.reason-card{height:285px;background:transparent;position:relative;perspective:1000px;padding:0}.reason-front,.reason-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #d9cdbd;border-radius:110px 110px 8px 8px;background:#f2eade;backface-visibility:hidden;transition:transform .8s cubic-bezier(.2,.7,.2,1);font-size:9px;letter-spacing:1px}.reason-card:nth-child(2) .reason-front{background:#efd9d8;border-color:#e0c3c4}.reason-card:nth-child(3) .reason-front{background:#e5e6d9;border-color:#d4d6c4}.reason-front>span{font-size:53px;line-height:1;margin-bottom:20px;color:var(--rose)}.reason-front em{font:26px var(--hand);letter-spacing:0;margin:14px 0 25px}.reason-front small{font-size:7px;letter-spacing:1.3px;color:var(--muted)}.reason-back{transform:rotateY(180deg);padding:35px;font:24px/1.5 var(--serif);letter-spacing:0;background:#ead1d2;color:#813e50}.reason-back i{font-size:32px;margin-top:12px}.flipped .reason-front{transform:rotateY(-180deg)}.flipped .reason-back{transform:rotateY(0)}.letter-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding-top:45px;padding-bottom:120px;align-items:center}.letter-intro .handwritten{display:block;color:var(--rose);margin-top:27px;transform:rotate(-7deg)}.letter-paper{background:#fffaf3;border:1px solid #e5dbcd;box-shadow:7px 12px #eae1d4;padding:36px 45px 40px;position:relative;transform:rotate(1deg)}.paper-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#9b8b7a;border-bottom:1px solid #e7ddd1;padding-bottom:22px}.letter-paper h3{font:37px var(--hand);color:var(--rose);margin:26px 0 20px}.letter-paper>p{font-size:12px;line-height:2;color:#7c7367}.letter-paper .letter-emphasis{color:var(--rose);font-weight:500}.signature{color:var(--rose);font-size:28px;margin-top:23px}.paper-flower{position:absolute;right:35px;bottom:31px;font-size:48px;color:#b09763}.finale{position:relative;overflow:hidden;text-align:center;background:#eed8d8;padding:100px 20px 85px}.finale h2{font-size:clamp(42px,5vw,72px);position:relative}.finale>p:not(.eyebrow){font-size:12px;color:#8a6c6f;position:relative}.finale .pill{margin-top:24px;position:relative}.finale-note{display:block;color:#a3747d;margin-top:26px;position:relative}.finale-orbit{width:820px;height:470px;border:1px solid #bc8a8f33;position:absolute;left:50%;top:20%;transform:translate(-50%) rotate(-18deg);border-radius:50%;pointer-events:none}.finale-orbit:after{content:"";position:absolute;inset:-25px 40px;border:1px solid #bc8a8f26;border-radius:50%;transform:rotate(30deg)}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 7%;gap:20px}footer p{font:20px var(--hand);color:#918576}footer>span{font-size:7px;letter-spacing:1.3px;color:#918576}.scroll-progress{height:3px;position:fixed;left:0;right:0;top:0;background:var(--rose);z-index:30;transform-origin:left;transform:scaleX(0)}.reveal{opacity:0;translate:0 24px;transition:opacity .8s,translate .8s}.reveal.visible{opacity:1;translate:0 0}.chapters>:nth-child(2),.reason-grid>:nth-child(2){transition-delay:.12s}.chapters>:nth-child(3),.reason-grid>:nth-child(3){transition-delay:.24s}#particles{position:fixed;inset:0;pointer-events:none;z-index:100}.particle{position:absolute;animation:burst 1.9s ease-out forwards}.music-panel{position:fixed;top:90px;right:5%;width:360px;padding:25px;background:#fffaf3;box-shadow:0 15px 70px #403e3433;border:1px solid var(--line);z-index:35;border-radius:12px;animation:fade-in .3s}.music-heading{display:flex;justify-content:space-between;align-items:start}.music-heading h3{font-size:28px;margin:5px 0}.music-heading p{font-size:11px}.music-heading .eyebrow{font-size:8px}.icon-button{font-size:25px;background:transparent;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.icon-button:hover{background:#eadbd2}#music-player iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:5px;margin-top:15px}.music-help,.music-panel>a{font-size:10px;color:var(--muted)}.music-panel>a{text-decoration:underline}.music-panel[hidden]{display:none}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:45px;max-width:calc(100vw - 32px);max-height:90svh;overflow:auto;border-radius:8px;box-shadow:0 25px 100px #201b2733}dialog::backdrop{background:#36283270;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .5s ease both}.dialog-close{position:absolute;right:12px;top:12px}#card-dialog{text-align:center;width:540px;background:#f4e2df}#card-dialog h2{font-size:42px}#card-dialog p:not(.eyebrow){line-height:1.8}.dialog-heart{display:block;font-size:72px;color:var(--rose);animation:heartbeat 2s infinite}#card-dialog .handwritten{color:var(--rose)}#memory-dialog{padding:40px 16px 16px;max-width:90vw}#memory-content img,#memory-content video{max-width:100%;max-height:75vh;display:block;margin:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:16px 25px;border-radius:30px;background:#454938;color:#fffaf2;font-size:12px;box-shadow:0 5px 25px #403e3422;z-index:110;opacity:0;transition:.3s;pointer-events:none;width:max-content;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}@keyframes heartbeat{50%{scale:1.045}}@keyframes card-arrive{0%{opacity:0;translate:0 40px;rotate:6deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes bob{50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes equalize{to{height:4px}}@keyframes burst{0%{opacity:0;transform:scale(.3)}15%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.5)}}@keyframes fade-in{0%{opacity:0;translate:0 -10px}}@keyframes dialog-in{0%{opacity:0;transform:translateY(25px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1600px){.memories{padding-inline:calc((100% - 1376px)/2)}}@media(max-width:1100px){header{margin-inline:4%}nav{gap:20px}.hero{padding-inline:5%;gap:25px}.anniversary-card{width:300px;height:410px}.card-border{padding:17px}.heart-art{height:120px}.big-heart{left:62px}.small-heart{left:133px}.card-title{font-size:43px}.orbit{width:370px;height:370px}.orbit-two{width:350px;height:410px}.round-stamp{right:-8px;bottom:56px;width:83px;height:83px}.hero-art{min-height:460px}.art-note{left:22px}.art-bottom{left:40px}.section{padding-inline:5%}.memory-grid{gap:18px}.memory figcaption{font-size:20px}.heading-star{right:9%}.letter-section{gap:5%}.letter-paper{padding:30px}.paper-flower{font-size:35px;right:20px}}@media(max-width:900px){header{height:80px}nav{display:none}.brand small{font-size:7px;max-width:85px}.music-toggle{padding:10px;font-size:9px;gap:7px}.hero{grid-template-columns:1fr;padding:53px 7% 83px;gap:58px;overflow:hidden}.hero-copy{max-width:520px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:clamp(40px,8.3vw,62px);letter-spacing:-1.5px}.heading-star{right:8%}.hero-copy>p{font-size:12px}.hero-copy>p br{display:none}.hero-art{width:100%;max-width:430px;justify-self:center}.anniversary-card{width:300px;height:410px}.art-note{top:-20px;left:25px}.round-stamp{right:10px}.art-spark.two{right:13px}.art-spark.one{left:10px}.art-bottom{bottom:-10px}.hero-edge{display:none}.scroll-hint{bottom:23px}.section{padding:70px 7%}.section-heading{align-items:start;flex-direction:column;gap:7px;margin-bottom:33px}.section-heading>p{margin-top:0}.chapters{grid-template-columns:1fr;gap:35px}.chapter{padding-top:20px}.chapter .eyebrow{margin-top:10px}.chapter>p:not(.eyebrow){max-width:100%}.chapter>.handwritten{margin-top:14px}.chapter-number{font-size:38px}.chapter-symbol{font-size:35px}.memory-grid{grid-template-columns:1fr 1fr;gap:23px 17px}.memory{padding:7px 7px 14px}.memory-illustration{font-size:76px}.memory-image{gap:20px}.memory-image small{font-size:6px}.memory figcaption{font-size:21px;line-height:1.1}.memory figcaption small{font-size:7px;line-height:1.6}.memory-foot{font-size:22px}.reason-grid{gap:14px;grid-template-columns:1fr}.reason-card{height:245px;max-width:390px;width:100%;margin:auto}.reason-front,.reason-back{border-radius:90px 90px 8px 8px}.reason-front>span{font-size:44px;margin-bottom:12px}.reason-front em{font-size:28px;margin:12px 0 18px}.letter-section{grid-template-columns:1fr;gap:35px;padding-top:20px}.letter-paper{padding:27px 25px;transform:rotate(.6deg)}.letter-intro .handwritten{margin-top:18px}.letter-paper>p{font-size:12px}.signature{font-size:25px}.paper-flower{font-size:27px;bottom:28px;right:14px}.finale{padding:75px 20px}.finale h2{font-size:43px}footer{flex-wrap:wrap;justify-content:center;gap:12px;padding:25px 5%}footer .brand{font-size:30px}footer p{font-size:18px}footer>span{width:100%;text-align:center}.music-panel{right:4%;width:92%;max-width:360px;top:76px}#card-dialog{padding:42px 23px 30px}#card-dialog h2{font-size:34px}.hero-note{font-size:19px}.ticker{padding:13px 0}.ticker>div{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;translate:none}}.hero h1 em{font-size:.95em}.hero .heading-star{right:0;bottom:0}.sweet-names{background:#f0e9df;max-width:none}.name-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.name-card{border:1px solid #ded0c2;padding:30px;background:#faf4ea;min-width:0}.name-card:nth-child(2n){background:#f1dfdc}.name-card:nth-child(3n){background:#e8e7db}.name-number{font-size:9px;letter-spacing:2px;color:#9a8976}.name-card h3{font:clamp(28px,3vw,43px)/1.5 var(--serif);color:var(--rose);margin:15px 0 3px;overflow-wrap:anywhere}.name-meaning{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#8a7565}.name-card p{font-size:13px;line-height:1.9;margin-top:24px;color:#7c7065}.names-foot{text-align:center;color:var(--rose);margin-top:35px}.pocket-section{padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.pocket-card{text-align:center;border:1px solid #dbccbd;background:#f1e8dc;padding:38px;box-shadow:8px 8px #e6daca}.pocket-label{font-size:8px;letter-spacing:1.6px;color:var(--rose)}#little-note{font:26px/1.6 var(--serif);min-height:170px;display:flex;align-items:center;justify-content:center}#note-count{display:block;margin-top:18px;font-size:9px;letter-spacing:2px;color:var(--muted)}.soundtrack-note{font:22px/1.6 var(--serif);color:var(--rose)}.reason-back{font-size:22px}.letter-paper{transform:none}.hero-note{line-height:1.7}@media(max-width:900px){.name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.name-card{padding:23px}.pocket-section{grid-template-columns:1fr;gap:25px}.pocket-card{padding:28px}.reason-back{font-size:21px}}@media(max-width:480px){.name-grid{grid-template-columns:1fr}.name-card h3{font-size:36px}.name-card{padding:25px}.hero h1 em{font-size:.9em}.hero .heading-star{display:none}#little-note{font-size:23px;min-height:215px}.signature{padding-right:28px}}.background-music-toggle{position:fixed;right:20px;bottom:20px;z-index:25;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:30px;padding:13px 18px;background:#fffaf3ed;box-shadow:0 5px 20px #403e3412;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.background-music-toggle[hidden]{display:none}.background-music-toggle[aria-pressed=true] .equalizer i{animation:equalize .8s infinite alternate}#toast{bottom:80px}