*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f4f2ec;color:#1c282c;
font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
header,main,footer{max-width:1000px;margin:auto;padding:0 28px}
header{display:flex;align-items:center;justify-content:space-between;
padding-top:24px;padding-bottom:24px;border-bottom:1px solid #d4d8d1}
header a{text-decoration:none}
.brand{font-weight:780;font-size:21px;letter-spacing:-.05em}
nav{display:flex;gap:24px;font-size:14px}
nav a:hover{color:#006e72}
main{min-height:65vh}
.hero{padding:94px 0 70px;max-width:790px}
.eyebrow{color:#376b68;letter-spacing:.2em;
text-transform:uppercase;font-weight:700;font-size:12px}
h1{font:normal clamp(44px,7vw,83px)/1.05 Georgia,serif;
letter-spacing:-.045em;margin:20px 0 24px}
h2{font:normal 31px/1.2 Georgia,serif;letter-spacing:-.02em}
h3{font:normal 23px/1.3 Georgia,serif}
.lead{font-size:21px;color:#506065;max-width:670px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:76px}
.panel{border-top:2px solid #23383a;padding:24px 0}
.panel p,.article p{color:#526367}
.meta{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#58736c}
.article{padding:60px 0 95px;max-width:700px}
.article h1{font-size:clamp(40px,6vw,65px)}
.article h2{margin-top:52px}
.article p{margin:22px 0}
footer{border-top:1px solid #d4d8d1;padding-top:24px;
padding-bottom:35px;color:#68777b;font-size:13px}
footer div{display:flex;justify-content:space-between;gap:10px}
.line{width:80px;height:4px;background:#3f7772;margin:20px 0 30px}
@media(max-width:640px){
header{align-items:flex-start;gap:16px;flex-direction:column}
nav{gap:20px}
.two{grid-template-columns:1fr}
.hero{padding:62px 0 40px}
body{font-size:16px}
footer div{flex-direction:column}
}