/* jkt-menu-refinement-2026-09-12 */
@media screen and (max-width: 991px){
.navbar .nav-menu.w-nav-menu{box-sizing:border-box !important;width:100% !important;max-height:calc(100vh - 5.5rem) !important;overflow-y:auto !important;padding:1.2rem clamp(1.25rem,5vw,2.25rem) 1.45rem !important;border-radius:0 0 28px 28px !important;box-shadow:0 18px 40px rgba(27,32,34,.13) !important}
html body .navbar .nav-menu.w-nav-menu .header-nav-menu-list{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:.25rem !important;width:100% !important}
html body .navbar .nav-menu.w-nav-menu .header-nav-list-item,html body .navbar .nav-menu.w-nav-menu .header-nav-list-item:nth-child(2),html body .navbar .nav-menu.w-nav-menu .w-dropdown{grid-area:auto !important;width:100% !important;min-width:0 !important;min-height:0 !important}
html body .navbar .nav-menu.w-nav-menu .header-nav-link,html body .navbar .nav-menu.w-nav-menu .header-nav-link.drop,html body .navbar .nav-menu.w-nav-menu .w-dropdown-toggle{box-sizing:border-box !important;min-height:44px !important;width:100% !important;padding:.68rem 0 !important;display:flex !important;align-items:center !important;font-size:.6875rem !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:.24em !important}
html body .navbar .nav-menu.w-nav-menu .w-dropdown-toggle{justify-content:space-between !important}
html body .navbar .nav-menu.w-nav-menu .jkt-services-main-link{position:absolute !important;inset:0 2.75rem 0 0 !important;width:auto !important;display:flex !important;align-items:center !important;padding:.68rem 0 !important}
html body .navbar .nav-menu.w-nav-menu .w-icon-dropdown-toggle{right:0 !important;margin:0 !important}
html body .navbar .nav-menu.w-nav-menu .header-nav-link.contact_us_btn,html body .navbar .nav-menu.w-nav-menu .header-nav-link.contact_us_btn.w--nav-link-open{width:12rem !important;min-height:48px !important;margin:.9rem 0 .25rem !important;padding:.8rem 1rem !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fbf6f2 !important;-webkit-text-fill-color:#fbf6f2 !important;background:#222 !important;background-color:#222 !important;background-image:none !important;border:1px solid #222 !important;font-size:.6875rem !important;letter-spacing:.24em !important}
html body .navbar .nav-menu.w-nav-menu .dropdown-list.w--open{position:static !important;width:100% !important;transform:none !important;margin:0 !important;padding:.2rem 0 .55rem 1rem !important;background:transparent !important;box-shadow:none !important;border-left:1px solid rgba(34,34,34,.18) !important}
html body .navbar .nav-menu.w-nav-menu .dropdown-list .sub-link{box-sizing:border-box !important;display:flex !important;align-items:center !important;min-height:38px !important;width:100% !important;padding:.55rem 0 !important;color:rgba(34,34,34,.68) !important;font-size:.65rem !important;line-height:1.3 !important;letter-spacing:.14em !important}
html body .navbar .nav-menu.w-nav-menu a:focus-visible{outline:2px solid rgba(34,34,34,.55) !important;outline-offset:3px !important}
}
@media screen and (max-width: 479px){
html body .navbar .nav-menu.w-nav-menu{max-height:calc(100vh - 4.5rem) !important;padding:.85rem 1.25rem 1.1rem !important;border-radius:0 0 22px 22px !important}
html body .navbar .nav-menu.w-nav-menu .header-nav-link,html body .navbar .nav-menu.w-nav-menu .header-nav-link.drop,html body .navbar .nav-menu.w-nav-menu .w-dropdown-toggle{min-height:42px !important;padding:.62rem 0 !important}
html body .navbar .nav-menu.w-nav-menu .header-nav-link.contact_us_btn,html body .navbar .nav-menu.w-nav-menu .header-nav-link.contact_us_btn.w--nav-link-open{margin:.75rem 0 .15rem !important}
}

/* jkt-clients-nav-2026-09-14 */
.navbar .jkt-clients-nav-item{position:relative}
.navbar .jkt-clients-nav-trigger{display:inline-flex;align-items:center;gap:.55rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:1;letter-spacing:inherit;cursor:pointer}
.navbar .jkt-clients-nav-trigger:after{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.navbar .jkt-clients-nav-item.is-open .jkt-clients-nav-trigger:after{transform:rotate(225deg) translate(-1px,-1px)}
.navbar .jkt-clients-nav-panel{display:none;position:absolute;z-index:20;top:calc(100% + 1.1rem);left:50%;width:16.5rem;transform:translateX(-50%);padding:.35rem;background:#f5f0ea;color:#222;border:1px solid rgba(34,34,34,.16);box-shadow:0 18px 42px rgba(20,24,26,.14)}
.navbar .jkt-clients-nav-item.is-open .jkt-clients-nav-panel{display:block}
.navbar .jkt-clients-nav-link{display:block;padding:.9rem 1rem;color:#222;text-decoration:none;transition:background .2s ease,color .2s ease}
.navbar .jkt-clients-nav-link:hover,.navbar .jkt-clients-nav-link:focus-visible{background:#eae1d8;color:#222;outline:none}
.navbar .jkt-clients-nav-title{display:block;font-size:.72rem;letter-spacing:.17em;text-transform:uppercase}
.navbar .jkt-clients-nav-meta{display:block;margin-top:.35rem;color:rgba(34,34,34,.56);font-size:.65rem;letter-spacing:.04em;line-height:1.35}
@media screen and (max-width: 991px){
.navbar .nav-menu .jkt-clients-nav-item{width:100%}
.navbar .nav-menu .jkt-clients-nav-trigger{box-sizing:border-box;width:100%;min-height:44px;justify-content:space-between;padding:.68rem 0;font-size:.6875rem;font-weight:600;letter-spacing:.24em}
.navbar .nav-menu .jkt-clients-nav-panel{position:static;width:100%;transform:none;margin:0;padding:.2rem 0 .55rem 1rem;background:transparent;box-shadow:none;border:0;border-left:1px solid rgba(34,34,34,.18)}
.navbar .nav-menu .jkt-clients-nav-link{padding:.65rem 0}
}

/* jkt-clients-nav-one-line-2026-09-15 */
.navbar .jkt-clients-nav-item{position:relative;white-space:nowrap}
.navbar .jkt-clients-nav-trigger{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;margin:0;padding:0;border:0!important;background:transparent!important;color:inherit;font-family:Arial,Helvetica,sans-serif;font-size:.6875rem;font-weight:600;line-height:1;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.navbar .jkt-clients-nav-trigger:after{content:"";width:5px;height:5px;flex:0 0 5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.navbar .jkt-clients-nav-item.is-open .jkt-clients-nav-trigger:after{transform:rotate(225deg) translate(-1px,-1px)}
.navbar .jkt-clients-nav-panel{display:none;position:absolute;z-index:40;top:calc(100% + 1.1rem);left:50%;width:16.5rem;transform:translateX(-50%);padding:.35rem;background:#f5f0ea;color:#222;border:1px solid rgba(34,34,34,.16);box-shadow:0 18px 42px rgba(20,24,26,.14)}
.navbar .jkt-clients-nav-item.is-open .jkt-clients-nav-panel{display:block}
.navbar .jkt-clients-nav-link{box-sizing:border-box;display:flex;align-items:center;min-height:40px;width:100%;padding:.7rem .85rem;color:#222;background:transparent;font-family:Arial,Helvetica,sans-serif;font-size:.65rem;font-weight:600;line-height:1.25;letter-spacing:.14em;text-decoration:none;white-space:nowrap}
.navbar .jkt-clients-nav-title{display:block;white-space:nowrap}
.navbar .jkt-clients-nav-meta{display:none!important}
.navbar .jkt-clients-nav-link:hover,.navbar .jkt-clients-nav-link:focus-visible{background:rgba(34,34,34,.06);outline:none}
@media screen and (min-width:992px) and (max-width:1180px){
  .navbar .header-nav-menu-list{gap:clamp(.55rem,1.1vw,1rem)!important}
  .navbar .header-nav-link,.navbar .jkt-clients-nav-trigger{font-size:.62rem!important;letter-spacing:.18em!important}
}
@media screen and (max-width:991px){
  html body .navbar .nav-menu.w-nav-menu .jkt-clients-nav-item{box-sizing:border-box!important;width:100%!important;min-width:0!important}
  html body .navbar .nav-menu.w-nav-menu .jkt-clients-nav-trigger{display:flex!important;justify-content:space-between!important;width:100%!important;min-height:44px!important;padding:.68rem 0!important;font-size:.6875rem!important;letter-spacing:.24em!important;white-space:nowrap!important}
  html body .navbar .nav-menu.w-nav-menu .jkt-clients-nav-panel{position:static!important;width:100%!important;transform:none!important;margin:0!important;padding:.15rem 0 .55rem 1rem!important;background:transparent!important;border:0!important;border-left:1px solid rgba(34,34,34,.18)!important;box-shadow:none!important}
  html body .navbar .nav-menu.w-nav-menu .jkt-clients-nav-link{min-height:38px!important;padding:.55rem 0 .55rem .8rem!important;color:rgba(34,34,34,.68)!important;font-size:.65rem!important;letter-spacing:.14em!important;white-space:nowrap!important}
}
@media screen and (max-width:479px){
  html body .navbar .nav-menu.w-nav-menu .jkt-clients-nav-trigger{min-height:42px!important;padding:.62rem 0!important}
}

/* jkt-clients-nav-color-2026-09-15 */
.navbar .jkt-clients-nav-trigger{
  color:#222!important;
  -webkit-text-fill-color:#222!important;
}

/* jkt-clients-nav-final-polish-2026-09-15 */
/* Keep CLIENTS on the same baseline and in the same spacing rhythm as the native links. */
.navbar .header-nav-menu-list > .jkt-clients-nav-item{
  display:flex!important;
  align-items:center!important;
  align-self:stretch!important;
  margin:0!important;
}
.navbar .header-nav-menu-list > .jkt-clients-nav-item > .jkt-clients-nav-trigger{
  display:flex!important;
  align-items:center!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
/* Desktop headers inherit their existing light/dark treatment. */
.navbar .jkt-clients-nav-trigger{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
/* The opened mobile menu is cream, so its CLIENTS label stays charcoal. */
@media screen and (max-width:991px){
  html body .navbar .nav-menu.w-nav-menu .jkt-clients-nav-item{display:block!important;align-self:auto!important}
  html body .navbar .nav-menu.w-nav-menu .jkt-clients-nav-trigger{
    display:flex!important;
    align-items:center!important;
    height:auto!important;
    line-height:1.3!important;
    color:#222!important;
    -webkit-text-fill-color:#222!important;
  }
}

/* jkt-clients-nav-baseline-2026-09-15 */
/* Match the native desktop link height so CLIENTS shares their exact baseline. */
@media screen and (min-width:992px){
  .navbar .header-nav-menu-list > .jkt-clients-nav-item{
    display:list-item!important;
    align-self:auto!important;
    align-items:normal!important;
  }
  .navbar .header-nav-menu-list > .jkt-clients-nav-item > .jkt-clients-nav-trigger{
    display:inline-flex!important;
    align-items:center!important;
    height:19.5px!important;
    min-height:19.5px!important;
    line-height:19.5px!important;
    vertical-align:middle!important;
  }
}

/* jkt-clients-nav-theme-2026-09-15 */
/* Match the existing header theme: charcoal on cream headers, white on image headers. */
body.jkt-home-master .navbar .jkt-clients-nav-trigger,
body.jkt-services-light-header .navbar .jkt-clients-nav-trigger{
  color:#222!important;
  -webkit-text-fill-color:#222!important;
}
@media screen and (min-width:992px){
  /* Optical correction for the button glyphs against the native link baseline. */
  .navbar .header-nav-menu-list > .jkt-clients-nav-item > .jkt-clients-nav-trigger{
    transform:translateY(-1px)!important;
  }
}

/* jkt-clients-nav-home-image-theme-2026-09-15 */
/* Homepage uses the image-led hero header, so CLIENTS follows the native ivory nav treatment. */
body.jkt-home-master .navbar .jkt-clients-nav-trigger{
  color:#fbf6f2!important;
  -webkit-text-fill-color:#fbf6f2!important;
}
body.jkt-home-master .navbar .jkt-clients-nav-trigger:after{
  border-color:currentColor!important;
}
