.sf-header-brand {
  flex: 0 0 174px;
  height: 58px;
  overflow: hidden;
}

.sf-header-brand img {
  display: block;
  width: 174px;
  height: 58px;
  object-fit: contain;
  background: #fff;
}

.sf-footer-brand > a {
  display: block;
  width: min(100%, 290px);
  overflow: hidden;
  border: 1px solid rgba(201,154,69,.25);
  background: #0b0b0b;
}

.sf-footer-brand img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.sf-footer-brand p {
  margin-top: 18px;
}

.sf-story-mark {
  position: relative;
  z-index: 2;
  width: 84px;
  height: 84px;
  object-fit: cover;
  border: 1px solid rgba(201,154,69,.55);
  box-shadow: 0 12px 35px rgba(0,0,0,.28);
}

@media (max-width: 1100px) {
  .sf-header-brand,
  .sf-header-brand img {
    width: 145px;
  }

  .sf-header-brand { flex-basis: 145px; }
}

@media (max-width: 600px) {
  .sf-header-brand,
  .sf-header-brand img {
    width: 128px;
    height: 48px;
  }

  .sf-header-brand { flex-basis: 128px; }
  .sf-footer-brand > a { width: 240px; }
}