:root{--dark:#1f1f1f;--text:#333;--muted:#777;--accent:#b2a06a;--bg:#fff;--soft:#f6f5f1}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}.topbar{background:#2a2a2a;color:white;font-size:14px;padding:9px 6%;display:flex;gap:28px;flex-wrap:wrap;align-items:center}.topbar a{color:white;text-decoration:none}.brand{padding:26px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.logo{font-size:28px;font-weight:700;letter-spacing:.5px;color:#222}.logo span{color:var(--accent)}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:#333;text-decoration:none;font-size:15px}nav a:hover,.active{color:var(--accent)}.hero{min-height:360px;display:flex;align-items:center;padding:70px 6%;background:linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.48)),url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?auto=format&fit=crop&w=1600&q=80') center/cover;color:white}.hero h1{font-size:46px;max-width:850px;line-height:1.15;margin:0 0 18px}.hero p{font-size:20px;max-width:860px;margin:0}.wrap{max-width:1120px;margin:auto;padding:54px 6%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.card{background:var(--soft);padding:28px;border-radius:4px}.card h3{margin-top:0;color:#222}h1,h2,h3{line-height:1.25}h1{font-size:40px;color:#222}h2{font-size:29px;color:#222;margin-top:34px}h3{font-size:21px;color:#222}.page-title{background:var(--soft);padding:55px 6%;text-align:center}.page-title h1{margin:0}.section-img{height:240px;background:#ddd center/cover;border-radius:3px;margin:20px 0 26px}.cta{background:#272727;color:white;text-align:center;padding:52px 6%;margin-top:30px}.cta a,.btn{display:inline-block;background:var(--accent);color:white;padding:13px 24px;text-decoration:none;margin-top:12px;border-radius:2px}.contact-box{background:var(--soft);padding:28px;margin-top:22px}.footer{background:#222;color:#ddd;text-align:center;padding:28px 6%;font-size:14px}.footer a{color:#ddd}.list{columns:2;column-gap:40px}.list li{margin-bottom:8px}@media(max-width:720px){.brand{align-items:flex-start;gap:20px;flex-direction:column}nav{flex-direction:column;gap:8px}.hero h1{font-size:34px}.hero{padding:50px 6%;min-height:300px}.list{columns:1}h1{font-size:32px}}