* {box-sizing: border-box; font-family: Arial, sans-serif;}
body {margin:0;color:#222;line-height:1.4}
.site-header {display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0b66a6;color:#fff}
.brand h1 {margin:0;font-size:1.25rem}
.brand .tagline {margin:0;font-size:0.9rem;opacity:0.95}
.phone {background:#fff;color:#0b66a6;padding:8px 12px;border-radius:6px;text-decoration:none;font-weight:700}
.hero {position:relative;height:60vh;min-height:320px;overflow:hidden}
.slideshow {height:100%;width:100%;display:flex;transition:transform 0.6s ease}
.slideshow img {width:100%;height:100%;object-fit:cover;flex-shrink:0}
.hero-text {position:absolute;left:20px;bottom:24px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.6)}
.cta {display:inline-block;margin-top:10px;padding:10px 14px;background:#ff8c00;color:#fff;border-radius:6px;text-decoration:none}
.content {padding:28px 20px;max-width:1000px;margin:0 auto}
.gallery {display:flex;gap:12px;flex-wrap:wrap}
.gallery img {width:48%;border-radius:6px}
.city-list li {margin:6px 0}
.site-footer {padding:14px 20px;background:#f5f5f5;text-align:center}

/* responsive */
@media (min-width:800px){
  .brand h1{font-size:1.6rem}
  .gallery img {width:240px}
}