/* ======================================================
   NADMAA SERVICES MENU V9
   ====================================================== */

.nav-services-trigger{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  font:inherit;

  display:inline-flex;
  align-items:center;
  gap:7px;
}

.nav-services-trigger:hover{
  opacity:.7;
}

.nav-services-chevron{
  font-size:11px;
  line-height:1;
  transition:transform .18s ease;
}

.nav-services-trigger[aria-expanded="true"] .nav-services-chevron{
  transform:rotate(180deg);
}

.services-mega-v9{
  position:fixed;
  left:0;
  right:0;

  z-index:999;

  overflow-y:auto;

  background:#f2efe7;

  border-top:1px solid #d7d1c5;
  border-bottom:1px solid #171715;

  box-shadow:
    0 28px 70px rgba(23,23,21,.12);
}

.services-mega-v9[hidden]{
  display:none !important;
}

.services-mega-v9-inner{
  width:min(1410px,calc(100% - 96px));

  margin:0 auto;

  padding:
    35px
    0
    42px;

  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    330px;

  gap:55px;
}

.services-mega-v9-topline{
  display:flex;

  justify-content:space-between;

  gap:30px;

  margin-bottom:24px;

  padding-bottom:14px;

  border-bottom:
    1px
    solid
    #171715;

  color:#77736c;

  font:
    600
    10px/1.2
    Inter,sans-serif;

  letter-spacing:.12em;

  text-transform:uppercase;
}

.services-mega-v9-groups{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:36px;
}

.services-mega-v9-group h2{
  margin:
    0
    0
    14px;

  font:
    600
    11px/1.2
    Inter,sans-serif;

  letter-spacing:.1em;

  text-transform:uppercase;
}

.services-mega-v9-link{
  position:relative;

  display:block;

  min-height:91px;

  padding:
    14px
    28px
    14px
    0;

  border-top:
    1px
    solid
    rgba(23,23,21,.12);
}

.services-mega-v9-link strong{
  display:block;

  margin-bottom:5px;

  color:#171715;

  font:
    500
    15px/1.25
    Inter,sans-serif;
}

.services-mega-v9-link span{
  display:block;

  max-width:300px;

  color:#706c64;

  font:
    400
    12px/1.45
    Inter,sans-serif;
}

.services-mega-v9-link i{
  position:absolute;

  right:3px;
  top:15px;

  opacity:.25;

  font-style:normal;

  transition:
    opacity .18s ease,
    transform .18s ease;
}

.services-mega-v9-link:hover i{
  opacity:1;
  transform:translate(2px,-2px);
}

.services-mega-v9-aside{
  align-self:start;

  padding:
    27px;

  background:#cad2c7;
}

.services-mega-v9-aside>span{
  display:block;

  margin-bottom:18px;

  color:#686a64;

  font:
    600
    9px/1.2
    Inter,sans-serif;

  letter-spacing:.11em;

  text-transform:uppercase;
}

.services-mega-v9-aside h2{
  margin:0;

  font:
    400
    2.55rem/.97
    Newsreader,serif;

  letter-spacing:-.035em;
}

.services-mega-v9-aside p{
  margin:
    20px
    0
    27px;

  color:#484740;

  font:
    400
    14px/1.55
    Inter,sans-serif;
}

.services-mega-v9-aside a{
  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:20px;

  padding:
    15px
    17px;

  background:#171715;

  color:#faf8f3;

  font:
    600
    12px/1
    Inter,sans-serif;
}

@media(max-width:960px){
  .services-mega-v9,
  .nav-services-trigger{
    display:none !important;
  }
}


/* =========================================================
   HEADER TYPOGRAPHY CONSISTENCY — V9.1
   ========================================================= */

@media(min-width:961px){

  .site-header .desktop-nav a,
  .site-header .nav-services-trigger,
  .site-header .nav-cta{
    font-family:Inter,sans-serif !important;
    font-size:16px !important;
    line-height:1 !important;
  }

  .site-header .desktop-nav a,
  .site-header .nav-services-trigger{
    font-weight:500 !important;
  }

  .site-header .nav-cta{
    font-weight:600 !important;

    min-height:46px;

    padding-left:17px !important;
    padding-right:17px !important;
  }

  .site-header .desktop-nav{
    align-items:center;
    gap:28px;
  }

  .site-header .nav-services-trigger{
    min-height:46px;
  }
}


/* Footer uses its own coloured wordmark.
   Do not invert/grayscale it. */

.footer-logo{
  filter:none !important;
}

.footer-logo img{
  width:154px;
  height:auto;
}