/* HADS — WHO WE ARE focused master
   Scope: History / HADS Today / Values / Certifications only.
   Goal: keep the original approved hero imagery and content, while applying the validated Home visual language.
*/

:root{
  --hads-purple:#8f4cb5;
  --hads-purple-dark:#6f378d;
  --hads-ink:#17141d;
  --hads-soft:#f7f3f9;
  --hads-radius:30px;
  --hads-shadow:0 14px 34px rgba(46,25,56,.14);
  --hads-relief:0 9px 0 rgba(119,73,139,.18),0 16px 32px rgba(43,20,54,.12);
}

/* 1. HERO — same compact, premium geometry as validated Home */
.hads-who-history .history-hero,
.hads-who-today .today-hero,
.hads-who-values .hero,
.hads-who-certifications .hero{
  width:calc(100% - 24px)!important;
  margin:0 12px!important;
  border-radius:0 0 var(--hads-radius) var(--hads-radius)!important;
  overflow:hidden!important;
  box-shadow:var(--hads-shadow)!important;
}

.hads-who-history .history-hero,
.hads-who-values .hero,
.hads-who-certifications .hero{
  min-height:calc(100svh - 118px)!important;
  max-height:720px!important;
}

.hads-who-today .today-hero{
  height:calc(100svh - 118px)!important;
  min-height:610px!important;
  max-height:720px!important;
}

/* preserve the old approved photos; only refine the fade */
.hads-who-history .history-hero::before,
.hads-who-values .hero::before,
.hads-who-certifications .hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(90deg,rgba(11,10,14,.16) 0%,transparent 18%,transparent 84%,rgba(121,87,154,.10) 100%);
}

.hads-who-history .history-hero-content,
.hads-who-values .hero-content,
.hads-who-certifications .hero-content{
  padding-bottom:76px!important;
}

.hads-who-today .today-hero-content{
  padding-bottom:74px!important;
}

/* typography: retain old wording, align hierarchy with Home */
.hads-who-history .history-hero h1,
.hads-who-values .hero h1,
.hads-who-certifications .hero h1,
.hads-who-today .today-hero h1{
  text-wrap:balance;
  letter-spacing:-.055em!important;
}

.hads-who-history .history-hero p,
.hads-who-values .hero p,
.hads-who-certifications .hero p,
.hads-who-today .today-hero p{
  max-width:650px!important;
}

/* 2. WHO-WE-ARE navigation = Home-like raised cards, without covering content */
.hads-who-history .subnav,
.hads-who-today .subnav,
.hads-who-values .subnav,
.hads-who-certifications .subnav{
  position:relative!important;
  z-index:20!important;
  border:0!important;
  background:transparent!important;
  margin-top:-72px!important;
  padding:0 28px 18px!important;
}

.hads-who-history .subnav-inner,
.hads-who-today .subnav-inner,
.hads-who-values .subnav-inner,
.hads-who-certifications .subnav-inner{
  width:min(1440px,100%)!important;
  margin:0 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

.hads-who-history .subnav a,
.hads-who-today .subnav a,
.hads-who-values .subnav a,
.hads-who-certifications .subnav a{
  min-height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px 20px!important;
  border:1px solid rgba(125,79,146,.17)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.94)!important;
  color:#37303c!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  box-shadow:0 8px 0 rgba(119,73,139,.13),0 14px 28px rgba(48,26,58,.10)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important;
}

.hads-who-history .subnav a:hover,
.hads-who-today .subnav a:hover,
.hads-who-values .subnav a:hover,
.hads-who-certifications .subnav a:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 0 rgba(119,73,139,.17),0 18px 32px rgba(48,26,58,.13)!important;
}

