.brand-logo{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:68px;
  padding:0 3px 18px;
  overflow:visible;
  flex:0 0 auto;
}
.brand-symbol{
  position:relative;
  display:block;
  width:56px;
  height:56px;
  flex:0 0 56px;
  overflow:hidden;
  border-radius:10px;
  background:#08120e;
}
.brand-symbol img{
  position:absolute;
  width:auto;
  max-width:none;
  height:78px;
  left:-4px;
  top:-7px;
}
.brand-lockup{
  display:block;
  min-width:0;
  white-space:nowrap;
}
.brand-lockup strong{
  display:block;
  color:#f7fbff;
  font-size:.82rem;
  letter-spacing:.015em;
  line-height:1.15;
}
.brand-lockup em,
.brand-lockup i{
  font-style:normal;
  font-weight:600;
}
.brand-lockup em{color:#73d9ff}
.brand-lockup i{color:#b8c3d1}
.brand-lockup small{
  display:block;
  margin-top:5px;
  color:#7f958b;
  font-size:.61rem;
  letter-spacing:.02em;
}
.sidebar nav{
  min-height:0;
  flex:1 1 auto;
  align-content:start;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#294238 transparent;
}
@media(max-width:760px){
  .sidebar{
    padding-top:max(18px,env(safe-area-inset-top));
    padding-bottom:max(16px,env(safe-area-inset-bottom));
  }
  .brand-logo{
    min-height:76px;
    padding:0 3px 20px;
    border-bottom:1px solid #1d3128;
    margin-bottom:12px;
  }
  .sidebar nav{padding-bottom:18px}
  .sidebar-note,.profile{display:none}
}