:root{color-scheme:light;--ink:#234640;--soft:#65756d;--paper:#fcfaf3;--sage:#658665;--gold:#d4b45f;--line:#e5e5d7}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header,footer{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 32px;gap:24px}
a{color:inherit;text-underline-offset:4px}
.brand{text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-.02em}
.brand span{font-weight:400}
.small{font-size:14px;color:var(--soft)}
main{max-width:1100px;margin:45px auto 65px;display:grid;grid-template-columns:420px 1fr;gap:72px;align-items:center;padding:0 32px}
.art{position:relative;height:500px;border-radius:210px 210px 130px 130px;overflow:hidden;background:linear-gradient(160deg,#efe6cb 0%,#e5eddc 100%);box-shadow:0 22px 55px rgba(35,70,64,.09)}
.art:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-45px;height:155px;border-radius:50%;background:#afc49f}
.art img{position:absolute;z-index:2;width:830px;max-width:none;left:50%;top:-333px;transform:translateX(-50%)}
.sun{position:absolute;width:92px;height:92px;right:36px;top:38px;border-radius:50%;background:#f4cf71;opacity:.82}
.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:750;color:#78846a}
h1{font:normal clamp(42px,5vw,65px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:22px 0}
h1 em{color:var(--sage);font-weight:normal}
.intro{font-size:20px;font-weight:650;color:var(--ink)}
p{font-size:16px;line-height:1.75;color:#52665d}
.thanks{border-left:3px solid var(--gold);padding:8px 0 8px 22px;margin-top:28px;font-size:19px;font-family:Georgia,serif;color:var(--ink)}
.thanks span{display:block;font:14px/1.7 system-ui,sans-serif;margin-top:10px;color:#52665d}
.contact{margin-top:25px;font-size:14px}
footer{border-top:1px solid var(--line);font-size:12px;color:#69766b}
nav{display:flex;gap:22px}
a:focus-visible{outline:3px solid #9b711c;outline-offset:5px}
@media(max-width:800px){header{padding:22px}.small{display:none}main{grid-template-columns:1fr;gap:32px;margin:15px auto 42px;max-width:560px;padding:0 25px}.art{height:295px;width:280px;margin:auto}.art img{width:560px;top:-230px}.sun{width:58px;height:58px;right:20px;top:24px}h1{font-size:46px}footer{flex-direction:column;align-items:flex-start;padding:24px}nav{flex-wrap:wrap}}