.brand-logo,
footer .brand-logo {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 5px;
  overflow: hidden;
  flex: 0 0 100px;
}

.brand-logo img.ocean-logo-square,
footer .brand-logo img.ocean-logo-square {
  position: static !important;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  left: auto !important;
  top: auto !important;
  object-fit: contain !important;
}

footer .brand-logo {
  width: 88px;
  height: 88px;
  flex-basis: 88px;
}

@media (max-width: 560px) {
  .brand-logo,
  footer .brand-logo {
    width: 78px;
    height: 78px;
    flex-basis: 78px;
  }
}

.brand-lockup{height:auto;gap:11px;letter-spacing:0}.brand-square{display:block;width:34px;height:34px;flex:0 0 34px;border-radius:4px;background:radial-gradient(circle at 30% 45%,#05084f 0,#101b92 45%,#2727d9 100%);box-shadow:0 5px 14px #02082d38}.brand-text{color:#fff;font-size:25px;line-height:1;font-weight:700;letter-spacing:-1px;white-space:nowrap;text-transform:lowercase}footer .brand-lockup{height:auto}footer .brand-square{width:30px;height:30px;flex-basis:30px}footer .brand-text{font-size:21px}@media(max-width:560px){.brand-lockup{gap:9px}.brand-square,footer .brand-square{width:30px;height:30px;flex-basis:30px}.brand-text,footer .brand-text{font-size:20px}}