/* A Wave Above — western NC painters. Tide / sand / ink. */
:root{--ink:#16324a;--tide:#1f7a8c;--sand:#f3e6cf;--foam:#fff9f0;--coral:#d46a4a;--max:1080px;--serif:"Literata",Georgia,serif;--sans:"Figtree",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:var(--sand);color:var(--ink);line-height:1.55}
img{max-width:100%;height:auto;display:block}a{color:var(--tide)}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:.6rem 1rem}.skip:focus{left:.5rem;top:.5rem}
.wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}
.site-header{position:sticky;top:0;background:#16324a;color:#fff;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:1rem}
.wordmark{color:#fff;text-decoration:none}.wordmark strong{display:block;font-family:var(--serif)}
.wordmark span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.nav-toggle{display:none;background:var(--coral);color:#fff;border:0;padding:.5rem .8rem;font:inherit}
nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0;align-items:center}
nav a{color:#fff;text-decoration:none;font-weight:700}
nav a[aria-current="page"]{color:#f3e6cf}
.btn{display:inline-block;text-decoration:none;font-weight:700;padding:.7rem 1rem}
.btn-coral{background:var(--coral);color:#fff}.btn-tide{background:var(--tide);color:#fff}
.hero{padding:2.8rem 0;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.hero img{border:6px solid #16324a}
h1,h2,h3{font-family:var(--serif);line-height:1.2}
h1{font-size:clamp(1.9rem,4.5vw,2.8rem)}
.section{padding:2.4rem 0}.section.foam{background:var(--foam)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.card{background:var(--foam);padding:1.1rem}
.site-footer{background:#16324a;color:#d7e4ec;padding:1.8rem 0}
.site-footer a{color:#fff}.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
form{display:grid;gap:.6rem;max-width:32rem}label{display:grid;gap:.25rem;font-weight:700}
input,textarea{font:inherit;padding:.6rem;border:1px solid #d8c9b0}
.note{font-size:.88rem;color:#4a5a66}
@media(max-width:820px){.hero,.grid{grid-template-columns:1fr}.nav-toggle{display:block}nav{display:none;position:absolute;right:1rem;top:76px;background:#16324a;padding:1rem}nav.open{display:block}nav ul{flex-direction:column;align-items:flex-start}}