:root{--brand:#E24B2D;--accent:#F29F05;--ink:#1f2937;--bg:#fff;--muted:#6b7280;--card:#fffdfb;--ring:rgba(242,159,5,.25)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:50;display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:#fff;border-bottom:1px solid #f1f5f9}
.brand img{height:44px;display:block}
.nav{display:flex;gap:1rem;flex-wrap:wrap}
.nav a{padding:.35rem .65rem;border-radius:999px;color:#e24b2d;font-weight:600}
.nav a:hover{background:#fff5ea;text-decoration:none}
.menu-toggle{display:none;border:1px solid #e5e7eb;background:#fff;border-radius:999px;font-size:.95rem;padding:.35rem .7rem;line-height:1;font-weight:600}
@media (max-width: 900px){
  .nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #eee;padding:.5rem .75rem}
  .nav.show{display:flex;flex-direction:column;gap:.25rem}
  .menu-toggle{display:block}
}
@media (min-width:901px){ .menu-toggle{display:none !important;} } /* hide Menu on desktop */
.btn{display:inline-block;border:0;background:var(--brand);color:#fff;padding:.8rem 1.2rem;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px rgba(226,75,45,.18)}
.btn.small{padding:.5rem .9rem;font-size:.9rem}.btn.ghost{background:var(--accent);color:#111}
.hero{background:linear-gradient(180deg, rgba(226,75,45,.06), transparent), url('assets/img/gallery/hero-1.jpg') center/cover no-repeat;min-height:60vh;display:flex;align-items:center}
.hero-inner{padding:5rem 1rem;max-width:1100px;margin:0 auto}.hero h1{font-size:clamp(1.8rem,6vw,3rem);margin:0 0 .5rem 0}
.page-hero{padding:2.5rem 1rem 1rem}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.card{background:var(--card);padding:1rem;border-radius:1rem;border:1px solid #fde7d8;box-shadow:0 6px 12px rgba(0,0,0,.03)}
.card img{width:100%;height:180px;object-fit:cover;border-radius:.75rem}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.gallery-grid img{width:100%;height:160px;object-fit:cover;border-radius:.75rem;cursor:zoom-in}
@media (min-width:700px){ .gallery-grid{grid-template-columns:repeat(3,1fr)} .gallery-grid img{height:200px} }
@media (min-width:1024px){ .gallery-grid{grid-template-columns:repeat(4,1fr)} .gallery-grid img{height:220px} }
.site-footer{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1rem;background:#231f20;color:#f7fafc}
.site-footer a{color:#fde68a}
.modal{position:fixed;inset:0;background:rgba(15,23,42,.6);display:none;align-items:center;justify-content:center;padding:1rem;z-index:1000;overflow:auto}
.modal.show{display:flex}
.modal-content{background:#fff;max-width:900px;width:100%;padding:1rem;border-radius:1rem;box-shadow:0 10px 40px rgba(0,0,0,.2);position:relative;max-height:90vh;overflow:auto}
.close{position:absolute;right:.5rem;top:.5rem;border:0;background:#111827;color:#fff;border-radius:999px;width:36px;height:36px;font-size:18px;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
label{display:flex;flex-direction:column;gap:.25rem;font-weight:700}
input,select,textarea{border:1px solid #e5e7eb;border-radius:12px;padding:.7rem .8rem;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:3px solid var(--ring);border-color:var(--accent);box-shadow:0 0 0 2px rgba(242,159,5,.1)}
.estimate{border:1px dashed #e5e7eb;border-radius:12px;background:#fffefb}