:root{color-scheme:light;--paper:#f7f5ed;--ink:#35432f;--muted:#626957;--line:#d9dccd;--accent:#a3603b}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.wrap{width:min(1180px,calc(100% - 112px));margin-inline:auto}
.skip-link{position:absolute;left:20px;top:-90px;background:var(--ink);color:var(--paper);padding:12px;z-index:10}
.skip-link:focus{top:15px}
.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:31px;letter-spacing:-1.5px;text-decoration:none}
.wordmark>span{font-style:italic}.wordmark .period{color:var(--accent)}
nav a{font-size:13px;text-decoration:none}nav a span{margin-left:15px}nav a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-block:76px 86px}
.eyebrow{font-size:10px;letter-spacing:2.3px;display:flex;align-items:center;gap:10px;margin:0 0 29px}
.little-star{font-size:24px;color:var(--accent)}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}
h1{font-size:clamp(48px,5.6vw,77px);line-height:1.07;letter-spacing:-3.7px;margin:0 0 27px}h1 em{font-weight:400;color:#71815b}
.intro{font-size:16px;color:var(--muted);line-height:1.9;margin:0 0 35px}
.button{display:inline-flex;gap:35px;align-items:center;padding:17px 22px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:3px;text-decoration:none;font-size:13px;transition:background .2s,transform .2s}.button span{font-size:20px;line-height:1}.button:hover{background:#506247;transform:translateY(-2px)}
.hero-art{position:relative;margin:0;padding-inline:12px;max-width:445px;justify-self:end;width:100%}
.art-frame{padding:10px;border:1px solid #c4cbb7;border-radius:240px 240px 5px 5px}.landscape{display:block;width:100%;height:auto;border-radius:230px 230px 0 0}
figcaption{margin-top:19px;text-align:center;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:15px;color:var(--muted)}
.art-spark{position:absolute;right:-11px;top:53px;color:var(--accent);font-size:69px;font-family:Georgia,serif;line-height:1;transform:rotate(12deg)}
.welcome{display:grid;grid-template-columns:1fr 2.35fr .8fr;gap:35px;padding-block:57px 65px;border-top:1px solid var(--line);align-items:start}
.section-label{font-size:10px;letter-spacing:1.6px;padding-top:9px;line-height:1.8}.section-label>span{color:var(--accent);margin-right:10px}
h2{font-size:32px;line-height:1.25;letter-spacing:-.8px;margin:0 0 18px}.welcome-content>p{font-size:15px;line-height:1.85;color:var(--muted);margin:0;max-width:510px}.welcome-content .signature{margin-top:23px;font-size:13px}.signature span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:20px;color:var(--ink);margin-left:8px}
.note-stamp{justify-self:end;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;border:1px solid #b8bea9;border-radius:50%;width:139px;height:139px;color:#6a7957;transform:rotate(10deg);margin-top:12px}.note-stamp>span{font-size:8px;letter-spacing:1.2px}.note-stamp .stamp-flower{font-size:46px;line-height:1;font-family:Georgia,serif}
.site-footer{border-top:1px solid var(--line);padding-block:26px 30px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;line-height:1.7}.site-footer p{margin:0}.site-footer p span{padding-inline:7px}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer a span{margin-left:12px}
@media(min-width:1500px){.hero{padding-block:90px 100px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:30px}h1{font-size:58px;letter-spacing:-2.7px}.welcome{grid-template-columns:1fr 3fr}.note-stamp{display:none}.section-label>span{display:block}.desktop-break{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:85px}.wordmark{font-size:27px}nav a{font-size:12px}nav a span{margin-left:7px}.hero{grid-template-columns:1fr;padding-block:47px 46px;gap:45px}.eyebrow{margin-bottom:22px;font-size:9px}h1{font-size:clamp(44px,10.5vw,68px);letter-spacing:-2.4px}.intro{font-size:15px;line-height:1.85;margin-bottom:27px}.hero-art{justify-self:center;max-width:375px;padding-inline:15px}.art-spark{right:0;font-size:60px}.welcome{grid-template-columns:1fr;gap:20px;padding-block:32px 40px}.section-label{padding-top:0}.section-label>span{display:inline}h2{font-size:29px}.welcome-content>p{font-size:14px}.site-footer{flex-direction:column;gap:12px;padding-block:23px}.button{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}