/* ================================================================
   ABOUT US PAGE (aboutus.html)
   Prefix used on every class: .nv-  → scoped so it can't collide
   with the rest of this stylesheet. Only used on aboutus.html.
   ================================================================ */
:root{
  --nv-brand:      #1e4d4d;
  --nv-brand-dark: #143636;
  --nv-accent:     #e2711d;
  --nv-ink:        #2a2320;
  --nv-muted:      #6d645d;
  --nv-cream:      #f7f5f2;
  --nv-teal-tint:  #e7f1f0;
  --nv-line:       #e6e2dc;
  --nv-radius:     16px;
  --nv-head: system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --nv-body: system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}
.nv-about *{box-sizing:border-box;margin:0;padding:0;}
.nv-about{font-family:var(--nv-body);color:var(--nv-ink);line-height:1.8;}
.nv-about h1,.nv-about h2,.nv-about h3,.nv-about h4{font-family:var(--nv-head);line-height:1.2;}
.nv-wrap{max-width:1160px;margin:0 auto;padding:0 22px;}
.nv-sec{padding:84px 0;}
.nv-cream{background:var(--nv-cream);}
.nv-eyebrow{color:var(--nv-accent);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;}
.nv-title{color:var(--nv-brand);font-size:clamp(27px,3.6vw,40px);margin-bottom:22px; line-height: 1.2;}
.nv-p{color:var(--nv-muted);font-size:16.5px;margin-bottom:16px;}
.nv-p:last-child{margin-bottom:0;}

.nv-banner{
  background:linear-gradient(120deg,#fdeee7 0%,#faf3f0 45%,#eef5f2 100%);
  text-align:center;padding:70px 0;
}
.nv-banner .crumb{color:var(--nv-muted);font-size:14px;margin-bottom:10px;}
.nv-banner .crumb a{color:var(--nv-accent);text-decoration:none;}
.nv-banner h1{color:var(--nv-ink);font-size:clamp(32px,4.6vw,52px);font-weight:600;}

.nv-intro{text-align:center;padding:70px 0 20px;}
.nv-intro h2{color:var(--nv-brand);font-size:clamp(24px,3.4vw,38px);margin-bottom:16px;}
.nv-intro .nv-slogan{color:var(--nv-accent);font-style:italic;font-size:clamp(15px,2vw,20px);}

.nv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.nv-stat{text-align:center;padding:14px 0;}
.nv-stat .n{line-height:1.15;     
  display:block;
  margin-bottom:6px;     
font-family:var(--nv-head);font-size:clamp(30px,4vw,46px);color:var(--nv-brand);}
.nv-stat .l{color:var(--nv-muted);font-size:14px; line-height:1.4; }
.nv-split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;}
.nv-img-ph{
  background:var(--nv-line);border-radius:var(--nv-radius);
  aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
  color:#a89a8a;font-size:14px;
}
.nv-img{
  border-radius:var(--nv-radius);
  overflow:hidden;
  box-shadow:0 14px 40px rgba(0,0,0,.10);
  transition:box-shadow .5s ease;
}
.nv-img img{
  width:100%;height:100%;display:block;object-fit:cover;
  filter:grayscale(55%) sepia(18%) saturate(135%) brightness(.92);
  transition:transform .6s ease, filter .6s ease;
}
.nv-img:hover{
  box-shadow:0 22px 46px rgba(0,0,0,.16);
}
.nv-img:hover img{
  filter:grayscale(0%) sepia(0%) saturate(100%) brightness(1);
  transform:scale(1.04);
}
.nv-img-bw img{ filter:grayscale(100%); }
.nv-img-bw:hover img{ filter:grayscale(0%) sepia(0%) saturate(100%) brightness(1); transform:scale(1.04); }

.nv-timeline{position:relative;margin-top:20px;padding-left:34px;}
.nv-timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--nv-line);}
.nv-tl{position:relative;padding-bottom:30px;}
.nv-tl:last-child{padding-bottom:0;}
.nv-tl::before{content:"";position:absolute;left:-33px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--nv-accent);border:3px solid #fff;box-shadow:0 0 0 2px var(--nv-line);}
.nv-tl .yr{color:var(--nv-brand);font-family:var(--nv-head);font-size:20px;font-weight:700;}
.nv-tl p{color:var(--nv-muted);font-size:15.5px;margin-top:4px;}

.nv-ticks{list-style:none;}
.nv-ticks li{display:flex;gap:13px;align-items:flex-start;padding:9px 0;color:var(--nv-ink);}
.nv-ticks i{color:var(--nv-accent);margin-top:6px;}