.hads-who-history .subnav a.active,
.hads-who-today .subnav a.active,
.hads-who-values .subnav a.active,
.hads-who-certifications .subnav a.active{
  color:#fff!important;
  border-color:rgba(101,47,124,.35)!important;
  background:linear-gradient(180deg,#a55fc5 0%,#8745aa 100%)!important;
  box-shadow:0 9px 0 #6f378d,0 17px 30px rgba(86,42,108,.24)!important;
}

/* 3. CTA relief borrowed from Home, but only where CTAs already exist */
.hads-who-today .hero-actions a,
.hads-who-history .btn,
.hads-who-values .btn,
.hads-who-certifications .btn{
  border-radius:18px!important;
  min-height:58px!important;
  box-shadow:0 8px 0 rgba(100,51,123,.22),0 14px 26px rgba(50,25,60,.14)!important;
}

/* 4. Content spacing: remove dead zones but preserve page content */
.hads-who-history section,
.hads-who-values section,
.hads-who-certifications section{
  scroll-margin-top:76px;
}

/* 5. Mobile — no chopped hero, no chopped cards */
@media (max-width:900px){
  .hads-who-history .history-hero,
  .hads-who-today .today-hero,
  .hads-who-values .hero,
  .hads-who-certifications .hero{
    width:100%!important;
    margin:0!important;
    border-radius:0 0 24px 24px!important;
    max-height:none!important;
  }

  .hads-who-history .history-hero,
  .hads-who-values .hero,
  .hads-who-certifications .hero{
    min-height:660px!important;
  }

  .hads-who-today .today-hero{
    height:680px!important;
    min-height:680px!important;
  }

  .hads-who-history .history-hero-content,
  .hads-who-values .hero-content,
  .hads-who-certifications .hero-content,
  .hads-who-today .today-hero-content{
    padding-bottom:98px!important;
  }

  .hads-who-history .subnav,
  .hads-who-today .subnav,
  .hads-who-values .subnav,
  .hads-who-certifications .subnav{
    margin-top:-58px!important;
    padding:0 14px 16px!important;
    overflow:visible!important;
  }

  .hads-who-history .subnav-inner,
  .hads-who-today .subnav-inner,
  .hads-who-values .subnav-inner,
  .hads-who-certifications .subnav-inner{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    padding:0 2px 8px!important;
  }

  .hads-who-history .subnav-inner::-webkit-scrollbar,
  .hads-who-today .subnav-inner::-webkit-scrollbar,
  .hads-who-values .subnav-inner::-webkit-scrollbar,
  .hads-who-certifications .subnav-inner::-webkit-scrollbar{display:none!important;}

  .hads-who-history .subnav a,
  .hads-who-today .subnav a,
  .hads-who-values .subnav a,
  .hads-who-certifications .subnav a{
    flex:0 0 72vw!important;
    min-height:62px!important;
    scroll-snap-align:start!important;
    border-radius:18px!important;
  }
}

@media (max-width:560px){
  .hads-who-history .history-hero,
  .hads-who-values .hero,
  .hads-who-certifications .hero{
    min-height:610px!important;
  }
  .hads-who-today .today-hero{height:630px!important;min-height:630px!important;}
  .hads-who-history .history-hero h1,
  .hads-who-values .hero h1,
  .hads-who-certifications .hero h1{font-size:clamp(40px,12vw,58px)!important;}
}

/* =========================================================
   V2 — WHO WE ARE approved direction
   3 pages only: History / HADS Today / Values
   Standard hero: image LEFT + message RIGHT, Home-style relief.
========================================================= */

/* --- Three-item navigation after Certifications removal --- */
.hads-who-history .subnav-inner,
.hads-who-today .subnav-inner,
.hads-who-values .subnav-inner{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  max-width:1120px!important;
}

/* --- Shared split hero geometry --- */
.hads-who-history .history-hero,
.hads-who-today .today-hero,
.hads-who-values .hero{
  height:620px!important;
  min-height:620px!important;
  max-height:620px!important;
  background:#fbf9fc!important;
  color:var(--hads-ink)!important;
  align-items:stretch!important;
  isolation:isolate;
}

.hads-who-history .history-hero::before,
.hads-who-values .hero::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:59%!important;
  z-index:0!important;
  border-radius:0 30px 30px 0!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:saturate(.94) contrast(1.02)!important;
}
.hads-who-history .history-hero::before{
  background-image:url("../images/history/11-kassab-old-factory.webp")!important;
}
.hads-who-values .hero::before{
  background-image:url("../images/hero/hero-02-cocreation.webp")!important;
}

