:root{color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:#f4f0e6;color:#243c32;font:17px/1.7 Georgia,serif}
header,main,footer{max-width:900px;margin:auto;padding:28px}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #d6d9ca}
.brand{font-size:24px;font-weight:bold;text-decoration:none}
nav{display:flex;gap:20px;font:14px Arial,sans-serif}
a{color:#355f4b}
h1{font-size:clamp(36px,7vw,64px);line-height:1.1;font-weight:normal}
h2{font-size:26px;font-weight:normal}
p{max-width:680px}
img{display:block;width:100%;border-radius:8px;margin:32px 0}
footer{border-top:1px solid #d6d9ca;font:13px Arial,sans-serif;color:#667467}
@media(max-width:520px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:22px}}