.site-header{overflow:visible}
.brand{position:absolute;left:max(20px,calc((100vw - var(--max))/2));top:10px;width:220px;align-self:auto;transform:none;background:transparent;border-radius:0;padding:0;box-shadow:none;z-index:70}
.brand img{width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.32))}

@media(max-width:900px){
  .brand{left:max(18px,env(safe-area-inset-left));top:8px;width:180px}
}

@media(max-width:600px){
  .brand{left:max(14px,env(safe-area-inset-left));top:5px;width:155px;align-self:auto;transform:none;background:transparent;border-radius:0;padding:0;box-shadow:none}
}

@media(max-width:380px){
  .brand{width:142px}
}