:root{color-scheme:light;--ink:#27332b;--paper:#f8f7f2;--muted:#687269;--line:#dedfd4;--green:#3e6750}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 system-ui,sans-serif}
a{color:var(--green);text-underline-offset:4px}header,main,footer{max-width:1000px;margin:auto;padding:24px 28px}
header{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line)}
.brand{font-weight:750;text-decoration:none;color:var(--ink);letter-spacing:-.7px;font-size:23px}nav{display:flex;gap:22px;font-size:14px}
main{padding-top:64px;padding-bottom:72px;min-height:70vh}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--green)}
h1,h2{line-height:1.15;letter-spacing:-1.7px}h1{font-size:clamp(38px,6vw,66px);max-width:740px;font-weight:650;margin:15px 0 25px}
h2{font-size:29px;letter-spacing:-.7px}p{max-width:700px}.lead{font-size:21px;color:var(--muted);max-width:680px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
article{padding:28px;border:1px solid var(--line);border-radius:12px;background:#fffef9}article h2{margin-top:0}article p{font-size:16px;color:var(--muted)}
.landscape{height:160px;border-radius:12px;margin:36px 0;background:radial-gradient(ellipse at 25% 135%,#728c6c 0 36%,transparent 37%),radial-gradient(ellipse at 85% 140%,#b7c3a1 0 55%,transparent 56%),linear-gradient(160deg,#e9e6d5,#f2edde)}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
.back{font-size:14px}blockquote{max-width:650px;margin:30px 0;padding-left:22px;border-left:3px solid #a7b798;color:var(--muted)}
@media(max-width:600px){header{align-items:flex-start;flex-direction:column;gap:8px}main{padding-top:40px}.cards{grid-template-columns:1fr}footer{gap:16px;flex-wrap:wrap}}