:root{--red:#c8102e;--black:#111;--cream:#f5efe6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,'Times New Roman',serif;color:var(--black);background:var(--cream);line-height:1.55}.container{max-width:1100px;margin:0 auto;padding:0 20px}header{background:var(--black);padding:14px 0}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{font-size:1.35rem;font-weight:bold;color:white}.phone-header{color:#fff;font-size:1.1rem;text-decoration:none;font-weight:bold}nav{background:var(--red)}.nav-inner{display:flex;flex-wrap:wrap;gap:6px;padding:10px 20px}nav a{color:#fff;text-decoration:none;padding:8px 14px;font-weight:bold}nav a:hover,nav .nav-cta{background:var(--black);border-radius:4px}.hero{background:linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),url('photos/hero-dusk.jpg') center/cover no-repeat;;color:#fff;text-align:center;padding:90px 20px}.hero h1{font-size:2.2rem;text-shadow:0 2px 6px #0008}.hero p{margin:14px 0 24px;font-size:1.15rem}.btn{display:inline-block;background:var(--red);color:#fff;padding:14px 30px;font-size:1.1rem;text-decoration:none;border:0;border-radius:6px;font-weight:bold;cursor:pointer}.btn:hover{background:#a10d24}.offers{padding:50px 0}.offers-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;color:var(--black);box-shadow:0 3px 10px #0002}.card h2{color:var(--red);padding:14px 18px 0}.card ul{list-style:none;padding:8px 18px 20px}.card li{padding:5px 0 5px 24px;position:relative}.card li:before{content:'✓';position:absolute;left:0;color:green}.image-placeholder{background:#d9d1c8;min-height:170px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;color:#51463c}.card .image-placeholder{height:220px}.proof{padding:30px 20px 10px;text-align:center}.photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.photo-strip .image-placeholder{min-height:140px;border-radius:6px}.trust{padding:40px 20px;max-width:760px}.trust h2{color:var(--red);margin-bottom:10px}.final-cta{background:var(--red);color:#fff;text-align:center;padding:50px 20px}.final-cta h2{margin-bottom:16px}.final-cta .btn{background:var(--black)}footer{background:var(--black);color:#ccc;text-align:center;padding:26px 20px}footer a{color:#fff}.inner-page{padding:55px 20px;max-width:760px;min-height:330px}.inner-page h1{color:var(--red);margin-bottom:15px}.inner-page p{margin:12px 0}.field{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid #bbb;border-radius:4px;font:inherit}@media(max-width:700px){.offers-grid,.photo-strip{grid-template-columns:1fr}.hero{padding:60px 16px}.hero h1{font-size:1.6rem}.header-inner{flex-wrap:wrap}}
.photo-strip img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
  min-width: 0;
}
.service-photo {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}
.site-logo {
  height: 75px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* Cleaner, more compact header */
header {
  padding: 6px 0;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.site-logo {
  height: 65px;
  width: auto;
  display: block;
}

.phone-header {
  font-size: 1.1rem;
}

@media (max-width: 600px) {
  .site-logo {
    height: 55px;
  }

  .phone-header {
    font-size: 0.9rem;
  }
}
.site-logo {
  height: 85px;
  width: auto;
}

/* Make the website look better on phones */
@media (max-width: 700px) {

  header {
    padding: 6px 0;
  }

  .site-logo {
    height: 65px;
  }

  .phone-header {
    font-size: 0.95rem;
  }

  nav .nav-inner {
    justify-content: center;
    gap: 4px;
    padding: 8px;
  }

  nav a {
    font-size: 0.8rem;
    padding: 8px 6px;
  }

  .hero {
    padding: 45px 16px;
  }

  .hero h1 {
    font-size: 1.5rem;
    line-height: 1.3;
    white-space: normal;
  }

  .hero p {
    font-size: 0.95rem;
    line-height: 1.5;
  }

  .hero .btn {
    font-size: 1rem;
    padding: 12px 20px;
  }

}

/* Compact navigation on smaller screens */
@media (max-width: 700px) {
  nav .nav-inner {
    gap: 2px;
    padding: 6px;
  }

  nav a {
    font-size: 0.75rem;
    padding: 6px 4px;
  }

  nav .nav-cta {
    padding: 8px 12px;
  }
}
