/* V35: keep the home page scale untouched. Only hide the burger-menu logo and
   make project pages use the exact same header dimensions as the main page. */

.side-logo{
  display:none!important;
}

/* Move only the opened burger menu content lower, without touching the header. */
.side-menu{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:474px!important;
  max-width:86vw!important;
  background:#c5c2d1!important;
  color:#242020!important;
  z-index:85!important;
  transform:translateX(-100%)!important;
  transition:transform .36s cubic-bezier(.2,.8,.2,1)!important;
  box-shadow:22px 0 58px rgba(36,32,32,.10)!important;
  border-right:1px solid rgba(36,32,32,.12)!important;
  padding:208px 48px 44px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
  font-family:"TT Firs Neue","TT Firs Neue Trial","TT Firs",Futura,"Avenir Next",Avenir,Helvetica,Arial,sans-serif!important;
}
body.menu-open{
  overflow:hidden!important;
}
body.menu-open .side-menu{
  transform:translateX(0)!important;
}
.side-menu .close-line{
  top:132px!important;
  left:48px!important;
}
.side-menu a{
  width:max-content!important;
  max-width:100%!important;
  position:relative!important;
  color:#242020!important;
  text-decoration:none!important;
  font-size:18px!important;
  line-height:1.1!important;
  letter-spacing:-.01em!important;
  font-weight:400!important;
  padding:0 0 14px!important;
  opacity:.92!important;
  transform:none!important;
}
.side-menu a::after,
.side-menu a.active::after{
  display:none!important;
  content:none!important;
}
.menu-sub{
  margin-top:42px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  color:rgba(36,32,32,.62)!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.menu-shade{
  position:fixed!important;
  inset:0!important;
  background:rgba(36,32,32,.18)!important;
  z-index:80!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .32s ease!important;
}
body.menu-open .menu-shade{
  opacity:1!important;
  pointer-events:auto!important;
}

.topbar{
  height:118px!important;
  padding:0!important;
  z-index:95!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:isolate!important;
}
.topbar::before,
.topbar::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
  border-radius:999px!important;
  z-index:0!important;
}
.topbar::before{
  left:46px!important;
  right:46px!important;
  top:29px!important;
  height:60px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.54), rgba(255,255,255,.29))!important;
  border:1px solid rgba(255,255,255,.46)!important;
  box-shadow:0 10px 28px rgba(34,30,42,.12), inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
}
.topbar::after{
  left:64px!important;
  right:64px!important;
  top:31px!important;
  height:18px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,0))!important;
  filter:blur(.6px)!important;
}
.topbar > *{
  position:absolute!important;
  z-index:1!important;
}

.brand{
  left:72px!important;
  top:59px!important;
  width:34px!important;
  height:22px!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  color:#242020!important;
  line-height:0!important;
  cursor:pointer!important;
}
.brand,
.brand *{
  color:#242020!important;
}
.brand::before,
.brand::after{
  content:""!important;
  display:block!important;
  width:34px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#242020!important;
  opacity:1!important;
}
.brand span::before,
.brand-initials::before,
.brand-strong::before,
.brand-light::before{
  content:none!important;
  display:none!important;
}
.brand-initials{
  display:block!important;
  width:34px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#242020!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  opacity:1!important;
}
.brand-strong,
.brand-light{
  display:none!important;
}

.header-center-logo{
  left:50%!important;
  top:62px!important;
  width:152px!important;
  height:auto!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  opacity:1!important;
  pointer-events:auto!important;
  user-select:none!important;
}

.icons{
  right:62px!important;
  top:59px!important;
  height:30px!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding-left:0!important;
  border-left:0!important;
  color:#242020!important;
}
.icons .icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#242020!important;
}
.icons .icon svg{
  stroke:currentColor!important;
}
.icons .icon:first-child svg{
  width:24px!important;
  height:18px!important;
  fill:none!important;
}
.icons a[aria-label="Instagram"]{
  display:none!important;
}
.icons a[aria-label="LinkedIn"]{
  border:1.6px solid #242020!important;
  border-radius:50%!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:700!important;
}
.icons a[aria-label="LinkedIn"] svg{
  display:none!important;
}
.icons a[aria-label="LinkedIn"]::before{
  content:"in";
  display:block;
  color:#242020;
  font-size:14px;
  line-height:1;
}

.topbar .lang-switcher{
  display:flex!important;
  align-items:center!important;
}
.topbar .lang-button{
  height:30px!important;
  min-width:82px!important;
  padding:0 12px!important;
  border:1.4px solid rgba(36,32,32,.38)!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#6d6778!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:12px!important;
  line-height:1!important;
}
.topbar .lang-button > svg:first-child{
  display:none!important;
}
.topbar .lang-chevron{
  width:9px!important;
  height:9px!important;
}
.topbar .lang-menu{
  right:0!important;
  left:auto!important;
  top:36px!important;
}

@media (max-width:980px){
  .topbar{
    height:88px!important;
  }
  .topbar::before{
    left:12px!important;
    right:12px!important;
    top:12px!important;
    height:54px!important;
  }
  .topbar::after{
    left:26px!important;
    right:26px!important;
    top:14px!important;
    height:18px!important;
  }
  .brand{
    left:24px!important;
    top:39px!important;
    width:28px!important;
    height:18px!important;
  }
  .brand::before,
  .brand::after,
  .brand-initials{
    width:28px!important;
    height:3px!important;
  }
  .side-menu{
    width:min(360px,86vw)!important;
    padding:178px 30px 36px!important;
  }
  .side-menu .close-line{
    top:108px!important;
    left:24px!important;
  }
  .header-center-logo{
    top:39px!important;
    width:130px!important;
  }
  .icons{
    right:18px!important;
    top:39px!important;
    height:26px!important;
    gap:10px!important;
  }
  .icons .icon,
  .topbar .lang-button{
    width:26px!important;
    height:26px!important;
  }
  .icons .icon:first-child svg{
    width:19px!important;
    height:15px!important;
  }
  .icons a[aria-label="LinkedIn"]::before{
    font-size:12px!important;
  }
  .topbar .lang-button{
    min-width:36px!important;
    padding:0!important;
    font-size:0!important;
  }
  .topbar .lang-label,
  .topbar .lang-chevron{
    display:none!important;
  }
}