*{box-sizing:border-box}body{margin:0;background:#f5f3ed;color:#263b35;font:17px/1.75 Georgia,serif}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;gap:24px;align-items:center;justify-content:space-between;border-bottom:1px solid #d7ddd4}.brand{font:600 22px system-ui}nav{display:flex;gap:18px;font:14px system-ui}a{color:#315d50;text-underline-offset:4px}h1,h2{line-height:1.2;font-weight:400}h1{font-size:clamp(36px,7vw,58px);max-width:700px;margin:28px 0}h2{font-size:28px}.intro{font-size:21px;max-width:660px;color:#53665d}.label{font:12px system-ui;letter-spacing:.14em;text-transform:uppercase;color:#60786c}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin:36px 0}.card{border-top:2px solid #a9b9a4;padding-top:18px}.landscape{height:150px;background:linear-gradient(170deg,#d8e2df 0 45%,#9aaea3 46% 57%,#647f6e 58% 65%,#c6cfc2 66%);border-radius:2px;margin:32px 0}.article{max-width:680px}.article p{margin:1.3em 0}footer{font:13px/1.7 system-ui;border-top:1px solid #d7ddd4;color:#65746a;margin-top:42px}li{margin:.6em 0}@media(max-width:550px){header{align-items:flex-start;flex-direction:column;gap:8px}main{padding-top:8px}}