/* ====== PATCH CSS (non-breaking) ====== */

/* Logo bigger everywhere */
header img[alt*="logo" i], .brand img, header .logo img {
  height: clamp(64px, 7.5vw, 112px) !important;
  width: auto !important;
}

/* Keep nav above video */
header, .site-header { z-index: 1000 !important; position: relative; }

/* Dropdown hover behavior (desktop) */
nav ul li { position: relative; }
nav ul li ul { 
  position: absolute; left: 0; top: 100%;
  background: #fff; border-radius: 10px; min-width: 220px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  padding: .4rem 0; opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: .2s ease; z-index: 40;
}
@media (hover:hover) and (pointer:fine) {
  nav ul li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0); }
}
/* Mobile: nested menus visible inline */
@media (max-width: 960px) {
  nav ul li ul { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: transparent; padding: .25rem 0; }
  nav ul li ul a { padding-left: 1.1rem; }
}

/* Services page image scale */
body.services-page main img, body.services main img, body.services-page .service-img, .services-page .service-img {
  max-width: 520px !important;
  width: 100% !important;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

/* Footer: company name first */
.footer-company, .footer .company, .footer .brand, .site-footer .company-name { 
  font-weight: 800; margin: 0 0 .3rem 0; color: #0f2a48;
}



/* === About page refresh (non-invasive) === */
.about-wrap{display:block}
.about-hero{background:linear-gradient(180deg,rgba(0,58,138,.55),rgba(0,58,138,.55)), url('assets/about-hero.jpg') center/cover no-repeat; color:#fff; padding:64px 0}
.about-hero__inner h1{font-size:2.25rem; margin:0 0 .5rem}
.about-hero__inner p{max-width:900px; margin:0; font-size:1.1rem}

.about-split{display:grid; grid-template-columns:1.1fr .9fr; gap:32px; margin:48px auto}
.about-card{background:#fff; border-radius:16px; padding:24px; box-shadow:0 6px 24px rgba(0,0,0,.06)}
.about-card .eyebrow{color:#17803D; text-transform:uppercase; letter-spacing:.08em; font-size:.9rem; margin:0 0 .4rem}
.about-card .h2{margin:.2rem 0 1rem}
.about-values{background:#17A24A; color:#fff; border-radius:16px; padding:24px}
.about-values h3{margin:.3rem 0 1rem}
.about-values ul{margin:0; padding-left:1.1rem}
.about-values li{margin:.4rem 0}

.wave-sep{height:60px; background:linear-gradient(180deg,#fff 20%, #0e63b6 20%);}

.about-image-row{display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; color:#0b2b4b; margin:56px auto}
.about-image-row .img-col img{border-radius:16px; width:100%; height:auto; box-shadow:0 10px 30px rgba(0,0,0,.08)}
.about-image-row .h2{margin:0 0 .6rem}

.about-cta{ text-align:center; margin:64px auto 88px}
.about-cta .btn{display:inline-block; background:#1159c5; color:#fff; padding:12px 20px; border-radius:28px; text-decoration:none}
@media(max-width:900px){
  .about-split{grid-template-columns:1fr; }
  .about-image-row{grid-template-columns:1fr; }
}