:root{--gold:#d4a64a;--gold2:#b8862f;--char:#17110e;--char2:#251d19;--sand:#f3ece0;--ink:#2b2b2b;--brick:#9b3a26}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2}
a{color:var(--gold2)}
.top{position:sticky;top:0;z-index:20;background:var(--char);display:flex;align-items:center;justify-content:space-between;padding:10px 5%;box-shadow:0 2px 10px #0006}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase;line-height:1.2}
.brand b{color:var(--gold);font-size:15px}
nav a{color:#eee;text-decoration:none;margin-left:22px;font-size:15px}nav a:hover{color:var(--gold)}
.nav-call{background:var(--gold);color:var(--char)!important;padding:8px 14px;border-radius:4px;font-weight:700}
.menu{display:none;background:none;border:0;color:var(--gold);font-size:28px;cursor:pointer}
.hero{background:linear-gradient(rgba(23,17,14,.82),rgba(23,17,14,.9)),repeating-linear-gradient(0deg,transparent 0 30px,#0000 30px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cg fill='none' stroke='%23d4a64a' stroke-opacity='.35'%3E%3Cpath d='M0 .5h120M0 30.5h120M60 0v30M0 30v30M120 30v30'/%3E%3C/g%3E%3C/svg%3E"),var(--char2);color:#fff;text-align:center;padding:110px 6% 120px}
.hero-in{max-width:820px;margin:auto}
.eyebrow{color:var(--gold);letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:700}
.hero h1{font-size:clamp(34px,6vw,60px);margin:.2em 0}.hero h1 span{color:var(--gold)}
.lead{font-size:clamp(17px,2.2vw,21px);color:#e9e2d6}
.cta{margin-top:28px}
.btn{display:inline-block;background:var(--gold);color:var(--char);font-weight:700;padding:14px 28px;border-radius:4px;text-decoration:none;border:2px solid var(--gold);margin:6px;font-size:16px;cursor:pointer}
.btn:hover{background:#e6bb62}.btn.ghost{background:transparent;color:#fff}.btn.ghost:hover{background:#ffffff14}
section{padding:80px 6%}section>h2{text-align:center;font-size:clamp(28px,4vw,40px);margin:0 0 8px;color:var(--char)}
.sub{text-align:center;color:#666;max-width:640px;margin:0 auto 40px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;max-width:1200px;margin:auto}
.card{background:#fff;border:1px solid #eadfcd;border-top:4px solid var(--gold);border-radius:6px;padding:24px;box-shadow:0 4px 14px #0000000d}
.card h3{margin:.3em 0;color:var(--char)}.card ul{padding-left:18px;margin:0;color:#555}.ic{font-size:30px}
.dark{background:var(--char);color:#eee}.dark h2{color:var(--gold);font-size:clamp(28px,4vw,40px);margin-top:0}
.split{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;max-width:1100px;margin:auto}
.split-img{width:100%;max-width:340px;justify-self:center}
.checks{list-style:none;padding:0}.checks li{padding:6px 0 6px 30px;position:relative}.checks li:before{content:"\2713";position:absolute;left:0;color:var(--gold);font-weight:700}
.towns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.towns span{background:var(--sand);border:1px solid #e1d3bb;padding:12px 22px;border-radius:30px;font-weight:600;color:var(--char)}
.sand{background:var(--sand)}.why h3{color:var(--brick);margin-bottom:4px}
form{max-width:760px;margin:auto;background:var(--sand);padding:30px;border-radius:8px;border-top:4px solid var(--gold)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:block;font-weight:600;font-size:14px;margin-bottom:14px;color:var(--char)}
input,select,textarea{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #cdbfa8;border-radius:4px;font:inherit;font-weight:400;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.hp{display:none}.small{font-size:14px;color:#666;margin-top:10px}
footer{background:var(--char);color:#ccc;padding:40px 6% 90px}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;max-width:1100px;margin:auto}
.foot div{display:flex;gap:14px;align-items:flex-start}footer a{color:var(--gold)}
.copy{text-align:center;font-size:13px;color:#888;margin-top:24px}
.callbar{display:none}
@media(max-width:820px){
 .menu{display:block}
 nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--char);flex-direction:column;padding:10px 5% 18px}
 nav.open{display:flex}nav a{margin:8px 0}
 .split{grid-template-columns:1fr}.split-img{max-width:200px}
 .row{grid-template-columns:1fr}
 .callbar{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--gold);color:var(--char);text-align:center;font-weight:700;padding:15px;text-decoration:none;z-index:30;box-shadow:0 -2px 10px #0005}
 section{padding:60px 6%}.hero{padding:80px 6%}
}
