/* Real logo mark (raster) in the header/footer brand lockup.
   Kept separate from the synced site.css. */

.brand{ gap:10px; }

.brand__mark{
  width:auto;
  height:30px;
  aspect-ratio:325 / 256;
}

.brand--foot{ align-items:center; gap:12px; }
.brand--foot .brand__mark{ height:42px; }

@media (max-width:600px){
  .brand__mark{ height:27px; }
  .brand--foot .brand__mark{ height:38px; }
}