:root{--paper:#f7f1e7;--ink:#432c2e;--wine:#813b49;--muted:#826f68;--line:#ded3c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b87548;outline-offset:6px}.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header,main,footer{max-width:1240px;margin:auto}header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 12px}.brand{font-family:Georgia,serif;font-style:italic;font-size:44px}.brand span{font-size:22px;margin-left:3px}.header-note,.eyebrow,.art-caption,.divider,.letter-top,.card-number{font-size:10px;letter-spacing:2px;font-weight:500}.nav-link{font-size:13px;border-bottom:1px solid var(--ink);padding:7px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:690px;padding:65px 12px 75px;gap:20px}.eyebrow{color:var(--wine);line-height:1.8}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--wine);margin:0 8px 1px 0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(66px,6.7vw,92px);letter-spacing:-5px;line-height:1.05;margin:27px 0}em{font-weight:400;color:var(--wine)}.period{color:var(--wine)}.intro{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 28px}.button{display:inline-flex;align-items:center;gap:28px;justify-content:center;padding:18px 23px;background:var(--wine);color:#fff7ee;border:1px solid var(--wine);border-radius:3px;font-size:12px;transition:transform .2s,background .2s}.button:hover{background:#632836;transform:translateY(-3px)}.button span{font-size:19px}.tiny-note{font-size:10px;color:var(--muted);margin-top:15px}.art{height:520px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:440px;height:440px;border:1px solid #e6dacf;border-radius:50%;transform:rotate(-22deg)}.orbit-two{width:485px;height:360px;border-style:dashed;opacity:.7}.spark{position:absolute;color:#a76b50;font-family:Georgia,serif}.spark-one{top:60px;right:45px;font-size:47px}.spark-two{bottom:95px;left:4px;font-size:29px}.handwritten{position:absolute;font-family:Georgia,serif;font-size:17px;font-style:italic;color:#977567}.top-note{top:25px;left:22px;transform:rotate(-8deg)}.bottom-note{bottom:64px;right:9px;transform:rotate(-7deg)}.letter-scene{position:relative;width:340px;height:310px;transform:rotate(-9deg);animation:float 7s ease-in-out infinite}.peek-letter{position:absolute;left:26px;top:-14px;width:288px;height:276px;background:#fffcf5;box-shadow:0 2px 22px #6642290c;padding:29px 27px;transform:rotate(5deg);border:1px solid #e9ddce}.peek-letter>span:first-child{font-size:12px;font-family:Georgia,serif;font-style:italic;color:var(--muted)}.peek-letter p{font-family:Georgia,serif;font-size:25px;font-style:italic;line-height:1.35;color:var(--wine);margin:22px 0}.letter-heart{font-size:32px;color:var(--wine)}.envelope{position:absolute;bottom:0;width:340px;height:198px;background:#d1a08d;box-shadow:5px 22px 38px #67452f20;border-radius:3px;overflow:hidden}.envelope:before,.envelope:after{content:'';position:absolute;inset:0;clip-path:polygon(0 0,55% 63%,0 100%);background:#dfb9a5}.envelope:after{clip-path:polygon(100% 0,45% 63%,100% 100%);background:#dfb5a0}.envelope-fold{position:absolute;inset:0;background:#e8c5b1;clip-path:polygon(0 100%,50% 37%,100% 100%);z-index:1}.seal{position:absolute;z-index:2;top:92px;left:143px;width:55px;height:55px;border-radius:50%;background:#8c3b49;color:#e7bdac;display:grid;place-items:center;font:italic 32px Georgia,serif;box-shadow:0 3px 5px #63312433,inset 0 0 0 4px #a3545b,inset 0 0 0 5px #77303d;transform:rotate(12deg)}.postmark{position:absolute;right:-39px;top:39px;width:104px;height:104px;border:3px double #946e5966;border-radius:50%;transform:rotate(23deg);font-size:7px;letter-spacing:1px;text-align:center;padding-top:19px;color:#946e59}.postmark b{font-size:28px;font-weight:400;line-height:1.5}.art-caption{position:absolute;bottom:0;color:var(--muted);font-size:8px}.divider{border-block:1px solid var(--line);padding:23px 12px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.divider>span:nth-child(2){font-size:18px;line-height:10px;color:var(--wine)}.letter-section{padding:115px 12px;display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:start}h2{font-size:48px;line-height:1.17;letter-spacing:-1.7px;margin:20px 0}.section-heading>p:last-of-type{color:var(--muted);font-size:13px;line-height:1.8;max-width:275px}.drawn-heart{font:100px Georgia,serif;color:#b47872;transform:rotate(-18deg);margin:35px 0 0 38px}.letter-card{background:#fffcf6;padding:35px 40px;border:1px solid #e4d9cb;box-shadow:8px 10px 0 #eee5d8;transform:rotate(1deg)}.letter-top{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.4px;padding-bottom:22px;border-bottom:1px solid var(--line);color:var(--muted)}.letter-card h3{font-size:31px;font-style:italic;margin:28px 0 20px}.letter-card p{font-size:13px;line-height:2;color:#77645d;margin:0 0 18px}.letter-card strong{color:var(--wine);font-weight:500}.text-button{background:none;border:0;border-bottom:1px solid #b98a85;padding:10px 0;color:var(--wine);font-size:12px;display:flex;gap:40px}.signature{padding-top:12px}.signature em{font:italic 20px Georgia,serif}.little-things{padding:15px 12px 100px;text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px;text-align:left}.cards article{position:relative;border:1px solid var(--line);padding:28px 30px 34px;transition:transform .3s;background:#f9f4ec}.cards article:hover{transform:translateY(-5px)}.card-number{color:var(--muted);font-size:9px}.card-icon{display:block;color:var(--wine);font-size:39px;margin:28px 0 20px}.cards h3{font-size:28px;margin:0 0 16px;letter-spacing:-.7px}.cards p{color:var(--muted);font-size:13px;line-height:1.9;margin:0;max-width:260px}.hug-section{text-align:center;background:#efe4dc;border:1px solid #e6d6cb;padding:75px 20px 60px;margin:0 12px 85px;position:relative}.hug-section h2{font-size:55px}.hug-section>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}.hug-section .button{margin:20px 0 5px}.hug-message{min-height:25px}.hug-section #hug-message{font-size:11px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:28px 12px 35px;font-size:10px;color:var(--muted)}footer a{font-family:Georgia,serif;font-style:italic;font-size:13px}.flying-heart{position:fixed;bottom:-40px;color:var(--wine);font-size:28px;z-index:20;pointer-events:none;animation:rise 3s ease-out forwards}#hearts{pointer-events:none}@keyframes float{50%{transform:translateY(-12px) rotate(-6deg)}}@keyframes rise{to{transform:translate(var(--drift),-95vh) rotate(30deg);opacity:0}}@media(min-width:1500px){.hero{min-height:740px}}@media(max-width:1300px){header,main,footer{margin-left:6%;margin-right:6%}.orbit{width:360px;height:390px}.orbit-two{width:390px;height:320px}.letter-scene{scale:.9}}@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;gap:0}h1{font-size:66px;letter-spacing:-3.5px}.art{scale:.8;transform-origin:center}.letter-section{gap:35px}.letter-card{padding:25px}h2{font-size:38px}.cards{gap:12px}.cards article{padding:22px}.cards h3{font-size:24px}.header-note{font-size:8px}}@media(max-width:640px){header,main,footer{margin-left:6%;margin-right:6%}header{height:80px;padding:0}.header-note{display:none}.brand{font-size:37px}.nav-link{font-size:11px}.hero{grid-template-columns:1fr;padding:44px 0 25px;min-height:0}.hero-copy{text-align:center}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:64px;line-height:1.07;margin:24px 0;letter-spacing:-3px}.intro{font-size:12px;max-width:310px;margin:0 auto 25px}.desktop{display:none}.button{padding:15px 20px;font-size:11px}.tiny-note{font-size:9px}.art{height:420px;scale:1;overflow:hidden;margin:20px -10px 0}.letter-scene{scale:.77}.orbit{width:300px;height:310px}.orbit-two{width:330px;height:265px}.top-note{top:26px;left:25px;font-size:14px}.bottom-note{bottom:39px;right:13px;font-size:14px}.spark-one{top:56px;right:15px;font-size:31px}.spark-two{bottom:70px;left:8px}.art-caption{bottom:5px;font-size:7px;letter-spacing:1.5px}.divider{font-size:7px;letter-spacing:1px;padding:20px 0;gap:10px}.letter-section{padding:65px 0;grid-template-columns:1fr;gap:30px}.section-heading{text-align:center}.section-heading>p:last-of-type{max-width:none;font-size:12px}.drawn-heart{display:none}h2{font-size:37px}.letter-card{padding:27px;transform:rotate(.5deg);box-shadow:5px 6px 0 #eee5d8}.letter-top{font-size:7px;letter-spacing:1px}.letter-card p{font-size:12px;line-height:2}.little-things{padding:20px 0 60px}.cards{grid-template-columns:1fr;gap:15px;margin-top:30px}.cards article{padding:25px 27px}.card-icon{position:absolute;right:26px;top:20px;font-size:34px;margin:0}.cards h3{margin-top:23px;font-size:28px}.cards p{max-width:none;font-size:12px}.hug-section{margin:0 0 45px;padding:43px 19px 30px}.hug-section h2{font-size:36px}.hug-section>p:not(.eyebrow){font-size:12px}footer{flex-direction:column;align-items:center;gap:16px;text-align:center;padding:25px 0 30px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.flying-heart{display:none}}