@font-face{font-family:Cormorant;src:url('assets/cormorant.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/cormorant-italic.woff2') format('woff2');font-style:italic;font-weight:300 700;font-display:swap}
@font-face{font-family:DM Sans;src:url('assets/dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Handwriting;src:url('assets/handwriting.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f8f4eb;--ink:#532b32;--wine:#863a4a;--muted:#816b68;--line:#ded4c8;--serif:Cormorant,Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--hand:Handwriting,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);-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23noise)'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--wine);outline-offset:7px}a{color:inherit}button{color:inherit}::selection{background:#e7c6cc;color:#532b32}.page-wrap{max-width:1440px;margin:auto;padding:0 7.2%}.header{height:110px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:var(--serif);font-size:38px;font-weight:600;text-decoration:none;letter-spacing:-2px}.wordmark-heart{font-family:Georgia,serif;font-size:29px;padding:0 1px}.wordmark-dot{color:var(--wine)}.header-note{font-size:11px;letter-spacing:.035em;color:var(--muted)}.header-note span{margin-left:15px;color:var(--wine);font-size:18px}.hero{position:relative;min-height:755px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 0 100px;gap:25px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.2em;line-height:1.8}.hero-copy>.eyebrow{margin:0 0 24px}.tiny-heart{margin-right:12px;color:var(--wine);font-size:11px}.hero h1{position:relative;font-family:var(--serif);font-size:clamp(78px,7.7vw,114px);font-weight:400;line-height:.91;letter-spacing:-.045em;margin:0 0 27px}.hero h1 em{color:var(--wine);font-weight:400}.title-heart{width:70px;height:64px;margin-left:29px;transform:rotate(12deg);fill:none;stroke:#9a5963;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 29px}.hero-description strong{color:var(--ink);font-weight:500}.primary-button{border:1px solid var(--wine);border-radius:3px;background:var(--wine);color:var(--paper);padding:17px 23px;font-size:11px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:35px;transition:background .2s,transform .2s}.primary-button:hover{background:#6f2a3a;transform:translateY(-2px)}.primary-button span{font-size:19px;line-height:.8}.button-caption{font-family:var(--hand);font-size:12px;color:var(--muted);margin:14px 0 0 9px}.love-art{height:510px;position:relative;isolation:isolate;transform:translateY(10px)}.postcard{position:absolute;top:13px;left:19%;width:69%;height:331px;padding:33px 27px;background:#fffdf6;border:1px solid #e9e1d3;box-shadow:0 7px 18px #4b332b08;transform:rotate(8deg);z-index:1}.postcard-kicker{font-size:7px;letter-spacing:.15em}.postcard p{font-family:var(--serif);font-size:37px;line-height:1.06;letter-spacing:-.025em;margin:27px 0 19px}.postcard p em{color:var(--wine)}.postcard-footer{font-family:var(--hand);font-size:13px;color:var(--muted)}.postage{position:absolute;right:18px;top:18px;width:48px;height:60px;background:#f1dedd;border:3px dotted #fffdf6;outline:1px solid #e7d3d1;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg);color:var(--wine)}.postage>span{font:28px var(--serif);line-height:1}.postage small{font-size:5px;letter-spacing:.1em;margin-top:6px}.envelope{position:absolute;top:224px;left:5%;width:88%;height:252px;display:block;padding:0;background:none;border:none;transform:rotate(-8deg);filter:drop-shadow(0 16px 17px #53372918);transition:transform .4s;z-index:2}.envelope:hover{transform:rotate(-5deg) translateY(-8px)}.envelope-base{position:absolute;inset:0;background:#e9d5bb;border:1px solid #d8c1a2;border-radius:3px}.envelope-lining{position:absolute;inset:1px;background:#dfc5a5;clip-path:polygon(0 0,50% 62%,100% 0)}.envelope-fold{position:absolute;inset:1px;background:linear-gradient(24deg,#eddbc3,#f2e3cd);clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);border-radius:2px}.envelope-fold::after{content:"";position:absolute;inset:0;background:#e2ccb0;clip-path:polygon(0 100%,50% 44%,100% 100%,99.6% 100%,50% 44.5%,.4% 100%)}.envelope-flap{position:absolute;inset:1px;background:linear-gradient(175deg,#f1e1cc,#e8d3b8);clip-path:polygon(0 0,100% 0,51% 60%,49% 60%);filter:drop-shadow(0 2px 1px #af8e6c)}.wax-seal{position:absolute;top:42%;left:calc(50% - 31px);width:62px;height:62px;background:radial-gradient(ellipse at 37% 32%,#ad5262,#813344 72%);border-radius:46% 52% 46% 48%;box-shadow:2px 5px 7px #6b302b35,inset 2px 2px 3px #d78a8e75,inset -2px -2px 4px #581f31;display:grid;place-items:center;transform:rotate(12deg)}.wax-seal::before{content:"";position:absolute;inset:7px;border:1px solid #65253566;border-radius:50%;box-shadow:inset 1px 1px 2px #57263555,1px 1px 1px #d4828260}.wax-seal span{font:35px var(--serif);color:#e4a9ae;line-height:1;text-shadow:1px 1px 1px #56222f}.envelope-to{position:absolute;bottom:25px;right:27px;font-family:var(--hand);font-size:16px;color:#7c5c50}.open-hint{position:absolute;right:0;bottom:-36px;display:flex;align-items:flex-end;gap:1px;transform:rotate(-7deg);color:var(--muted)}.open-hint svg{width:62px;height:51px;fill:none;stroke:var(--muted);stroke-width:1.2;transform:rotate(4deg)}.open-hint span{font-family:var(--hand);font-size:13px;margin-bottom:-5px}.art-star{position:absolute;color:var(--wine);font-family:var(--serif)}.star-one{left:1%;top:88px;font-size:48px;transform:rotate(15deg)}.star-two{right:1%;top:175px;font-size:28px;color:#ac8e6a}.art-little-heart{position:absolute;bottom:-7px;left:0;font-family:var(--hand);font-size:35px;transform:rotate(-18deg);color:#a16b70}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--muted);white-space:nowrap}.scroll-cue span:first-child{font-size:8px;letter-spacing:.18em}.scroll-cue span:last-child{font-size:19px}.little-things{border-top:1px solid var(--line);padding:73px 0 85px}.section-heading{text-align:center}.section-heading .eyebrow{color:var(--wine);margin:0 0 16px}h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}.section-heading h2{font-size:43px;margin:0 0 13px;line-height:1.1}.section-heading h2 em{color:var(--wine)}.section-heading>p:last-child{font-size:12px;color:var(--muted);line-height:1.8}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:39px}.little-note{position:relative;min-height:302px;text-align:left;border:1px solid #dbc6c3;padding:25px 28px 23px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .3s,box-shadow .3s;border-radius:1px}.little-note:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 12px 20px #5430290b}.note-rose{background:#f1e1df}.note-cream{background:#f0e8d8;border-color:#ddd2bb;transform:rotate(1.5deg)}.note-cream:hover{transform:translateY(-6px) rotate(0deg)}.note-sage{background:#e8eade;border-color:#ced2bc}.note-number{font-size:8px;letter-spacing:.13em;color:#806763}.note-icon{height:43px;width:43px;fill:none;stroke:var(--wine);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin:22px 0 16px}.note-cream .note-icon{stroke:#8e794b}.note-sage .note-icon{stroke:#718262}.note-title{font-family:var(--serif);font-size:34px;line-height:1.06;letter-spacing:-.02em}.note-link{display:flex;justify-content:space-between;width:100%;margin-top:25px;font-size:8px;letter-spacing:.15em}.note-link>span{font-size:18px;line-height:.7}.promise{text-align:center;padding:58px 0 64px;position:relative;border-top:1px solid var(--line)}.promise-flower{font-size:35px;color:var(--wine);display:inline-block;margin-bottom:21px}.promise .eyebrow{font-size:9px;color:var(--muted);margin:0 0 22px}.promise h2{font-size:68px;line-height:.99;margin:0 0 25px}.promise h2 em{color:var(--wine)}.promise>p:not(.eyebrow):not(.love-caption){font-size:12px;line-height:2;color:var(--muted)}.promise-signature{display:block;font-family:var(--hand);font-size:22px;color:var(--wine);margin:29px 0 24px;transform:rotate(-4deg)}.love-button{display:grid;place-items:center;width:53px;height:53px;margin:0 auto;background:transparent;border:1px solid #dcc8c5;border-radius:50%;color:var(--wine);transition:background .2s,transform .2s}.love-button span{font-size:19px}.love-button:hover{background:#f0dedd;transform:scale(1.08)}.love-caption{font-size:10px;color:var(--muted);margin:12px 0 0;min-height:16px}.footer{border-top:1px solid var(--line);min-height:77px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.025em}.footer>span:last-child>span{font-size:15px;color:var(--wine);margin-left:8px}.skip-link{position:fixed;left:15px;top:-70px;background:var(--wine);color:white;padding:12px;z-index:50}.skip-link:focus{top:10px}.letter-dialog{border:1px solid #e2d3c4;width:min(600px,calc(100% - 32px));max-height:85dvh;padding:0;background:#fffaf1;color:var(--ink);box-shadow:0 28px 100px #2c151e40;overscroll-behavior:contain}.letter-dialog[open]{animation:letter-arrive .4s ease-out}.letter-dialog::backdrop{background:#38222a66;backdrop-filter:blur(5px)}.dialog-close{position:sticky;top:12px;float:right;margin:12px 12px 0 0;width:38px;height:38px;border:1px solid #e2d3c4;border-radius:50%;background:#fffaf1;color:var(--wine);font-size:24px;line-height:1;z-index:1}.dialog-close:hover{background:#f1e1df}.letter-content{padding:53px 54px 45px}.letter-label{display:block;font-size:8px;letter-spacing:.2em;color:var(--muted)}.letter-heart{display:block;margin:19px 0 8px;font-size:35px;color:var(--wine)}.letter-content h2{font-size:40px;line-height:1.1;margin:0 0 25px}.letter-content #letter-body{font-size:13px;line-height:1.95;color:#74605b}.letter-content #letter-body p{margin:0 0 18px}.letter-content strong{font-weight:500;color:var(--wine)}.letter-signature{font-family:var(--hand);font-size:21px;color:var(--wine);margin:28px 0 20px}.letter-end{display:block;border-top:1px solid var(--line);padding-top:20px;font-size:10px;letter-spacing:.1em;color:var(--muted)}body.has-dialog{overflow:hidden}.heart-shower{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:30}.floating-heart{position:absolute;bottom:-40px;color:var(--wine);animation:float-heart 3.3s ease-out forwards;font-family:Georgia,serif}.no-script{padding:20px;text-align:center;font-family:var(--serif);font-size:24px}@keyframes float-heart{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.75}100%{transform:translate(var(--drift),-100vh) rotate(var(--rotation));opacity:0}}@keyframes letter-arrive{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1441px){.page-wrap{padding:0 104px}}
@media(max-width:1050px){.page-wrap{padding:0 6%}.hero{min-height:700px;gap:8px}.hero h1{font-size:91px}.love-art{height:445px}.postcard{height:289px;left:14%;width:76%;padding:27px 21px}.postcard-kicker{font-size:6px}.postcard p{font-size:32px}.postage{width:39px;height:50px;right:13px;top:13px}.envelope{top:213px;height:210px;left:0;width:99%}.open-hint{bottom:-26px;right:-7px}.star-two{right:-8px}.notes-grid{gap:17px}.little-note{padding:22px;min-height:294px}.note-title{font-size:31px}.section-heading h2{font-size:38px}}
@media(max-width:720px){.page-wrap{padding:0 7%}.header{height:84px}.wordmark{font-size:33px}.wordmark-heart{font-size:25px}.header-note{font-size:8px;max-width:155px;line-height:1.6;text-align:right}.header-note span{display:none}.hero{grid-template-columns:1fr;gap:18px;padding:45px 0 68px;min-height:auto}.hero-copy{text-align:center}.hero-copy>.eyebrow{font-size:8px;margin-bottom:24px}.hero h1{font-size:clamp(64px,18vw,82px);line-height:.95;margin-bottom:23px}.title-heart{width:45px;height:43px;margin-left:16px}.hero-description{font-size:12px;line-height:1.9;margin-bottom:24px}.primary-button{font-size:10px;padding:17px 20px;gap:28px}.button-caption{font-size:11px;margin-top:12px}.love-art{width:min(370px,100%);height:395px;margin:10px auto 16px;transform:none}.postcard{left:20%;width:68%;height:253px;top:7px;padding:24px 18px}.postcard p{font-size:29px;margin:26px 0 15px}.postcard-kicker{font-size:5px;letter-spacing:.11em}.postcard-footer{font-size:11px}.postage{width:34px;height:44px;top:12px;right:12px}.postage>span{font-size:23px}.postage small{font-size:4px}.envelope{top:184px;left:5%;width:88%;height:187px}.envelope-to{font-size:12px;right:22px;bottom:20px}.wax-seal{width:53px;height:53px;left:calc(50% - 26px)}.wax-seal span{font-size:30px}.star-one{top:57px;left:3%;font-size:35px}.star-two{top:150px;right:0;font-size:22px}.art-little-heart{font-size:26px;bottom:8px;left:0}.open-hint{bottom:-18px;right:0}.open-hint span{font-size:11px}.open-hint svg{width:44px;height:41px}.scroll-cue{bottom:16px;gap:11px}.scroll-cue span:first-child{font-size:7px}.little-things{padding:46px 0 47px}.section-heading .eyebrow{font-size:8px;margin-bottom:14px}.section-heading h2{font-size:34px;max-width:320px;margin:0 auto 15px;line-height:1.08}.section-heading h2 em{display:block}.section-heading>p:last-child{font-size:11px;max-width:245px;margin:auto}.notes-grid{grid-template-columns:1fr;gap:17px;margin-top:29px}.little-note{min-height:171px;padding:23px 26px}.note-number{font-size:7px}.note-title{font-size:33px;margin-top:16px}.note-title br{display:none}.note-title em{display:block}.note-icon{position:absolute;right:26px;top:36px;width:45px;height:45px;margin:0}.note-link{margin-top:17px;font-size:7px}.note-cream{transform:rotate(1deg)}.promise{padding:43px 0 42px}.promise-flower{font-size:29px;margin-bottom:19px}.promise .eyebrow{font-size:7px;letter-spacing:.14em;margin-bottom:20px}.promise h2{font-size:57px;margin-bottom:23px}.promise>p:not(.eyebrow):not(.love-caption){font-size:11px;line-height:1.95;max-width:305px;margin:auto}.promise>p br{display:none}.promise-signature{font-size:20px;margin:25px 0}.love-caption{font-size:9px}.footer{padding:22px 0;min-height:93px;flex-direction:column;justify-content:center;gap:10px;font-size:8px}.letter-content{padding:45px 28px 32px}.letter-content h2{font-size:35px}.letter-content #letter-body{font-size:12px}.letter-signature{font-size:19px}.dialog-close{width:34px;height:34px}.letter-label{font-size:7px}}
@media(max-width:360px){.hero h1{font-size:64px}.title-heart{width:36px;margin-left:10px}.love-art{height:360px}.postcard{height:237px}.postcard p{font-size:26px}.envelope{height:165px;top:179px}.open-hint{bottom:-12px}.note-title{font-size:29px}.note-icon{right:20px;width:38px}.promise h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}