/* XY STUDIO mega navigation. Scoped to the header; page grids and shared containers are untouched. */
.nav .language-switcher{display:none!important}
.nav .navin{position:relative}
.nav .navcta{border-radius:8px!important}
.nav .links{position:static;flex:1;min-width:0;justify-content:center;gap:clamp(8px,1.15vw,20px)}
.nav .nav-mega-item{display:contents}
.nav .nav-mega-trigger{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:6px 9px;border-radius:8px;white-space:nowrap;transition:background .18s ease,color .18s ease}
.nav .nav-mega-trigger:hover,.nav .nav-mega-trigger:focus-visible,.nav .nav-mega-trigger[aria-expanded="true"],.nav .nav-mega-trigger.is-active{background:var(--yellow,#f5c400);color:#111}
.nav .nav-mega-trigger:focus-visible,.nav .nav-mega-link:focus-visible,.nav .nav-mega-overview:focus-visible{outline:2px solid #111;outline-offset:3px}
.nav .nav-mega-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.nav .nav-mega-trigger[aria-expanded="true"] .nav-mega-chevron{transform:translateY(2px) rotate(225deg)}
.nav .nav-mega-panel[hidden]{display:none!important}
.nav .nav-mega-panel{position:absolute;z-index:1001;top:100%;left:0;transform:none;width:100%;max-height:calc(100dvh - 100px);overflow:auto;box-sizing:border-box;padding:0;background:#f7f7f3;color:#111;border:0;border-bottom:1px solid rgba(17,17,15,.12);border-radius:0;box-shadow:0 14px 28px rgba(17,17,15,.08)}
.nav .nav-mega-panel-inner{padding-top:26px;padding-bottom:30px}
.nav .nav-mega-panel-head{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid rgba(17,17,15,.12)}
.nav .nav-mega-overview{display:inline-flex;align-items:center;gap:12px;color:#111;font-size:18px;line-height:1.2;font-weight:700;text-decoration:none}
.nav .nav-mega-overview>span,.nav .nav-mega-link>span{display:inline-block;color:inherit;transition:transform .2s ease}
.nav .nav-mega-overview:hover>span,.nav .nav-mega-link:hover>span{transform:translate(3px,-3px)}
.nav .nav-mega-grid{display:grid;gap:8px 14px}
.nav .nav-mega-grid--services,.nav .nav-mega-grid--products{grid-template-columns:repeat(2,minmax(0,1fr))}
.nav .nav-mega-grid--industries{grid-template-columns:repeat(3,minmax(0,1fr))}
.nav .nav-mega-link{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-radius:8px;color:#242421;font-size:15px;line-height:1.3;font-weight:560;text-decoration:none;transition:background .18s ease,color .18s ease}
.nav .nav-mega-link:hover,.nav .nav-mega-link:focus-visible,.nav .nav-mega-overview:hover{background:#f5c400;color:#111}
.nav .nav-mega-link>span{opacity:0;transform:translate(-3px,3px);transition:opacity .18s ease,transform .2s ease}
.nav .nav-mega-link:hover>span,.nav .nav-mega-link:focus-visible>span{opacity:1;transform:translate(3px,-3px)}
.nav .nav-mega-link[aria-current="page"]{background:#f5c400;color:#111}
.nav .links>a[data-nav-static]{white-space:nowrap;border-radius:8px}
.nav .nav-mega-item.is-active>.nav-mega-trigger{color:#111}
@media (min-width:1101px){
  .nav .navin{position:static}
  .nav .nav-mega-item{display:block;position:static}
  .nav .nav-mega-trigger{font-size:13px;font-weight:520;letter-spacing:0;color:#474742}
  .nav .nav-mega-trigger.is-active{box-shadow:inset 0 -2px #f5c400}
  .nav .links>a[data-nav-static]{border-radius:8px}
}
@media (max-width:1100px){
  .nav .navin{position:relative}
  .nav.menu-open .navcta{border-radius:8px!important}
  .nav .links{flex:none}
  .nav.menu-open .links{display:flex!important;align-items:stretch!important;gap:0!important;padding:8px clamp(20px,3.25vw,28px) 24px!important}
  .nav.menu-open .nav-mega-item{display:block!important;width:100%;flex:none;margin:0;padding:0}
  .nav.menu-open .nav-mega-trigger{display:flex!important;align-items:center!important;justify-content:space-between;width:100%;height:64px;min-height:64px;box-sizing:border-box;padding:0;border-radius:8px;background:transparent;color:#fff;font-size:clamp(32px,6.8vw,58px);line-height:1;letter-spacing:-.055em;font-weight:650;text-align:left}
  .nav.menu-open .nav-mega-trigger:hover,.nav.menu-open .nav-mega-trigger:focus-visible,.nav.menu-open .nav-mega-trigger[aria-expanded="true"],.nav.menu-open .nav-mega-trigger.is-active{background:transparent;color:#f5c400}
  .nav.menu-open .nav-mega-chevron{width:8px;height:8px;flex:none;margin-right:6px;border-width:1.5px;transform:translateY(-2px) rotate(45deg)}
  .nav.menu-open .nav-mega-trigger[aria-expanded="true"] .nav-mega-chevron{transform:translateY(2px) rotate(225deg)}
  .nav .nav-mega-panel,.nav.menu-open .nav-mega-panel{position:static;inset:auto;transform:none;width:100%;max-height:none;overflow:visible;margin:0 0 12px;padding:0;background:transparent;color:#fff;border:0;border-radius:0;box-shadow:none}
  .nav.menu-open .nav-mega-panel-inner{width:100%!important;max-width:none!important;margin:0!important;padding:6px 0 14px!important}
  .nav .nav-mega-panel-head{padding:0 0 8px;margin:0 0 5px;border-bottom:1px solid rgba(255,255,255,.2)}
  .nav .nav-mega-overview{padding:8px 0;color:#f5c400;font-size:16px;font-weight:700}
  .nav .nav-mega-grid,.nav .nav-mega-grid--industries{grid-template-columns:1fr;gap:0}
  .nav.menu-open .links .nav-mega-link,.nav.menu-open .links .nav-mega-overview{display:flex!important;align-items:center!important;min-height:42px;height:42px;width:100%;box-sizing:border-box;padding:0;color:#fff;font-size:16px;line-height:1.35;letter-spacing:0;font-weight:500;border-radius:0;transform:none}
  .nav.menu-open .links .nav-mega-link:hover,.nav.menu-open .links .nav-mega-link:focus-visible,.nav.menu-open .links .nav-mega-link[aria-current="page"],.nav.menu-open .links .nav-mega-overview:hover,.nav.menu-open .links .nav-mega-overview:focus-visible{background:transparent;color:#f5c400;transform:none}
  .nav.menu-open .links .nav-mega-link>span,.nav.menu-open .links .nav-mega-overview>span{font-size:.875em!important;line-height:1!important;opacity:.65;transform:none}
  .nav.menu-open .links a[data-nav-static]{display:flex!important;align-items:center!important;box-sizing:border-box;width:100%;height:64px;min-height:64px;padding:0;text-align:left;font-size:clamp(32px,6.8vw,58px);line-height:1;letter-spacing:-.055em;border-radius:8px}
}
@media (prefers-reduced-motion:reduce){.nav .nav-mega-trigger,.nav .nav-mega-chevron,.nav .nav-mega-link>span,.nav .nav-mega-overview>span{transition:none!important}}


/* Release 10: final cascade for a reliably loaded menu stylesheet. */
@media (min-width: 1101px) {
  .nav .navin { position: static !important; }
  .nav .nav-mega-panel {
    position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important;
    width: 100% !important; max-width: none !important; transform: none !important;
    padding: 0 !important; background: #f7f7f3 !important; color: #111 !important;
    border: 0 !important; border-bottom: 1px solid rgba(17,17,15,.12) !important;
    border-radius: 0 !important; box-shadow: 0 14px 28px rgba(17,17,15,.08) !important;
  }
  .nav .nav-mega-panel-inner {
    width: min(var(--container-max), calc(100% - (var(--gutter-desktop) * 2))) !important;
    max-width: var(--container-max) !important; margin-inline: auto !important; box-sizing: border-box !important;
  }
}
@media (max-width: 1100px) {
  .nav.menu-open .links {
    display: flex !important; align-items: stretch !important; justify-content: flex-start !important;
    flex-direction: column !important; gap: 0 !important;
    padding: 8px clamp(20px, 6vw, 72px) 24px !important;
  }
  .nav.menu-open .links > .nav-mega-item,
  .nav.menu-open .links > a[data-nav-static] {
    width: 100% !important; margin: 0 !important; padding: 0 !important; flex: none !important; box-sizing: border-box !important;
  }
  .nav.menu-open .links > .nav-mega-item > .nav-mega-trigger,
  .nav.menu-open .links > a[data-nav-static] {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    width: 100% !important; height: 64px !important; min-height: 64px !important;
    margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;
    border: 0 !important; text-align: left !important;
  }
  .nav.menu-open .nav-mega-trigger { background: transparent !important; }

  /* Animate the three first-level buttons like the Cases and Blog links. */
  .nav.menu-open .links > .nav-mega-item > .nav-mega-trigger {
    transition: color .2s ease, transform .2s ease;
  }
  .nav.menu-open .links > .nav-mega-item > .nav-mega-trigger:hover,
  .nav.menu-open .links > .nav-mega-item > .nav-mega-trigger:focus-visible,
  .nav.menu-open .links > .nav-mega-item > .nav-mega-trigger:active {
    transform: translateX(5px);
  }
  .nav.menu-open .nav-mega-panel {
    position: static !important; width: 100% !important; max-height: none !important; overflow: visible !important;
    margin: 0 0 16px !important; padding: 0 !important; background: transparent !important;
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  }
  .nav.menu-open .nav-mega-panel-inner {
    width: 100% !important; max-width: none !important; margin: 0 !important; padding: 8px 0 14px !important;
    box-sizing: border-box !important;
  }
  .nav.menu-open .nav-mega-panel-head { margin: 0 0 6px !important; padding: 0 !important; }
  .nav.menu-open .nav-mega-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 3px !important; }
  .nav.menu-open .links .nav-mega-overview,
  .nav.menu-open .links .nav-mega-link {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    width: 100% !important; height: 46px !important; min-height: 46px !important;
    margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;
    color: #fff !important; font-size: 16px !important; line-height: 1.35 !important;
    letter-spacing: 0 !important; font-weight: 500 !important; text-align: left !important;
    border-radius: 0 !important; border-bottom: 1px solid rgba(255,255,255,.12) !important;
    background: transparent !important; transform: none !important;
  }
  .nav.menu-open .links .nav-mega-link:hover,
  .nav.menu-open .links .nav-mega-link:focus-visible,
  .nav.menu-open .links .nav-mega-overview:hover,
  .nav.menu-open .links .nav-mega-overview:focus-visible { color: #f5c400 !important; }
  .nav.menu-open .links .nav-mega-link > span,
  .nav.menu-open .links .nav-mega-overview > span {
    display: inline-block !important; flex: none !important; margin-left: 18px !important;
    font-size: .875em !important; line-height: 1 !important; opacity: .72 !important; transform: none !important;
  }
  .nav.menu-open .nav-mega-chevron { flex: none !important; margin-left: 20px !important; }
}