:root{color-scheme:light;--paper:#faf5ec;--ink:#493d38;--berry:#7b3f49;--muted:#786d63;--line:#dfd4c2;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body::before{position:fixed;inset:0;pointer-events:none;content:"";opacity:.25;background-image:radial-gradient(#b3a88e .6px,transparent .6px);background-size:7px 7px;z-index:-1}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:3px solid var(--berry);outline-offset:6px}
.page{max-width:1280px;margin:auto;padding:0 64px}
.masthead{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{color:var(--ink);font:italic 35px var(--serif);letter-spacing:-1.8px;text-decoration:none}
.wordmark span{color:var(--berry)}
.masthead-note{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#6d6557}
.masthead-note>span{font-size:23px;color:#9c8055}
.welcome{display:grid;grid-template-columns:1.03fr 1fr;gap:25px;align-items:center;padding:48px 0 50px;min-height:662px}
.welcome-copy{padding:5px 0 16px;position:relative;z-index:1}
.eyebrow{display:flex;align-items:center;gap:12px;color:#7d604c;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2.1px;margin:0 0 29px}
.little-line{width:31px;height:1px;background:#b99b75}
h1{font:normal clamp(66px,6.3vw,84px)/1.055 var(--serif);letter-spacing:-4px;margin:0 0 26px}
h1 em{color:var(--berry);font-weight:normal}
.introduction{font-size:15px;line-height:1.85;letter-spacing:.05px;color:var(--muted);max-width:390px;margin:0 0 28px}
.greeting-button{background:var(--berry);border:1px solid var(--berry);color:#fffaf4;padding:17px 22px 18px;border-radius:3px;display:inline-flex;align-items:center;gap:30px;font-size:12px;font-weight:600;letter-spacing:.35px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.greeting-button svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.greeting-button:hover{background:#66313b;transform:translateY(-2px);box-shadow:0 7px 16px #7b3f4920}
.quiet-note{font:italic 14px var(--serif);color:#786b5e;margin:17px 0 0 1px}
.welcome-art{position:relative;isolation:isolate;min-width:0;height:548px;display:flex;align-items:center;justify-content:center}
.art-arch{position:absolute;left:13%;right:7%;top:45px;bottom:28px;border-radius:220px 220px 5px 5px;background:#e6e6d9;z-index:-1;transform:rotate(3deg)}
.art-arch::after{content:"";position:absolute;inset:13px;border:1px solid #c8cbb88c;border-radius:inherit}
.bouquet{width:113%;max-width:none;flex-shrink:0;position:relative;margin-top:-17px;transform:rotate(-2deg)}
.art-caption{position:absolute;bottom:1px;left:0;right:0;text-align:center;font:italic 15px var(--serif);color:#75695a;transform:rotate(-3deg)}
.little-thought{display:flex;align-items:center;gap:19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0 30px}
.little-thought svg{width:29px;height:36px;fill:none;stroke:#8e9677;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.little-thought p{font:normal 23px var(--serif);letter-spacing:-.5px;margin:0}
.little-thought p em{font-weight:normal}
.little-thought>span{margin-left:auto;color:#786d63;font-size:11px;letter-spacing:.5px}
footer{display:flex;justify-content:space-between;gap:15px;padding:28px 0 30px;color:#76695d;font-size:10px;letter-spacing:.4px}
.made-with-heart{display:flex;align-items:center;gap:8px}
.made-with-heart svg{width:12px;height:12px;fill:none;stroke:#ad7b79;stroke-width:1.3}
dialog{width:min(520px,calc(100% - 36px));max-height:calc(100svh - 40px);padding:54px 51px 47px;border:1px solid #d9c8b0;border-radius:4px;background:#fffaf1;color:var(--ink);box-shadow:0 22px 100px #473a3850;overflow:auto}
dialog::backdrop{background:#43393670;backdrop-filter:blur(5px)}
dialog[open]{animation:letter-arrives .28s ease-out}
.close-letter{position:absolute;top:14px;right:17px;border:0;background:transparent;color:#6b5b50;font:normal 28px var(--serif);padding:3px 10px;cursor:pointer;line-height:1.2}
.letter-eyebrow{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#81684d}
dialog h2{font:italic 38px var(--serif);color:var(--berry);letter-spacing:-1px;margin:27px 0 24px}
dialog p{font-size:14px;line-height:1.9;color:#6f6258;margin:0 0 17px}
dialog .letter-ending{font:italic 23px/1.5 var(--serif);color:var(--berry);margin:26px 0 29px}
.letter-signature{font-size:10px;letter-spacing:.7px;color:#795f4a}
.letter-signature>span{font-size:20px;vertical-align:-2px;margin-left:6px;color:var(--berry)}
body:has(dialog[open]){overflow:hidden}
@keyframes letter-arrives{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.page{max-width:1380px;padding:0 80px}.welcome{min-height:720px;gap:60px}.welcome-art{height:600px}h1{font-size:94px}.introduction{font-size:16px}.masthead{height:122px}}
@media(max-width:900px){.page{padding:0 36px}.welcome{gap:0;min-height:600px}.welcome-art{height:470px}h1{font-size:67px;letter-spacing:-3px}.masthead-note{font-size:9px;letter-spacing:1px}.introduction{font-size:14px}.little-thought>span{max-width:180px;text-align:right;line-height:1.7}.little-thought p{font-size:21px}.desktop-break{display:none}}
@media(max-width:650px){.page{padding:0 25px}.masthead{height:82px}.wordmark{font-size:30px}.masthead-note{font-size:8px;letter-spacing:.7px;max-width:155px;line-height:1.7;gap:8px}.masthead-note>span{font-size:21px}.welcome{grid-template-columns:1fr;padding:48px 0 31px;gap:17px;min-height:0}.welcome-copy{padding:0 0 0 8px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:25px}h1{font-size:clamp(46px,14.7vw,82px);line-height:1.06;letter-spacing:-3px;margin-bottom:23px}.introduction{max-width:335px;font-size:14px;line-height:1.85;margin-bottom:26px}.greeting-button{padding:16px 21px;gap:33px}.quiet-note{font-size:13px}.welcome-art{height:auto;aspect-ratio:1/.98;width:100%;margin-top:6px}.art-arch{top:12px;bottom:12px;left:14%;right:7%}.bouquet{width:108%;margin-top:-28px}.art-caption{bottom:-4px;font-size:13px}.little-thought{flex-wrap:wrap;gap:8px 12px;padding:24px 0}.little-thought svg{width:23px;height:29px}.little-thought p{font-size:20px;letter-spacing:-.6px}.little-thought>span{font-size:10px;max-width:none;width:100%;margin:0;padding-left:35px;text-align:left}footer{font-size:8px;padding:23px 0;gap:9px;letter-spacing:.1px}.made-with-heart{gap:5px}.made-with-heart svg{width:10px}dialog{padding:48px 30px 35px}dialog h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}