.nv-certs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.nv-cert{background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius);padding:32px 24px;text-align:center;transition:background .35s ease,border-color .35s ease,transform .25s,box-shadow .25s;}
.nv-cert:nth-child(3n+1){background:var(--nv-cream);}
.nv-cert:nth-child(3n+2){background:var(--nv-teal-tint);}
.nv-cert i{font-size:34px;color:var(--nv-brand);margin-bottom:14px;transition:color .35s ease,transform .35s cubic-bezier(.3,1.4,.4,1);}
.nv-cert h4{font-size:18px;margin-bottom:6px;transition:color .35s ease;}
.nv-cert p{color:var(--nv-muted);font-size:14px;transition:color .35s ease;}
.nv-cert:hover{background:var(--nv-accent);border-color:var(--nv-accent);transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,0,0,.12);}
.nv-cert:hover i{color:#fff;transform:rotate(-12deg) scale(1.1);}
.nv-cert:hover h4{color:#fff;}
.nv-cert:hover p{color:rgba(255,255,255,.85);}

.nv-vm{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.nv-vmcard{position:relative;background:#fff;border-radius:var(--nv-radius);padding:38px 34px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:box-shadow .35s ease;}
.nv-vmcard:hover{box-shadow:0 14px 38px rgba(0,0,0,.09);}
.nv-vmcard svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.nv-vmcard rect{fill:none;stroke:var(--nv-accent);stroke-width:2;stroke-dasharray:1280;stroke-dashoffset:1280;transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1);}
.nv-vmcard:hover rect{stroke-dashoffset:0;}
.nv-vmcard h3{color:var(--nv-brand);font-size:25px;margin-bottom:14px;}
.nv-vmcard p{color:var(--nv-muted);margin-bottom:12px;}
.nv-vmcard p:last-child{margin-bottom:0;}

.nv-values{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.nv-val{background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius);padding:28px 24px;transition:background .35s ease,border-color .35s ease,transform .25s,box-shadow .25s;}
.nv-val:nth-child(3n+1){background:var(--nv-cream);}
.nv-val:nth-child(3n+2){background:var(--nv-teal-tint);}
.nv-val .ic{width:50px;height:50px;border-radius:50%;background:var(--nv-cream);color:var(--nv-brand);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:16px;transition:background .35s ease,color .35s ease,transform .35s cubic-bezier(.3,1.4,.4,1);}
.nv-val h4{color:var(--nv-brand);font-size:18px;margin-bottom:8px;transition:color .35s ease;}
.nv-val p{color:var(--nv-muted);font-size:14.5px;transition:color .35s ease;}
.nv-val:hover{background:var(--nv-accent);border-color:var(--nv-accent);transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,0,0,.12);}
.nv-val:hover .ic{background:#fff;color:var(--nv-accent);transform:rotate(-12deg) scale(1.1);}
.nv-val:hover h4{color:#fff;}
.nv-val:hover p{color:rgba(255,255,255,.85);}

.nv-leaders{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.nv-leader{text-align:center;}
.nv-leader .ph{width:120px;height:120px;border-radius:50%;background:var(--nv-line);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:#a89a8a;font-size:13px;}
.nv-leader h4{color:var(--nv-brand);font-size:19px;}
.nv-leader span{color:var(--nv-accent);font-size:14px;font-weight:600;}
.nv-leader .ph img{
  width:100% !important;
  height:100% !important;
  max-width:100%;
  max-height:100%;
  object-fit:cover;
  border-radius: 60px;
}

.nv-closing{background:var(--nv-brand);color:#fff;text-align:center;padding:84px 0;}
.nv-closing h2{color:#fff;font-size:clamp(23px,3.2vw,34px);max-width:900px;margin:0 auto 18px;line-height:1.4;}
.nv-closing p{color:rgba(255,255,255,.85);font-style:italic;font-size:17px;}

@media(max-width:900px){
  .nv-split,.nv-vm{grid-template-columns:1fr;gap:34px;}
  .nv-stats,.nv-values{grid-template-columns:repeat(2,1fr);}
  .nv-certs,.nv-leaders{grid-template-columns:1fr;}
  .nv-sec{padding:60px 0;}
  .nv-flip{display:flex;flex-direction:column-reverse;}
}
@media(max-width:480px){
  .nv-stats,.nv-values{grid-template-columns:1fr;}
}