:root{--teal:#226e93;--ink:#1b2a24;--paper:#f7f4ee;--yellow:#f3e08a;--muted:#5c6b66}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"PT Sans",Arial,sans-serif;color:#222;background:#fff;line-height:1.55}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
.site-header{background:#1a2420;color:#fff;padding:18px 24px 0}
.header-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px}
.brand{font-size:28px;font-weight:700;color:#fff;letter-spacing:.02em}
.tagline{color:#c8d4ce;font-size:14px;max-width:420px;text-align:right}
.nav{background:#24302b;border-top:1px solid #33443c}
.nav ul{max-width:1100px;margin:0 auto;padding:0 12px;list-style:none;display:flex;flex-wrap:wrap}
.nav a{display:block;color:#e8eee9;padding:12px 14px;font-weight:700;font-size:14px}
.nav a:hover,.nav a.is-current{background:#1a2420;color:#fff;text-decoration:none}
.notice{background:var(--yellow);color:#3a3208;text-align:center;padding:10px 16px;font-size:14px;font-weight:700}
.wrap{max-width:1100px;margin:0 auto;padding:28px 24px 48px}
h1{font-family:Merriweather,Georgia,serif;color:var(--teal);font-size:34px;line-height:1.2;margin:0 0 12px}
h2{font-family:Merriweather,Georgia,serif;color:var(--teal);font-size:22px;margin:28px 0 10px}
p{margin:0 0 14px}
.hero{display:flex;flex-wrap:wrap;gap:28px;align-items:center;margin-bottom:28px}
.hero-copy{flex:1 1 320px}
.hero-art{flex:1 1 280px;min-height:180px;background:linear-gradient(135deg,#2f6f4e,#88b089 55%,#c9ddb0);border-radius:4px}
.contact{background:var(--paper);padding:16px 18px;border-left:4px solid var(--teal);margin-top:24px}
.site-footer{background:#1a2420;color:#c8d4ce;padding:20px 24px;font-size:13px}
.site-footer .wrap{padding:0;max-width:1100px}
@media(max-width:700px){
  .tagline{text-align:left}
  .nav ul{flex-direction:column}
  h1{font-size:26px}
}