/* ===== PAGE HERO ===== */
.page-hero{padding-top:clamp(120px,16vw,180px);padding-bottom:clamp(56px,8vw,96px);background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1599995903128-531fc7fb694b?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;opacity:.12;}
.page-hero-inner{position:relative;}
.page-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:700;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;}
.page-hero-eyebrow::before{content:'';width:28px;height:2px;background:var(--gold);display:inline-block;}
.page-hero h1{font-size:clamp(2rem,1rem + 3vw,3.4rem);color:var(--white);margin-bottom:20px;max-width:800px;}
.page-hero h1 .accent{color:var(--gold);}
.page-hero-sub{color:rgba(255,255,255,.75);font-size:clamp(1rem,0.5rem + 1vw,1.2rem);max-width:640px;}
.breadcrumb{display:flex;align-items:center;gap:10px;margin-top:32px;font-size:.88rem;color:rgba(255,255,255,.6);}
.breadcrumb a{color:rgba(255,255,255,.75);transition:color .3s;}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb span{color:var(--gold);}

/* ===== INTRO SECTION ===== */
.about-intro{}
.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.about-intro-media{position:relative;}
.about-media-main img{border-radius:var(--radius-lg);width:100%;object-fit:cover;aspect-ratio:4/5;box-shadow:var(--shadow-md);}
.about-media-accent{position:absolute;bottom:-32px;right:-32px;width:55%;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-gold);border:4px solid var(--white);}
.about-media-accent img{width:100%;object-fit:cover;aspect-ratio:4/3;}
.founded-badge{position:absolute;top:28px;left:-24px;background:var(--gold);color:var(--navy);border-radius:var(--radius-md);padding:20px 24px;text-align:center;box-shadow:var(--shadow-gold);}
.founded-badge .num{display:block;font-family:var(--font-head);font-weight:800;font-size:1.7rem;line-height:1;}
.founded-badge .lbl{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-top:4px;}
.about-intro-content p{color:var(--grey);margin-bottom:20px;font-size:1.05rem;}
.about-facts{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}
.about-fact{display:flex;align-items:center;gap:9px;background:var(--bg);border-radius:999px;padding:10px 20px;font-size:.9rem;font-weight:600;color:var(--navy);}
.about-fact svg{width:16px;height:16px;color:var(--gold);flex-shrink:0;}

/* ===== VISION MISSION ===== */
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.vm-card{background:var(--white);border-radius:var(--radius-md);padding:44px 40px;box-shadow:var(--shadow-sm);border-top:4px solid var(--gold);}
.vm-card h3{font-size:1.35rem;margin-bottom:16px;}
.vm-card p{color:var(--grey);font-size:1.02rem;line-height:1.7;}
.vm-icon{width:52px;height:52px;background:rgba(198,193,192,.12);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:24px;}
.vm-icon svg{width:26px;height:26px;color:var(--gold);}

/* ===== CORE OPERATIONS ===== */
.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.ops-card{background:var(--white);border-radius:var(--radius-md);padding:36px 32px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease);border-bottom:3px solid transparent;}
.ops-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-bottom-color:var(--gold);}
.ops-icon{width:52px;height:52px;border-radius:var(--radius-sm);background:rgba(198,193,192,.1);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.ops-icon svg{width:26px;height:26px;color:var(--gold);}
.ops-card h3{font-size:1.1rem;margin-bottom:12px;}
.ops-card p{color:var(--grey);font-size:.95rem;line-height:1.65;}

/* ===== VALUES ===== */
.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;}
.value-card{text-align:center;padding:36px 20px;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);}
.value-num{font-family:var(--font-head);font-size:2.5rem;font-weight:800;color:rgba(198,193,192,.25);line-height:1;margin-bottom:14px;}
.value-card h4{font-size:1rem;margin-bottom:10px;}
.value-card p{color:var(--grey);font-size:.88rem;line-height:1.6;}

/* ===== WHY CHOOSE US ===== */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.why-content p{color:var(--grey);font-size:1.05rem;margin-bottom:20px;line-height:1.75;}
.why-points{display:flex;flex-direction:column;gap:18px;margin-top:32px;}
.why-point{display:flex;gap:16px;align-items:flex-start;}
.why-point-icon{width:44px;height:44px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.why-point-icon svg{width:20px;height:20px;color:var(--navy);}
.why-point-text h4{font-size:1rem;margin-bottom:6px;}
.why-point-text p{color:var(--grey);font-size:.93rem;}
.why-image{position:relative;}
.why-image img{border-radius:var(--radius-lg);width:100%;object-fit:cover;aspect-ratio:4/5;box-shadow:var(--shadow-md);}

/* ===== INDUSTRIES ===== */
.industries-list{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.industry-tag{display:inline-flex;align-items:center;gap:9px;padding:12px 24px;background:var(--white);border-radius:999px;border:1.5px solid var(--grey-light);font-size:.93rem;font-weight:600;color:var(--navy);transition:border-color .3s,background .3s;}
.industry-tag:hover{border-color:var(--gold);background:rgba(198,193,192,.07);}
.industry-tag svg{width:16px;height:16px;color:var(--gold);}

/* ===== CTA ===== */
.about-cta{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);text-align:center;}
.about-cta h2{color:var(--white);font-size:clamp(1.8rem,1rem+2vw,2.8rem);margin-bottom:18px;}
.about-cta p{color:rgba(255,255,255,.75);font-size:1.1rem;max-width:560px;margin:0 auto 40px;}
.about-cta .btn-gold{font-size:1.05rem;padding:18px 38px;}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .about-intro-grid,.why-grid{grid-template-columns:1fr;gap:52px;}
  .about-media-accent{display:none;}
  .values-grid{grid-template-columns:repeat(3,1fr);}
  .ops-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .vm-grid,.ops-grid{grid-template-columns:1fr;}
  .values-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:1fr;}
  .why-image{display:none;}
}
@media(max-width:480px){
  .values-grid{grid-template-columns:1fr;}
}

/* ============================================================
   MANAGEMENT TEAM
   ============================================================ */
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;}
.team-card{
  background:var(--white);border-radius:var(--radius-md);overflow:hidden;
  box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.team-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px rgba(92,24,38,.18);}
.team-photo{aspect-ratio:4/5;overflow:hidden;}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease);}
.team-card:hover .team-photo img{transform:scale(1.06);}
.team-info{padding:28px 30px 32px;}
.team-info h3{font-size:1.25rem;margin-bottom:4px;}
.team-role{
  display:inline-block;font-family:var(--font-body);font-weight:700;font-size:.78rem;
  letter-spacing:.06em;text-transform:uppercase;color:#8D8884;
  background:rgba(198,193,192,.12);padding:5px 12px;border-radius:20px;margin-bottom:14px;
}
.team-bio{color:var(--grey);font-size:.95rem;line-height:1.7;}

@media (max-width:700px){
  .team-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto;}
}
