:root{--navy:#073f70;--blue:#075b92;--orange:#f26522;--light:#f4f7fa;--ink:#17324a;--muted:#607080}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:white}
a{text-decoration:none;color:inherit}.top{background:#fff;border-bottom:1px solid #dfe7ee;position:sticky;top:0;z-index:20}
.header{max-width:1180px;margin:auto;display:flex;align-items:center;gap:28px;padding:13px 20px}.brand{font-weight:900;font-size:25px;color:var(--navy);line-height:.9;min-width:190px;display:flex;align-items:center;gap:9px}.brand img{height:58px;width:auto;display:block}.brand .brandtext{display:block}
.brand span{display:block;color:var(--orange);font-size:12px;letter-spacing:4px;margin-top:7px}.nav{display:flex;gap:20px;align-items:center;flex:1;justify-content:center;font-size:14px;font-weight:700}
.phone{font-weight:900;color:var(--navy);white-space:nowrap}.btn{display:inline-block;background:var(--orange);color:#fff;padding:12px 18px;border-radius:5px;font-weight:800;border:0;cursor:pointer}.btn.blue{background:var(--navy)}
.hero{background:#073f70;min-height:0;color:white;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1.25fr);align-items:stretch}.hero .hero-copy{display:flex;align-items:center}.hero .hero-art{background:url("assets/camelback-marketing-gallery.png") center top/cover no-repeat;min-height:430px}
.hero .inner{max-width:620px;margin-left:auto;padding:58px 42px 58px 22px}.section{max-width:1180px;margin:auto;padding:58px 22px}.hero h1{font-size:52px;line-height:1.02;max-width:700px;margin:0 0 18px}.hero p{font-size:20px;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.photo{background:#d8e2e8 center/cover no-repeat;border-radius:8px;min-height:230px;display:flex;align-items:end;justify-content:flex-start;text-align:left;padding:0;color:white;overflow:hidden;font-weight:800}.photo .caption{width:100%;padding:13px 16px;background:linear-gradient(transparent,rgba(5,43,75,.92));padding-top:48px}.photo.truck{background-image:url("assets/camelback-truck-side.jpg")}.photo.fill{background-image:url("assets/camelback-fill-station.jpg")}.photo.gallery{background-image:url("assets/camelback-marketing-gallery.png")}.photo.logo{background:white url("assets/camelback-logo.png") center/contain no-repeat}.photo small{display:block;font-weight:400;margin-top:8px}
.photo small{display:block;font-weight:400;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid.four{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid #dce5ec;border-radius:9px;overflow:hidden;background:white;box-shadow:0 3px 15px rgba(0,0,0,.05)}.card .copy{padding:20px}.card h3{margin:0 0 7px;color:var(--navy)}
h2{font-size:34px;line-height:1.1;color:var(--navy);margin-top:0}.kicker{color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;font-size:13px}
.band{background:var(--navy);color:white}.band h2{color:white}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}
.list{padding-left:20px}.list li{margin:8px 0}.quote{background:#f2f5f8;border-radius:10px;padding:25px}
input,select,textarea{width:100%;padding:12px;margin:7px 0;border:1px solid #cfd9e1;border-radius:4px;font:inherit}textarea{min-height:95px}
.calc{background:#f4f7fa;padding:24px;border-radius:9px}.result{font-size:20px;font-weight:900;color:var(--navy);margin-top:14px}
.footer{background:#062f54;color:white}.footer .section{padding-top:35px;padding-bottom:35px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}
.breadcrumb{font-size:13px;color:#6b7c8b;margin-bottom:20px}.pagehero{background:linear-gradient(135deg,#0b4d7e,#7894a8);color:white}.pagehero h1{font-size:44px;margin:0}.pagehero .section{padding-top:55px;padding-bottom:55px}
.notice{background:#fff4e9;border-left:4px solid var(--orange);padding:15px 18px;border-radius:4px}
@media(max-width:850px){.nav{display:none}.header{justify-content:space-between}.phone{display:none}.hero{grid-template-columns:1fr}.hero .inner{max-width:none;margin:0;padding:42px 22px}.hero .hero-art{min-height:300px;background-position:center top}.hero h1{font-size:39px}.grid,.grid.four,.split,.footgrid{grid-template-columns:1fr}.pagehero h1{font-size:36px}}
/* Refined photo treatments */
.hero .hero-art{background-image:url("assets/hero-truck-clean.jpg");background-size:cover;background-position:center center;min-height:430px}
.photo.tank{background-image:url("assets/tank-cistern-clean.jpg")}
.photo.pool{background-image:url("assets/pool-delivery-clean.jpg")}
.photo.ranch{background-image:url("assets/ranch-ag-clean.jpg")}
.photo.construction{background-image:url("assets/construction-dust-clean.jpg")}
.photo.servicearea{background-image:url("assets/service-area-clean.jpg")}

/* Cleanup pass: clean hero crop and category images without baked-in captions */
.hero .hero-art{background-position:center center;background-size:cover}
.footer .brand img{background:transparent;border:0;box-shadow:none}
.footer .brand{background:transparent}
/* Header photo update: emphasize the 2,000-gallon Freightliner */
.hero .hero-art{
  background-image:url("assets/header-2000gal-freightliner.jpg");
  background-size:cover;
  background-position:center center;
  min-height:430px;
}
/* Requested revision: restore prior clean hero and use road truck for fleet */
.hero .hero-art{
  background-image:url("assets/hero-truck-clean.jpg");
  background-size:cover;
  background-position:center center;
  min-height:430px;
}
.photo.truck{
  background-image:url("assets/service-area-clean.jpg");
  background-position:center center;
}

/* Logo readability pass: larger header and footer brand marks */
.header .brand{min-width:245px;gap:10px}
.header .brand img{height:92px;width:auto;max-width:170px;object-fit:contain}
.footer .brand{min-width:0;display:block}
.footer .brand img{height:125px;width:auto;max-width:220px;object-fit:contain;margin-bottom:10px}
@media(max-width:850px){
  .header .brand{min-width:0}
  .header .brand img{height:76px;max-width:145px}
  .footer .brand img{height:112px;max-width:200px}
}

/* Logo + footer refinement: slightly larger marks, white footer for maximum logo contrast */
.header .brand{min-width:260px}
.header .brand img{height:104px;max-width:190px}
.footer{background:#fff;color:var(--ink);border-top:1px solid #dfe7ee}
.footer .brand{color:var(--navy)!important}
.footer .brand img{height:145px;max-width:250px;margin-bottom:8px}
.footer a{color:var(--ink)}
.footer .btn{color:#fff}
@media(max-width:850px){
  .header .brand img{height:84px;max-width:158px}
  .footer .brand img{height:126px;max-width:220px}
}

/* Pool + equipment photo pass */
.photo.pool{background-image:url("assets/pool-delivery-expanded.jpg");background-position:center center}
.card .photo.pool{min-height:245px}
.pool-feature.photo.pool{min-height:340px}
.equipment-hero{background:url("assets/service-area-clean.jpg") center 58%/cover no-repeat;color:#fff}
.equipment-hero-shade{background:linear-gradient(90deg,rgba(5,43,75,.90) 0%,rgba(5,43,75,.56) 45%,rgba(5,43,75,.08) 76%)}
.equipment-hero .section{padding-top:68px;padding-bottom:68px}.equipment-hero h1{font-size:46px;line-height:1.05;margin:0 0 10px}.equipment-hero p{font-size:19px;max-width:610px}
.photo.equipment-main{background-image:url("assets/service-area-clean.jpg");min-height:360px;background-position:center center}
.equipment-card{background:#fff;color:var(--ink);border-radius:9px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.10)}
.equipment-card h3{color:var(--navy);margin:15px 16px 4px}.equipment-card p{margin:0 16px 18px}.equipment-photo{height:190px;background-size:cover;background-position:center}
.equipment-photo.pump{background-image:url("assets/equipment-pump.jpg")}
.equipment-photo.tankdetail{background-image:url("assets/equipment-tank.jpg")}
.equipment-photo.reel{background-image:url("assets/equipment-hose-reel.jpg")}
.equipment-photo.chassis{background-image:url("assets/equipment-chassis.jpg")}
.photo.actualtruck{background-image:url("assets/camelback-truck-side.jpg");background-position:center center}
.photo.roadtruck{background-image:url("assets/service-area-clean.jpg");background-position:center center}
@media(max-width:850px){.equipment-hero h1{font-size:36px}.equipment-grid{grid-template-columns:1fr}.equipment-photo{height:230px}}

/* Full-photo composition pass: show service images without zoom/cropping */
.card .photo{
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#f4f7fa;
  min-height:245px;
}
.card .photo .caption{display:none}
/* Preserve the wider pool composition and keep it crisp */
.card .photo.pool{
  background-image:url("assets/pool-delivery-sharp.jpg");
  background-size:contain;
  background-position:center center;
  min-height:245px;
}
/* Dedicated large photos also show the full source image */
.pool-feature.photo.pool,
.photo.equipment-main,
.photo.actualtruck,
.photo.roadtruck{
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#f4f7fa;
}
/* Monsoon preparedness page */
.monsoon-hero{background:url("assets/service-area-clean.jpg") center/cover no-repeat;color:white}.monsoon-shade{background:linear-gradient(90deg,rgba(5,43,75,.95),rgba(5,43,75,.74) 52%,rgba(5,43,75,.20))}.monsoon-hero .section{padding-top:78px;padding-bottom:78px}.monsoon-hero h1{font-size:50px;line-height:1.03;max-width:760px;margin:0 0 18px}.monsoon-hero p{font-size:20px;max-width:760px}.waterflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin:28px 0}.waterflow div{background:white;color:var(--ink);padding:20px;border-radius:9px;min-height:125px}.waterflow b{display:block;color:var(--navy);margin-bottom:7px}.waterflow span{display:block;font-size:14px}.waterflow i{font-size:30px;color:#ffb07a;font-style:normal}.darknotice{background:#0c527f;border-left-color:#ffb07a;color:white;margin-top:26px}.calc small{display:block;margin-top:12px;color:var(--muted)}
@media(max-width:850px){.monsoon-hero h1{font-size:38px}.waterflow{grid-template-columns:1fr}.waterflow i{text-align:center;transform:rotate(90deg)}}

/* Reviews + social proof pass */
.social-proof{text-align:center}.social-intro{max-width:760px;margin:0 auto 30px;color:var(--muted)}
.social-grid{text-align:left}.social-card .copy{padding:25px}.social-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-size:25px;font-weight:900;margin-bottom:15px}.social-card .btn{margin-top:7px}.social-note{font-size:12px;color:#6b7c8b;margin-top:14px}.footer-social{margin-top:20px;font-size:13px;display:flex;gap:8px;flex-wrap:wrap}.footer-social a{font-weight:800;color:var(--navy)}
@media(max-width:850px){.social-grid{grid-template-columns:1fr}}