:root{
  --ro-navy:#082d5c;
  --ro-red:#e30613;
  --ro-gray:#6b7280;
  --ro-light:#f7f9fc;
  --ro-border:#e6eaf0;
  --ro-font:"Aptos","Segoe UI",Arial,sans-serif;
}
html,body{font-family:var(--ro-font);}
.ro-brand{display:inline-flex;align-items:center;line-height:1;text-decoration:none}
.ro-brand picture,.ro-brand img{display:block}
.ro-brand img{width:auto;max-width:100%;object-fit:contain}
.ro-brand--header img{height:52px}
.ro-brand--admin img{height:42px}
.ro-brand--footer img{height:72px}
.ro-brand--login img{height:88px}
.ro-brand--mark img{height:44px}
@media(max-width:767px){
  .ro-brand--header img{height:38px}
  .ro-brand--admin img{height:36px}
  .ro-brand--footer img{height:56px}
  .ro-brand--login img{height:68px}
}