/* ALTARON V45 — one immutable header geometry for every page.
   This file is loaded LAST and owns all header geometry. */
:root{
  --a45-header-h:90px;
  --a45-header-x:56px;
  --a45-header-side:220px;
  --a45-nav-gap:32px;
}

.site-header{
  position:fixed!important;
  z-index:1000!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:var(--a45-header-h)!important;
  min-height:var(--a45-header-h)!important;
  padding:0 var(--a45-header-x)!important;
  display:grid!important;
  grid-template-columns:var(--a45-header-side) minmax(0,1fr) var(--a45-header-side)!important;
  align-items:center!important;
  background:rgba(7,12,14,.975)!important;
  border:0!important;
  border-bottom:1px solid rgba(203,217,221,.12)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
  transition:background .2s ease!important;
}
.site-header::before,.site-header::after{display:none!important}
.site-header.is-scrolled{
  height:var(--a45-header-h)!important;
  min-height:var(--a45-header-h)!important;
  background:rgba(7,12,14,.99)!important;
  box-shadow:none!important;
}

.site-brand{
  justify-self:start!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:170px!important;
  height:var(--a45-header-h)!important;
  padding:0!important;
  margin:0!important;
}
.site-brand img,
.site-header.is-scrolled .site-brand img{
  display:block!important;
  width:auto!important;
  height:66px!important;
  max-width:160px!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}

