/* Full-width, softly faded navigation inspired by IDEMIA's header treatment. */
.floating-nav{
  top:0;
  left:0;
  width:100%;
  height:122px;
  transform:none;
  grid-template-columns:minmax(190px,.72fr) minmax(430px,1.45fr) auto;
  padding:0 clamp(28px,4.4vw,82px);
  border:0;
  border-radius:0;
  background:linear-gradient(180deg,rgba(2,9,15,.97) 0%,rgba(3,14,23,.9) 24%,rgba(3,15,24,.68) 51%,rgba(3,15,24,.36) 72%,rgba(3,15,24,.14) 87%,rgba(3,15,24,0) 100%);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
  transition:height .32s var(--ease),background .32s var(--ease),box-shadow .32s var(--ease);
}
.floating-nav.scrolled{
  top:0;
  height:96px;
  background:linear-gradient(180deg,rgba(2,9,15,.97) 0%,rgba(3,15,24,.88) 35%,rgba(3,15,24,.6) 61%,rgba(3,15,24,.29) 79%,rgba(3,15,24,.1) 91%,rgba(3,15,24,0) 100%);
  border-bottom:0;
  box-shadow:none;
}
.brand{
  position:relative;
  width:max-content;
  isolation:isolate;
}
.brand:before{display:none}
.brand img{
  width:184px;
  height:64px;
  object-fit:contain;
  filter:none;
}
.floating-nav nav{gap:clamp(24px,3.2vw,52px)}
.floating-nav nav a,.nav-catalog-trigger{
  color:rgba(255,255,255,.82);
  font-size:10px;
  font-weight:600;
  letter-spacing:.16em;
}
.floating-nav nav a:hover,.nav-catalog-trigger:hover{color:#fff}
.floating-nav nav a:after{background:linear-gradient(90deg,#13b5db,#d30d0e)}
.nav-actions{gap:12px}
.icon-button,.language-button{
  border:0;
  background:transparent;
}
.icon-button{border-radius:50%}
.icon-button:hover,.language-button:hover{background:rgba(255,255,255,.1)}
.nav-contact{
  height:44px;
  padding:0 22px;
  border:1.5px solid rgba(255,255,255,.86);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#fff;
  transition:background .25s,color .25s,transform .25s;
}
.nav-contact:hover{background:#fff;color:var(--ink);transform:translateY(-1px)}
.nav-catalog-panel{top:96px}
.floating-nav.scrolled .nav-catalog-panel{top:76px}

@media(max-width:1050px){
  .floating-nav{
    grid-template-columns:175px 1fr auto;
    padding-inline:26px;
  }
  .brand img{width:162px}
  .floating-nav nav{gap:20px}
}

@media(max-width:820px){
  .floating-nav,
  .floating-nav.scrolled{
    top:0;
    left:0;
    width:100%;
    height:86px;
    grid-template-columns:1fr auto;
    padding:0 14px 0 18px;
    border-radius:0;
    background:linear-gradient(180deg,rgba(2,10,17,.97) 0%,rgba(3,16,25,.84) 42%,rgba(3,16,25,.49) 68%,rgba(3,16,25,.17) 87%,rgba(3,16,25,0));
  }
  .floating-nav.scrolled{height:82px}
  .brand img{width:145px;height:52px}
  .floating-nav nav{
    top:76px;
    left:10px;
    right:10px;
    border-radius:14px;
    background:rgba(3,16,25,.97);
  }
  .floating-nav.scrolled nav{top:72px}
  .nav-catalog-panel,.floating-nav.scrolled .nav-catalog-panel{top:auto}
  .nav-actions{gap:5px}
  .language-button{padding-inline:8px}
}

@media(max-width:480px){
  .brand img{width:132px;height:48px}
  .language-button{min-width:47px;font-size:10px}
  .menu-button{width:40px;height:40px}
}