/* Micah 711 — Buffalo renovations. Brick / cream / forest. */
:root{--ink:#1c1612;--brick:#8b2e1f;--forest:#2c4033;--paper:#f3eadc;--white:#fffaf3;--rule:#d8cbb6;--max:1080px;--serif:"Fraunces",Georgia,serif;--sans:"Manrope",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.55}
img{max-width:100%;height:auto;display:block}a{color:var(--brick)}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:.6rem 1rem;z-index:9}.skip:focus{left:.5rem;top:.5rem}
.wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}
.site-header{position:sticky;top:0;background:#2c4033;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);font-size:1.2rem}
.wordmark span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.nav-toggle{display:none;background:#8b2e1f;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:#f3eadc}
.btn{display:inline-block;text-decoration:none;font-weight:700;padding:.7rem 1rem}
.btn-brick{background:var(--brick);color:#fff}.btn-ghost{border:1px solid currentColor;color:inherit}
.hero{padding:3rem 0;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.verse{font-family:var(--serif);font-style:italic;color:var(--brick);margin:0 0 .6rem}
h1,h2,h3{font-family:var(--serif);line-height:1.2}
h1{font-size:clamp(1.9rem,4.5vw,2.9rem)}
.section{padding:2.6rem 0}.section.alt{background:var(--white)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.card{background:var(--white);border-left:4px solid var(--brick);padding:1rem 1.1rem}
.site-footer{background:#1c1612;color:#ddd;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 var(--rule)}
.note{font-size:.88rem;color:#5b5348}
@media(max-width:820px){.hero,.grid{grid-template-columns:1fr}.nav-toggle{display:block}nav{display:none;position:absolute;right:1rem;top:76px;background:#2c4033;padding:1rem}nav.open{display:block}nav ul{flex-direction:column;align-items:flex-start}}