@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Gaegu:wght@400;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#fff7f8;--pink:#f9e1e8;--rose:#ba4169;--rose-dark:#943657;--ink:#54343f;--muted:#86626d;--line:#efd1dc;--serif:'Lora',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--hand:'Gaegu',cursive;color-scheme:light}
*{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:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--rose);outline-offset:6px}button{touch-action:manipulation}.wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:-.7px;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-heart{display:inline-block;font-size:30px;color:#cf6c8c;transform:rotate(-13deg)}.wordmark-dot{margin-left:-9px;color:var(--rose)}.header-right{display:flex;gap:30px;align-items:center}.handmade{font-family:var(--hand);font-size:21px;color:var(--muted)}.motion-toggle{border:1px solid #ead0d9;border-radius:30px;display:flex;gap:8px;align-items:center;padding:8px 15px;background:transparent;font-size:13px;color:#865569}.hero{display:grid;grid-template-columns:1.02fr 1fr;min-height:646px;align-items:center;gap:30px;padding-block:53px 63px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:#9f6179;display:block}.eyebrow>span{font-size:20px;margin-right:7px;vertical-align:-1px}h1,h2,h3,p{margin:0}h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,5.6vw,80px);letter-spacing:-3px;line-height:1.13;margin:20px 0 23px;position:relative}h1 em,h2 em{font-weight:400;color:var(--rose)}.title-heart{display:inline-block;font-family:var(--hand);font-size:65px;vertical-align:8px;margin-left:12px;transform:rotate(12deg);color:#d685a0}.hero-description{color:#805d69;font-size:16px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:21px;margin-top:29px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;border-radius:30px;min-height:52px;padding:11px 23px;font-size:14px;font-weight:600;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 15px #b7476c1c}.button.primary{background:var(--rose);color:white;box-shadow:0 4px 0 #a8355b}.button.primary:hover{background:var(--rose-dark)}.button.primary>span:first-child{font-size:23px;line-height:1}.text-button{border:0;background:none;padding:10px 0;font-size:13px;color:#875569;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#d8aab9}.text-button span{margin-left:5px}.small-note{font-size:12px;color:#916e7a;margin-top:23px}.small-note span{color:#c8879f;margin-right:6px}.hero-visual{min-height:475px;position:relative;display:flex;align-items:center;justify-content:center}.art-holder{position:relative;width:112%;flex-shrink:0;aspect-ratio:1.5;z-index:1}.hero-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 18px #c7758b08);animation:float 7s ease-in-out infinite}.floating-note{font-family:var(--hand);font-size:23px;position:absolute;z-index:2;color:#a36279}.top-note{top:3px;left:21%;transform:rotate(-7deg)}.bottom-note{bottom:5px;right:18%;transform:rotate(5deg)}.floating-heart{position:absolute;color:#d98eaa;font-family:var(--serif);animation:float 6s ease-in-out infinite}.heart-one{top:67px;right:8%;font-size:35px;transform:rotate(16deg)}.heart-two{bottom:67px;left:9%;font-size:16px;animation-delay:-2s}.heart-three{top:92px;left:5%;font-size:28px;animation-delay:-4s}.love-ribbon{display:flex;align-items:center;justify-content:center;gap:35px;overflow:hidden;white-space:nowrap;border-top:1px solid #edcad6;border-bottom:1px solid #edcad6;background:#fbe8ee;padding:16px 0;color:#a56a80;font-family:var(--hand);font-size:22px}.love-ribbon span:nth-child(even){font-family:var(--sans);font-size:19px;color:#c17491}.letter-section{padding-block:100px 95px;display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.section-intro h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.3vw,45px);line-height:1.4;letter-spacing:-1.3px;margin:19px 0}.section-intro>p{font-size:15px;color:var(--muted);line-height:1.8}.big-heart{font-family:var(--hand);font-size:82px;color:#d59ab0;display:block;margin:16px 0 0 35px;transform:rotate(-14deg);line-height:1}.letter-paper{background:#fffdfc;padding:43px 46px 32px;box-shadow:0 9px 35px #9761750c,0 2px 5px #97617508;position:relative;border:1px solid #f3e0e5;transform:rotate(1.4deg)}.paper-tape{position:absolute;top:-15px;left:calc(50% - 48px);height:30px;width:96px;transform:rotate(-5deg);background:repeating-linear-gradient(90deg,#efd1de99 0 1px,#f2d4e080 1px 5px);clip-path:polygon(3% 0,98% 0,96% 19%,100% 36%,97% 50%,100% 65%,97% 81%,100% 100%,0 100%,3% 82%,0 64%,3% 47%,0 26%)}.letter-date{display:flex;justify-content:space-between;gap:12px;color:#af7c8f;font-size:10px;letter-spacing:1.8px;margin-bottom:23px}.letter-date span{font-size:25px;line-height:.8}.letter-paper h3{font-family:var(--hand);font-weight:400;font-size:33px;color:var(--rose);line-height:1.25;margin-bottom:19px}.letter-paper p{font-size:14px;line-height:1.85;margin-bottom:16px;color:#836371}.letter-paper .letter-last{color:#92516b}.letter-paper .signature{font-family:var(--hand);font-size:24px;line-height:1.2;color:#aa5577;margin:26px 0 0}.signature span{font-size:27px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#fffdfc;border:1px solid #eac6d5;box-shadow:0 6px 25px #7c345124;border-radius:22px;padding:15px 25px;color:#994963;text-align:center;max-width:calc(100% - 32px);width:max-content;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:10;font-size:15px}.toast.visible{opacity:1;transform:translate(-50%,0)}.heart-confetti{position:fixed;inset:0;pointer-events:none;z-index:9;overflow:hidden}.confetti-heart{position:absolute;color:var(--rose);font-size:23px;animation:heart-rise 2.6s ease-out forwards}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.paused .hero-art{transform:none}.paused .confetti-heart{display:none}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes heart-rise{0%{opacity:0;transform:translate(0,25px) rotate(0)}15%{opacity:.8}100%{opacity:0;transform:translate(var(--drift),-260px) rotate(var(--rotation))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.confetti-heart{display:none}}@media(min-width:1400px){.hero{min-height:680px}.hero-visual{min-height:500px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:5px;min-height:610px}.hero-visual{min-height:420px}.hero-actions{gap:8px}.letter-section{gap:42px}.letter-paper{padding:36px 30px}.handmade{display:none}.title-heart{font-size:45px}.eyebrow{font-size:10px;letter-spacing:1.5px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.site-header{min-height:82px}.wordmark{font-size:20px}.brand-heart{font-size:25px}.motion-toggle{font-size:12px;padding:7px 10px}.motion-label{font-size:11px}.hero{grid-template-columns:1fr;text-align:center;padding:42px 0 35px;gap:10px}.eyebrow{font-size:10px;letter-spacing:1.6px}h1{font-size:58px;letter-spacing:-2px;line-height:1.13;margin:19px 0}.title-heart{font-size:46px;vertical-align:5px;margin-left:7px}.hero-description{font-size:15px;line-height:1.85}.hero-actions{justify-content:center;gap:7px 17px;margin-top:25px}.button{font-size:13px;padding:10px 20px;min-height:50px}.text-button{font-size:12px}.small-note{font-size:11px;margin-top:16px}.hero-visual{min-height:300px;margin-top:20px}.art-holder{width:100%;max-width:490px}.top-note{top:0;left:18%;font-size:21px}.bottom-note{bottom:0;right:12%;font-size:21px}.heart-one{top:28px;right:4%}.heart-three{top:55px;left:4%}.heart-two{bottom:44px;left:6%}.love-ribbon{font-size:20px;gap:25px;padding:12px 0}.letter-section{grid-template-columns:1fr;padding:61px 0;gap:31px}.section-intro{text-align:center}.section-intro h2{font-size:35px;line-height:1.35;letter-spacing:-1px}.section-intro>p{font-size:14px}.big-heart{display:none}.letter-paper{padding:34px 27px 30px;transform:rotate(.6deg);margin-inline:5px}.letter-paper p{font-size:14px}.letter-paper h3{font-size:31px}.letter-date{font-size:9px}.desktop-break{display:none}.toast{font-size:14px;padding:13px 20px}}@media(max-width:370px){.wrap{width:calc(100% - 30px)}h1{font-size:50px}.motion-label{max-width:65px;line-height:1.3}.hero-actions{flex-direction:column}.hero-visual{min-height:275px}.letter-paper{padding:30px 21px}}