/* Soft transition from image to copy, inspired by validated Home */
.hads-who-history .history-hero::after,
.hads-who-values .hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(13,11,16,.10) 0%,
    rgba(13,11,16,.04) 48%,
    rgba(251,249,252,.24) 55%,
    rgba(251,249,252,.92) 62%,
    #fbf9fc 69%,
    #fbf9fc 100%)!important;
}

.hads-who-history .history-hero-content,
.hads-who-values .hero-content{
  position:relative!important;
  z-index:3!important;
  width:40%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:5.5%!important;
  padding:70px 0 118px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}

.hads-who-history .hero-tag,
.hads-who-values .hero-tag{
  color:#8f4cb5!important;
}
.hads-who-history .history-hero h1,
.hads-who-values .hero h1{
  color:#17141d!important;
  font-size:clamp(46px,4.25vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  max-width:650px!important;
}
.hads-who-history .history-hero h1 span,
.hads-who-values .hero h1 span{
  color:#8f4cb5!important;
}
.hads-who-history .history-hero p,
.hads-who-values .hero p{
  color:#625b66!important;
  font-size:16px!important;
  line-height:1.65!important;
  max-width:590px!important;
}
.hads-who-history .scroll-note{
  color:#6f6673!important;
}

/* HADS Today carousel: pictures stay alive on left, copy becomes clean on right */
.hads-who-today .today-slides{
  inset:0 auto 0 0!important;
  width:59%!important;
  border-radius:0 30px 30px 0!important;
  overflow:hidden!important;
}
.hads-who-today .today-slide::after{
  background:linear-gradient(90deg,
    rgba(12,10,15,.15) 0%,
    rgba(12,10,15,.04) 70%,
    rgba(251,249,252,.22) 86%,
    rgba(251,249,252,.92) 100%)!important;
}
.hads-who-today .today-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 48%,rgba(251,249,252,.25) 57%,#fbf9fc 66%);
}
.hads-who-today .today-hero-content{
  z-index:3!important;
  width:40%!important;
  max-width:none!important;
  margin:0 5.5% 0 auto!important;
  padding:68px 0 122px!important;
  height:100%!important;
}
.hads-who-today .today-copy{
  width:100%!important;
}
.hads-who-today .hero-kicker{color:#8f4cb5!important;}
.hads-who-today .today-title{
  color:#17141d!important;
  font-size:clamp(46px,4.1vw,70px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
.hads-who-today .today-title span{color:#8f4cb5!important;}
.hads-who-today .today-description{
  color:#625b66!important;
  font-size:16px!important;
  line-height:1.65!important;
}
.hads-who-today .today-hero-nav{
  left:24px!important;
  right:auto!important;
  bottom:28px!important;
  transform:none!important;
}
.hads-who-today .hero-progress{
  left:24px!important;
  width:calc(59% - 48px)!important;
  right:auto!important;
}

/* Navigation under heroes: raised Home-like bubbles */
.hads-who-history .subnav,
.hads-who-today .subnav,
.hads-who-values .subnav{
  margin-top:-62px!important;
  padding-bottom:24px!important;
}
.hads-who-history .subnav a,
.hads-who-today .subnav a,
.hads-who-values .subnav a{
  min-height:82px!important;
  border-radius:24px!important;
  font-size:13px!important;
  box-shadow:0 9px 0 rgba(119,73,139,.14),0 18px 34px rgba(44,22,55,.12)!important;
}

/* =========================================================
   HADS TODAY — intelligent bridge to Expertise
========================================================= */
.hads-today-expertise-bridge{
  padding:64px 0 70px;
  background:linear-gradient(180deg,#fff 0%,#f8f4fa 100%);
}
.hads-today-expertise-bridge .bridge-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:28px;
}
.hads-today-expertise-bridge .bridge-kicker{
  display:block;
  margin-bottom:10px;
  color:#8f4cb5;
  font-size:11px;
  font-weight:800;
  letter-spacing:.26em;
  text-transform:uppercase;
}
.hads-today-expertise-bridge h2{
  margin:0;
  max-width:700px;
  font-family:"Syne","Manrope",sans-serif;
  font-size:clamp(36px,4vw,60px);
  line-height:1;
  letter-spacing:-.05em;
  color:#17141d;
}
.hads-today-expertise-bridge .bridge-intro{
  max-width:470px;
  color:#6a626e;
  font-size:15px;
  line-height:1.7;
}
.expertise-jump-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.expertise-jump-card{
  min-height:240px;
  position:relative;
  overflow:hidden;
  border-radius:26px;
  text-decoration:none;
  color:#fff;
  background:#1b1720;
  box-shadow:0 10px 0 rgba(119,73,139,.14),0 18px 34px rgba(44,22,55,.14);
  transform:translateY(0);
  transition:transform .22s ease,box-shadow .22s ease;
}
.expertise-jump-card:hover{
  transform:translateY(-4px);
  box-shadow:0 13px 0 rgba(119,73,139,.18),0 24px 40px rgba(44,22,55,.18);
}
.expertise-jump-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.expertise-jump-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(13,10,17,.88) 0%,rgba(13,10,17,.35) 52%,rgba(13,10,17,.06) 100%);
}
.expertise-jump-card .jump-number,
.expertise-jump-card .jump-copy{position:absolute;z-index:2;}
.expertise-jump-card .jump-number{
  top:16px;left:16px;
  width:50px;height:50px;
  display:grid;place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,#a85fca,#8241a4);
  box-shadow:0 7px 0 #683486,0 12px 24px rgba(30,14,40,.28);
  font-weight:800;
}
.expertise-jump-card .jump-copy{left:20px;right:20px;bottom:18px;}
.expertise-jump-card h3{
  margin:0 0 5px;
  font-family:"Syne","Manrope",sans-serif;
  font-size:23px;
  letter-spacing:-.025em;
}
.expertise-jump-card p{margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.45;}

/* Values content gets more air but avoids dead zones */
.hads-who-values .intro,
.hads-who-values .values-section,
.hads-who-values .people,
.hads-who-values .philosophy{
  padding-top:72px!important;
  padding-bottom:72px!important;
}

@media (max-width:980px){
  .hads-who-history .history-hero,
  .hads-who-today .today-hero,
  .hads-who-values .hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-top:52vw!important;
  }
  .hads-who-history .history-hero::before,
  .hads-who-values .hero::before,
  .hads-who-today .today-slides{
    width:100%!important;
    height:52vw!important;
    min-height:300px!important;
    bottom:auto!important;
    border-radius:0 0 24px 24px!important;
  }
  .hads-who-history .history-hero::after,
  .hads-who-values .hero::after,
  .hads-who-today .today-hero::after{
    background:linear-gradient(180deg,transparent 40%,rgba(251,249,252,.58) 68%,#fbf9fc 86%)!important;
  }
  .hads-who-history .history-hero-content,
  .hads-who-values .hero-content,
  .hads-who-today .today-hero-content{
    width:100%!important;
    margin:0!important;
    padding:48px 22px 116px!important;
  }
  .hads-who-today .today-copy{width:100%!important;}
  .hads-who-today .today-hero-nav{top:calc(52vw - 58px)!important;bottom:auto!important;}
  .hads-who-today .hero-progress{top:calc(52vw - 10px)!important;bottom:auto!important;width:calc(100% - 48px)!important;}
  .expertise-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:640px){
  .hads-who-history .subnav-inner,
  .hads-who-today .subnav-inner,
  .hads-who-values .subnav-inner{max-width:none!important;}
  .hads-who-history .subnav a,
  .hads-who-today .subnav a,
  .hads-who-values .subnav a{flex-basis:76vw!important;}
  .hads-today-expertise-bridge{padding:52px 0 58px;}
  .hads-today-expertise-bridge .bridge-head{display:block;}
  .hads-today-expertise-bridge .bridge-intro{margin-top:16px;}
  .expertise-jump-grid{grid-template-columns:1fr;}
  .expertise-jump-card{min-height:210px;}
}

/* =========================================================
   V3 — HERO RIGHT / COPY LEFT + THIN 3D NAV
   Requested after V2 approval. Scope: History / HADS Today / Values only.
========================================================= */

/* Keep only one Who-We-Are navigation row below each hero */
.hads-who-history .history-hero-quicknav{display:none!important;}

/* Compact shared hero */
.hads-who-history .history-hero,
.hads-who-today .today-hero,
.hads-who-values .hero{
  height:570px!important;
  min-height:570px!important;
  max-height:570px!important;
  background:#fbf9fc!important;
  overflow:hidden!important;
}

/* HISTORY + VALUES : full photo on the RIGHT */
.hads-who-history .history-hero::before,
.hads-who-values .hero::before{
  inset:0 0 0 auto!important;
  width:58%!important;
  height:100%!important;
  border-radius:30px 0 0 30px!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:saturate(.96) contrast(1.01)!important;
}

/* Fade is located on the LEFT EDGE of the photo, not over the copy */
.hads-who-history .history-hero::after,
.hads-who-values .hero::after{
  background:linear-gradient(90deg,
    #fbf9fc 0%,
    #fbf9fc 37%,
    rgba(251,249,252,.98) 42%,
    rgba(251,249,252,.82) 47%,
    rgba(251,249,252,.48) 52%,
    rgba(251,249,252,.16) 57%,
    transparent 64%,
    transparent 100%)!important;
}

/* Copy becomes a clean editorial block on the LEFT */
.hads-who-history .history-hero-content,
.hads-who-values .hero-content{
  width:42%!important;
  max-width:680px!important;
  margin:0 auto 0 5.2%!important;
  padding:56px 0 98px!important;
  justify-content:center!important;
  align-items:flex-start!important;
}

.hads-who-history .history-hero h1,
.hads-who-values .hero h1{
  font-size:clamp(44px,3.9vw,66px)!important;
  line-height:.98!important;
  max-width:620px!important;
}

.hads-who-history .history-hero p,
.hads-who-values .hero p{
  max-width:560px!important;
  margin-top:22px!important;
}

/* HADS TODAY : carousel/image on RIGHT, copy LEFT */
.hads-who-today .today-slides{
  inset:0 0 0 auto!important;
  width:58%!important;
  height:100%!important;
  border-radius:30px 0 0 30px!important;
  overflow:hidden!important;
  background:#e8e2eb!important;
}
.hads-who-today .today-slide{
  background-size:cover!important;
  background-position:center center!important;
}
.hads-who-today .today-slide::after{
  background:linear-gradient(90deg,
    rgba(251,249,252,.72) 0%,
    rgba(251,249,252,.26) 12%,
    rgba(251,249,252,.05) 24%,
    transparent 38%,
    transparent 100%)!important;
}
.hads-who-today .today-hero::after{
  background:linear-gradient(90deg,
    #fbf9fc 0%,
    #fbf9fc 37%,
    rgba(251,249,252,.98) 42%,
    rgba(251,249,252,.82) 47%,
    rgba(251,249,252,.48) 52%,
    rgba(251,249,252,.16) 57%,
    transparent 64%)!important;
}
.hads-who-today .today-hero-content{
  width:42%!important;
  max-width:680px!important;
  margin:0 auto 0 5.2%!important;
  padding:54px 0 102px!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.hads-who-today .today-title{
  font-size:clamp(44px,3.8vw,64px)!important;
  line-height:.98!important;
}
.hads-who-today .today-description{max-width:560px!important;}
.hads-who-today .today-hero-nav{
  left:auto!important;
  right:24px!important;
  bottom:24px!important;
}
.hads-who-today .hero-progress{
  left:auto!important;
  right:24px!important;
  width:calc(58% - 48px)!important;
}

/* Premium 3D navigation row BELOW hero — History / HADS Today / Values */
.hads-who-history .subnav,
.hads-who-today .subnav,
.hads-who-values .subnav{
  margin-top:18px!important;
  padding:0 24px 30px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:25!important;
}
.hads-who-history .subnav-inner,
.hads-who-today .subnav-inner,
.hads-who-values .subnav-inner{
  max-width:1200px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.hads-who-history .subnav a,
.hads-who-today .subnav a,
.hads-who-values .subnav a{
  position:relative!important;
  min-height:64px!important;
  padding:11px 22px 11px 62px!important;
  border-radius:20px!important;
  border:1px solid rgba(126,75,148,.20)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,239,249,.96))!important;
  box-shadow:0 5px 0 rgba(111,55,141,.16),0 11px 24px rgba(48,26,58,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  justify-content:flex-start!important;
}
.hads-who-history .subnav a::before,
.hads-who-today .subnav a::before,
.hads-who-values .subnav a::before{
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#a85fca,#8241a4)!important;
  box-shadow:0 4px 0 #693486,0 7px 15px rgba(62,31,78,.25)!important;
  font-size:10px!important;
  font-weight:900!important;
}
.hads-who-history .subnav a:nth-child(1)::before,
.hads-who-today .subnav a:nth-child(1)::before,
.hads-who-values .subnav a:nth-child(1)::before{content:"01"!important;}
.hads-who-history .subnav a:nth-child(2)::before,
.hads-who-today .subnav a:nth-child(2)::before,
.hads-who-values .subnav a:nth-child(2)::before{content:"02"!important;}
.hads-who-history .subnav a:nth-child(3)::before,
.hads-who-today .subnav a:nth-child(3)::before,
.hads-who-values .subnav a:nth-child(3)::before{content:"03"!important;}
.hads-who-history .subnav a:hover,
.hads-who-today .subnav a:hover,
.hads-who-values .subnav a:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 7px 0 rgba(111,55,141,.18),0 15px 28px rgba(48,26,58,.15),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.hads-who-history .subnav a.active,
.hads-who-today .subnav a.active,
.hads-who-values .subnav a.active{
  color:#fff!important;
  background:linear-gradient(180deg,#a15bc1 0%,#8443a6 100%)!important;
  border-color:rgba(100,48,123,.30)!important;
  box-shadow:0 6px 0 #693486,0 14px 28px rgba(76,38,96,.24),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.hads-who-history .subnav a.active::before,
.hads-who-today .subnav a.active::before,
.hads-who-values .subnav a.active::before{
  background:rgba(255,255,255,.20)!important;
  box-shadow:0 3px 0 rgba(49,18,65,.28),inset 0 1px 0 rgba(255,255,255,.20)!important;
}

/* Mobile: photo remains complete as a top visual, copy below */
@media (max-width:980px){
  .hads-who-history .history-hero,
  .hads-who-today .today-hero,
  .hads-who-values .hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-top:min(62vw,430px)!important;
  }
  .hads-who-history .history-hero::before,
  .hads-who-values .hero::before,
  .hads-who-today .today-slides{
    inset:0 0 auto 0!important;
    width:100%!important;
    height:min(62vw,430px)!important;
    border-radius:0 0 24px 24px!important;
    background-position:center!important;
  }
  .hads-who-history .history-hero::after,
  .hads-who-values .hero::after,
  .hads-who-today .today-hero::after{
    background:linear-gradient(180deg,transparent 0%,transparent 44%,rgba(251,249,252,.44) 61%,#fbf9fc 78%,#fbf9fc 100%)!important;
  }
  .hads-who-history .history-hero-content,
  .hads-who-values .hero-content,
  .hads-who-today .today-hero-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:42px 22px 88px!important;
  }
  .hads-who-today .today-hero-nav{
    top:calc(min(62vw,430px) - 54px)!important;
    right:18px!important;
    bottom:auto!important;
  }
  .hads-who-today .hero-progress{
    top:calc(min(62vw,430px) - 9px)!important;
    right:18px!important;
    bottom:auto!important;
    width:calc(100% - 36px)!important;
  }
  .hads-who-history .subnav,
  .hads-who-today .subnav,
  .hads-who-values .subnav{
    margin-top:14px!important;
    padding:0 14px 22px!important;
  }
  .hads-who-history .subnav a,
  .hads-who-today .subnav a,
  .hads-who-values .subnav a{
    flex:0 0 78vw!important;
    min-height:58px!important;
    padding-left:56px!important;
  }
}