:root{--ink:#17202a;--muted:#59636e;--paper:#fff;--soft:#f3f5f7;--accent:#b8442d;--accent2:#8d3020;--line:#dfe4e8;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:#7e2d20}.wrap{max-width:var(--max);margin:auto;padding:0 22px}.top{background:#101820;color:white;font-size:.93rem}.top .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:8px;padding-bottom:8px}.top a{color:white}
header{border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:20}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;color:var(--ink);text-decoration:none;font-size:1.12rem}.navlinks{display:flex;align-items:center;gap:20px}.navlinks a{text-decoration:none;color:var(--ink);font-weight:700}.btn{display:inline-block;background:var(--accent);color:white!important;text-decoration:none!important;padding:12px 18px;border-radius:6px;font-weight:800}.btn:hover{background:var(--accent2)}.secondary{background:#fff;color:var(--ink)!important;border:1px solid var(--line)}
main{min-height:65vh}.content{padding:48px 22px 72px;max-width:900px}.hero{max-width:var(--max);margin:auto;padding:70px 22px 50px;display:grid;grid-template-columns:1.6fr .6fr;gap:40px;align-items:center}.hero h1,.content h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:.15em 0 .35em}.content h1{font-size:clamp(2rem,4vw,3.25rem)}h2{font-size:1.65rem;line-height:1.2;margin-top:2em}.lede{font-size:1.22rem;color:var(--muted);max-width:760px}.eyebrow{letter-spacing:.12em;font-size:.78rem;font-weight:800;color:var(--accent)}.roofmark{font-size:9rem;text-align:center;color:var(--accent);font-family:Georgia,serif}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
section{max-width:var(--max);margin:0 auto;padding:26px 22px}.content section{padding-left:0;padding-right:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.card{border:1px solid var(--line);border-radius:8px;padding:20px;text-decoration:none;color:var(--ink);background:white;display:flex;flex-direction:column;gap:8px}.card:hover{box-shadow:0 8px 24px rgba(0,0,0,.07)}.card span{font-size:.9rem;color:var(--accent)}
.callbox{max-width:var(--max);margin:30px auto;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#101820;color:white;border-radius:8px}.content .callbox{margin-left:0;margin-right:0}.callbox span{color:#d6dce1}.contact-panel{padding:30px;background:var(--soft);border-radius:8px}.bigphone{font-size:2rem;font-weight:800}.bigphone a{text-decoration:none}
.breadcrumb{font-size:.88rem;color:var(--muted);margin-bottom:20px}.breadcrumb a{color:var(--muted)}footer{background:#101820;color:#d7dde2;padding:40px 0 90px}footer a{color:white}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.mobile-call{display:none}
@media(max-width:780px){.top .wrap{justify-content:center}.top span:first-child{display:none}.navlinks a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding-top:44px}.roofmark{display:none}.cards{grid-template-columns:1fr}.callbox{align-items:flex-start;flex-direction:column}.footgrid{grid-template-columns:1fr}.mobile-call{display:block;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--accent);color:white!important;text-align:center;padding:15px;text-decoration:none;font-weight:900;box-shadow:0 -4px 18px rgba(0,0,0,.18)}footer{padding-bottom:100px}}