.site-header nav a.active{color:var(--cyan);border-color:var(--blue)}
.about-hero{min-height:390px;display:grid;grid-template-columns:48% 52%;background:#031321}
.about-hero-copy{padding:42px 4% 36px 6%;align-self:center;z-index:2}
.about-hero h1{font-size:50px;line-height:1.02;margin:10px 0 0;letter-spacing:-1.5px}
.about-hero h1 span,.story h2 span,.approach h2 span,.approach strong span{color:var(--blue)}
.about-hero h2{font-size:18px;font-weight:400;margin:5px 0 15px}
.about-hero p{font-size:17px;max-width:600px;color:#e2eaf2}
.accent-line,.closing-line{height:2px;width:42px;background:var(--cyan);margin:17px 0}
.about-hero-photo{background:linear-gradient(90deg,#031321 0%,transparent 35%),url('https://images.unsplash.com/photo-1744094982586-c70f736bda12?auto=format&fit=crop&fm=jpg&q=85&w=1600') center/cover}
.story{display:grid;grid-template-columns:50% 50%;padding:28px 5%}
.story-copy{padding:8px 6% 18px 1%}
.story h2{font-size:38px;line-height:1.02;margin:6px 0 10px}
.story-copy p{color:#46576b;max-width:600px}
.story-photo{min-height:320px;border-radius:9px;background:url('https://images.unsplash.com/photo-1695668548342-c0c1ad479aee?auto=format&fit=crop&fm=jpg&q=85&w=1400') center/cover}
.values{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 3% 24px}
.values article{text-align:center;padding:17px 25px;border-right:1px solid #d4e0eb;background:#eef5fb}
.values article:first-child{border-radius:9px 0 0 9px}.values article:last-child{border:0;border-radius:0 9px 9px 0}
.value-icon,.big-icon{color:var(--blue);font-size:38px;line-height:1}.values h3{margin:6px 0}.values p{font-size:13px;color:#4c5c6f;margin:0}
.about-audiences{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 3% 18px}
.about-audience{min-height:280px;border-radius:8px;overflow:hidden;position:relative;background-size:cover;background-position:center}
.residential-about{background-image:linear-gradient(90deg,rgba(3,17,31,.1),rgba(3,17,31,.93) 54%),url('https://images.unsplash.com/photo-1744094982586-c70f736bda12?auto=format&fit=crop&fm=jpg&q=85&w=1400')}
.commercial-about{background-image:linear-gradient(90deg,rgba(3,17,31,.93),rgba(3,17,31,.18)),url('commercial-header.jpg')}
.about-audience-copy{position:absolute;top:50%;transform:translateY(-50%);color:#fff;max-width:390px}.residential-about .about-audience-copy{right:5%}.commercial-about .about-audience-copy{left:6%}
.about-audience-copy h2{display:inline-block;font-size:27px;line-height:1.05;margin:0 0 8px 12px;vertical-align:top}.about-audience-copy p{margin:0 0 15px 52px;color:#e2e9f1}
.approach{display:grid;grid-template-columns:48% 52%;min-height:380px;background:#031321}
.approach-copy{padding:35px 3% 35px 6%;align-self:center}.approach h2{font-size:38px;line-height:1.05;margin:7px 0 12px}.approach p{color:#d2dce6;max-width:650px}.approach strong{font-size:17px}
.approach-photo{background:linear-gradient(90deg,#031321,transparent 30%),url('https://images.unsplash.com/photo-1695668548342-c0c1ad479aee?auto=format&fit=crop&fm=jpg&q=85&w=1500') center/cover}
@media(max-width:760px){
.about-hero{grid-template-columns:1fr;min-height:0}.about-hero-copy{padding:36px 20px 28px}.about-hero h1{font-size:39px}.about-hero-photo{min-height:235px;background:linear-gradient(0deg,#031321,transparent 35%),url('https://images.unsplash.com/photo-1744094982586-c70f736bda12?auto=format&fit=crop&fm=jpg&q=85&w=900') center/cover}
.story{grid-template-columns:1fr;padding:28px 15px}.story-copy{padding:0 5px 25px}.story h2{font-size:33px}.story-photo{min-height:230px}
.values{grid-template-columns:1fr 1fr;padding:0 12px 18px;gap:1px}.values article{padding:17px 10px;border:0;border-radius:0!important}
.about-audiences{grid-template-columns:1fr;padding:0 12px 14px}.about-audience{min-height:260px}.residential-about{background-image:linear-gradient(0deg,rgba(3,17,31,.95),rgba(3,17,31,.12)),url('https://images.unsplash.com/photo-1744094982586-c70f736bda12?auto=format&fit=crop&fm=jpg&q=85&w=900')}.commercial-about{background-image:linear-gradient(0deg,rgba(3,17,31,.95),rgba(3,17,31,.12)),url('commercial-header.jpg')}
.about-audience-copy,.residential-about .about-audience-copy,.commercial-about .about-audience-copy{left:18px;right:18px;top:auto;bottom:17px;transform:none;max-width:none}.about-audience-copy p{margin-left:0}.big-icon{font-size:30px}.about-audience-copy h2{font-size:23px}
.approach{grid-template-columns:1fr}.approach-copy{padding:35px 20px 28px}.approach h2{font-size:32px}.approach-photo{min-height:240px;background:linear-gradient(0deg,#031321,transparent 45%),url('https://images.unsplash.com/photo-1695668548342-c0c1ad479aee?auto=format&fit=crop&fm=jpg&q=85&w=900') center/cover}
}
/* Approved Residential / Commercial service lists */
.about-audience{min-height:365px}
.service-list-copy{top:50%;max-width:430px}
.audience-heading{display:flex;align-items:flex-start;gap:12px}
.audience-heading h2{margin:0 0 8px}
.service-list-copy>p{margin:0 0 10px 0;max-width:380px}
.solution-list{list-style:none;padding:0;margin:0}
.solution-list li{position:relative;padding:2px 0 2px 27px;font-size:14px;color:#fff}
.solution-list li:before{content:"✓";position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:50%;background:#0798ff;color:#fff;font-weight:900;font-size:11px;line-height:17px;text-align:center}
@media(max-width:760px){
 .about-audience{min-height:430px}
 .service-list-copy,.residential-about .service-list-copy,.commercial-about .service-list-copy{top:auto;bottom:18px}
 .solution-list li{font-size:13px}
}

/* About values: 3 cards on top, 2 equal-width cards below */
@media (min-width: 769px){
  .values-grid{
    grid-template-columns:repeat(6,1fr);
  }
  .values-grid > article:nth-child(1),
  .values-grid > article:nth-child(2),
  .values-grid > article:nth-child(3){
    grid-column:span 2;
  }
  .values-grid > article:nth-child(4),
  .values-grid > article:nth-child(5){
    grid-column:span 3;
  }
}

/* Correct desktop layout for About trust cards */
@media (min-width: 769px){
  .values{
    grid-template-columns:repeat(6,1fr);
    gap:1px;
  }
  .values > article{
    border-right:0;
    border-radius:0 !important;
  }
  .values > article:nth-child(1),
  .values > article:nth-child(2),
  .values > article:nth-child(3){
    grid-column:span 2;
  }
  .values > article:nth-child(4),
  .values > article:nth-child(5){
    grid-column:span 3;
  }
  .values > article:nth-child(1){border-radius:9px 0 0 0 !important;}
  .values > article:nth-child(3){border-radius:0 9px 0 0 !important;}
  .values > article:nth-child(4){border-radius:0 0 0 9px !important;}
  .values > article:nth-child(5){border-radius:0 0 9px 0 !important;}
}