.site-nav{
  position:static!important;
  justify-self:center!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:var(--a45-nav-gap)!important;
  width:max-content!important;
  min-width:0!important;
  height:var(--a45-header-h)!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.site-nav>a,
.site-domain-nav>a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  height:var(--a45-header-h)!important;
  box-sizing:border-box!important;
  padding:2px 0 0!important;
  margin:0!important;
  color:rgba(235,240,239,.74)!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:-.018em!important;
  white-space:nowrap!important;
  transform:none!important;
  transition:color .18s ease!important;
}
.site-nav>a::after,
.site-domain-nav>a::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:19px!important;
  height:1px!important;
  background:#a9bdc4!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:transform .18s ease!important;
}
.site-nav>a:hover,.site-domain-nav>a:hover,.site-nav>a.is-active,.site-domain-nav>a.is-active{color:#fff!important}
.site-nav>a:hover::after,.site-domain-nav>a:hover::after,.site-nav>a.is-active::after,.site-domain-nav>a.is-active::after{transform:scaleX(1)!important}

.site-domain-nav{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  height:var(--a45-header-h)!important;
  padding:0!important;
  margin:0!important;
}
.site-domain-toggle{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  min-width:22px!important;
  height:36px!important;
  padding:0!important;
  margin:1px 0 0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#9eafb5!important;
  cursor:pointer!important;
}
.site-domain-toggle::before,.site-domain-toggle::after{display:none!important}
.site-domain-toggle span{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-right:1px solid currentColor!important;
  border-bottom:1px solid currentColor!important;
  transform:translateY(-2px) rotate(45deg)!important;
  transition:transform .18s ease,color .18s ease!important;
}
.site-domain-nav.is-open .site-domain-toggle span{transform:translateY(2px) rotate(225deg)!important;color:#fff!important}
.site-domain-toggle:hover{background:rgba(157,178,187,.07)!important;color:#e7edef!important}

.site-contact{
  justify-self:end!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 8px 0 18px!important;
  margin:0!important;
  gap:12px!important;
  border:1px solid rgba(203,217,221,.15)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.022)!important;
  color:#eef2f1!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:600!important;
  transform:none!important;
}
.site-contact>span:first-child{font-size:14px!important;color:inherit!important}
.site-contact i,.site-contact>span:last-child{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  background:rgba(157,181,190,.10)!important;
  color:#dbe5e8!important;
  font-size:15px!important;
  font-style:normal!important;
}
.site-contact:hover{border-color:rgba(203,217,221,.27)!important;background:rgba(157,181,190,.055)!important}

.site-menu{display:none!important}

/* shared offsets */
body{--header:var(--a45-header-h)!important}
.a31-mega{top:var(--a45-header-h)!important}
.site-mobile,.a26-mobile,.a31-mobile{inset:var(--a45-header-h) 0 0!important}
.a37-hero{padding-top:var(--a45-header-h)!important}
.a37-hero-media{inset:var(--a45-header-h) 0 0!important}
.a37-hero-inner{min-height:calc(100svh - var(--a45-header-h))!important}

/* Mega menu also has one shared position/appearance on home + inner pages. */
.a31-mega{
  position:fixed!important;
  z-index:990!important;
  left:0!important;
  right:0!important;
  padding:14px 0 18px!important;
  background:rgba(8,12,14,.96)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-10px)!important;
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease!important;
}
.a31-mega.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.a31-mega-grid{display:grid!important;max-width:min(1500px,calc(100% - 112px))!important;margin:0 auto!important;grid-template-columns:.68fr .9fr 1.18fr!important;min-height:410px!important;border:1px solid rgba(211,224,228,.13)!important;background:#0e1416!important;box-shadow:0 34px 80px rgba(0,0,0,.32)!important}
.a32-mega-intro{padding:34px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;border-right:1px solid rgba(203,217,221,.11)!important;background:linear-gradient(180deg,#101719,#0b1012)!important}
.a32-mega-intro h2{margin:0 0 16px!important;font-size:24px!important;line-height:1.12!important;font-weight:500!important;letter-spacing:-.035em!important}
.a32-mega-intro p{margin:0!important;color:#7f8d90!important;font-size:12px!important;line-height:1.72!important}
.a32-mega-intro>a{margin-top:30px!important;padding-top:17px!important;border-top:1px solid rgba(203,217,221,.11)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#dce4e5!important;font-size:12px!important;font-weight:600!important}
.a31-mega-list{display:flex!important;flex-direction:column!important;border-right:1px solid rgba(203,217,221,.11)!important}
.a31-mega-item{position:relative!important;display:flex!important;align-items:center!important;flex:1!important;padding:16px 24px!important;border-bottom:1px solid rgba(203,217,221,.11)!important;color:#dfe7e8!important;transition:background .18s ease,padding-left .18s ease!important}
.a31-mega-item:last-child{border-bottom:0!important}
.a31-mega-item strong{font-size:15px!important;font-weight:500!important}
.a31-mega-item::after{content:"↗"!important;position:absolute!important;right:22px!important;top:50%!important;transform:translateY(-50%) translateX(-4px)!important;opacity:0!important;color:#afc1c8!important;transition:.18s ease!important}
.a31-mega-item:hover,.a31-mega-item.is-active{padding-left:30px!important;background:linear-gradient(90deg,rgba(142,167,177,.09),transparent)!important}
.a31-mega-item:hover::after,.a31-mega-item.is-active::after{opacity:1!important;transform:translateY(-50%)!important}
.a31-mega-preview{position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(8,10,11,.04),rgba(8,10,11,.32)),var(--mega-img) center/cover!important;isolation:isolate!important}
.a31-mega-preview::before{content:""!important;position:absolute!important;inset:18px!important;border:1px solid rgba(218,230,233,.13)!important;z-index:1!important}
.a31-mega-preview::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:60%!important;background:linear-gradient(180deg,transparent,rgba(8,12,14,.88))!important}
.a31-mega-caption{position:absolute!important;z-index:2!important;left:42px!important;right:42px!important;bottom:32px!important}
.a31-mega-caption h3{margin:0!important;max-width:430px!important;font-size:28px!important;line-height:1.08!important;font-weight:500!important;letter-spacing:-.035em!important;color:#fff!important}

@media(max-width:1320px){
  :root{--a45-header-x:36px;--a45-header-side:190px;--a45-nav-gap:25px}
  .site-nav>a,.site-domain-nav>a{font-size:13px!important}
  .site-brand{width:155px!important}.site-brand img,.site-header.is-scrolled .site-brand img{height:60px!important;max-width:148px!important}
  .site-contact{font-size:13px!important}
  .a31-mega-grid{max-width:calc(100% - 72px)!important}
}

@media(max-width:1120px){
  :root{--a45-header-h:78px;--a45-header-x:28px;--a45-header-side:180px}
  .site-header{grid-template-columns:180px 1fr auto!important}
  .site-brand{height:var(--a45-header-h)!important;width:150px!important}
  .site-brand img,.site-header.is-scrolled .site-brand img{height:56px!important;max-width:145px!important}
  .site-nav,.site-contact{display:none!important}
  .site-menu{justify-self:end!important;display:block!important;width:42px!important;height:42px!important;border:1px solid rgba(203,217,221,.15)!important;background:transparent!important;border-radius:12px!important}
  .site-menu span{display:block!important;width:16px!important;height:1px!important;background:#fff!important;margin:5px auto!important}
  .a31-mega{display:none!important}
}

@media(max-width:680px){
  :root{--a45-header-h:70px;--a45-header-x:18px}
  .site-header{grid-template-columns:150px 1fr auto!important}
  .site-brand{width:140px!important}
  .site-brand img,.site-header.is-scrolled .site-brand img{height:50px!important;max-width:135px!important}
}
