:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f4f1ea;color:#253b36;font:18px/1.75 system-ui,sans-serif}header,main,footer{max-width:960px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #ccd4ca}a{color:inherit;text-decoration-color:#94a69b}h1{font-size:clamp(36px,7vw,68px);line-height:1.1;letter-spacing:-.04em}h2{line-height:1.2}.hero{padding:48px 0}article{padding:28px;background:#fffdf7;border:1px solid #d5ddd2;border-radius:14px;margin:24px 0}footer{font-size:14px;border-top:1px solid #ccd4ca}nav a{margin-left:18px}p{max-width:720px}