/* HADS PREMIUM V14 — final navigation, hero-fit & 3D quick access */
:root{
  --hads-v14-purple:#7b49a6;
  --hads-v14-purple-hi:#b768dc;
  --hads-v14-ink:#231d29;
}

/* Retire the old browser-history arrow completely. Keep only the TOP companion. */
.hads-page-back{display:none!important}

/* More visible, elegant TOP companion */
.hads-top-companion{
  right:24px!important;bottom:24px!important;min-width:112px!important;height:52px!important;
  padding:0 19px!important;border:1px solid rgba(123,73,166,.34)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,229,246,.96))!important;
  box-shadow:0 10px 0 rgba(108,65,139,.14),0 22px 38px rgba(72,42,90,.22),inset 0 1px 0 #fff!important;
  color:#56346c!important;font-size:11px!important;letter-spacing:.11em!important;
}
.hads-top-companion .arrow{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#9d5ec1,#70448e);color:#fff!important;font-size:15px!important;box-shadow:0 5px 12px rgba(99,57,126,.30)}
.hads-top-companion:hover{transform:translateY(-6px) scale(1.035)!important;box-shadow:0 13px 0 rgba(108,65,139,.16),0 28px 44px rgba(72,42,90,.28),inset 0 1px 0 #fff!important}

/* HOME: guarantee copy stays inside its own column and never enters the visual */
#homeHero .hero-copy{
  width:min(570px,39vw)!important;max-width:39vw!important;padding-right:18px!important;overflow:visible!important;
}
#homeHero .hero-title,#homeHero .hero-title-fixed{
  font-size:clamp(38px,3.45vw,58px)!important;line-height:1.01!important;letter-spacing:-1.8px!important;
  max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important;
}
#homeHero .hero-slides{left:47.5%!important;right:2.6%!important;border-radius:46px!important}
#homeHero .hero-slide{filter:blur(2.2px) saturate(.92) contrast(.97)!important;transform:scale(1.025)!important}
#homeHero .hero-slide::after{
  background:
    linear-gradient(90deg,rgba(249,247,251,.68) 0%,rgba(249,247,251,.10) 10%,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 78%,rgba(249,247,251,.25) 100%),
    linear-gradient(180deg,rgba(249,247,251,.32) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 82%,rgba(249,247,251,.35) 100%),
    radial-gradient(ellipse at center,rgba(10,12,18,0) 52%,rgba(22,18,28,.14) 78%,rgba(245,242,249,.52) 100%)!important;
  box-shadow:inset 0 0 72px rgba(248,246,250,.48)!important;
}

/* Quick-access buttons — same premium 3D language everywhere */
.hads-qbubble{
  min-height:62px!important;padding:11px 14px!important;border-radius:21px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f1e8f6 58%,#e8d9f0 100%)!important;
  border:1px solid rgba(126,76,158,.24)!important;
  box-shadow:0 8px 0 rgba(114,68,145,.17),0 17px 28px rgba(65,40,78,.18),inset 0 1px 0 rgba(255,255,255,.98)!important;
  color:var(--hads-v14-ink)!important;
}
.hads-qbubble .num{
  width:38px!important;height:38px!important;border-radius:13px!important;
  background:linear-gradient(145deg,#a55fca,#70438f)!important;
  box-shadow:0 6px 0 rgba(80,43,104,.22),0 12px 18px rgba(87,49,108,.25),inset 0 1px 0 rgba(255,255,255,.32)!important;
  color:#fff!important;font-size:11px!important;
}
.hads-qbubble .label{color:#302737!important;font-size:11px!important;font-weight:900!important;line-height:1.12!important;text-shadow:none!important}
.hads-qbubble:hover{
  transform:translateY(-7px) scale(1.045)!important;
  background:linear-gradient(145deg,#9b5dbd,#6f418d)!important;
  border-color:#b97add!important;
  box-shadow:0 11px 0 rgba(74,40,96,.28),0 25px 38px rgba(62,35,76,.30),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.hads-qbubble:hover .label{color:#fff!important}.hads-qbubble:hover .num{background:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)!important}

/* Expertise hero: keep headline, CTA and six quick buttons inside one screen */
.expertise-hero-with-nav{min-height:calc(100vh - 58px)!important;max-height:none!important;padding-bottom:108px!important;overflow:hidden!important}
.expertise-hero-with-nav .hero-content{padding-bottom:122px!important}
.expertise-hero-with-nav h1{font-size:clamp(48px,5.35vw,76px)!important;line-height:.96!important;max-width:880px!important;letter-spacing:-3.2px!important}
.expertise-hero-with-nav p{max-width:760px!important}
.expertise-hero-quicknav{bottom:18px!important;gap:12px!important}
.expertise-hero-quicknav .hads-qbubble{min-height:64px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,223,242,.93))!important}

/* Workwear rail gets same readable relief while keeping its left-side position */
.ww-family-rail .hads-qbubble{background:linear-gradient(145deg,rgba(27,20,31,.92),rgba(94,54,118,.92))!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 8px 0 rgba(36,21,45,.40),0 19px 31px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.15)!important}
.ww-family-rail .hads-qbubble .label{color:#fff!important}.ww-family-rail .hads-qbubble:hover{background:linear-gradient(145deg,#a05dc2,#6c4088)!important}

/* Who-we-are quicknav stays integrated in hero and readable */
.history-hero-quicknav .hads-qbubble{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,228,244,.94))!important}

@media(max-width:1180px){
  #homeHero .hero-copy{width:42vw!important;max-width:42vw!important}
  #homeHero .hero-title,#homeHero .hero-title-fixed{font-size:clamp(36px,3.7vw,52px)!important}
  #homeHero .hero-slides{left:49%!important}
}
@media(max-width:800px){
  .hads-top-companion{right:12px!important;bottom:14px!important;min-width:94px!important;height:46px!important;padding:0 13px!important}
  #homeHero .hero-copy{width:100%!important;max-width:none!important;padding-right:0!important}
  #homeHero .hero-title,#homeHero .hero-title-fixed{font-size:34px!important}
  #homeHero .hero-slides{left:4%!important;right:4%!important}
  .expertise-hero-with-nav{min-height:820px!important;padding-bottom:245px!important}
  .expertise-hero-with-nav .hero-content{padding-bottom:270px!important}
  .expertise-hero-with-nav h1{font-size:43px!important;letter-spacing:-2px!important}
  .hads-qbubble .label{font-size:10px!important}
}