/* Keep the approved transparent artwork intact; frame its visible bounds. */
.header .brand{gap:10px;flex-shrink:0}
.header .brand-logo{
  display:block;position:relative;overflow:hidden;flex-shrink:0;
  width:230px;aspect-ratio:1749 / 438;border-radius:8px;
  background:#fffdf9;
}
.header .brand-logo img{
  position:absolute;display:block;max-width:none;
  width:107.5472%;height:auto;left:-3.7736%;top:-45.4338%;
  pointer-events:none;user-select:none;
}
.header .brand .beta{margin-left:0}
@media(max-width:1100px){.header .brand-logo{width:215px}}
@media(min-width:801px) and (max-width:960px){
  body>.header,body:has(#summon-view:not(.hidden))>.header{
    height:auto;min-height:88px;flex-wrap:wrap;padding:14px 5%;gap:14px;
  }
  .header nav,body:has(#summon-view:not(.hidden)) .header nav{
    order:3;width:100%;height:44px;justify-content:space-between;
  }
}
@media(max-width:480px){
  .header .brand-logo{width:205px}
  .header .brand .beta{display:none}
}
@media(max-width:360px){.header .brand-logo{width:185px}}