.header-logo {
  width: 120px;
  height: 58px;
  display: block;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .18);
}

.header-logo img {
  display: block;
  width: 120px;
  height: 120px;
  max-width: none;
  transform: translateY(-27px);
}

.story-logo {
  display: block;
  width: min(300px, 100%);
  height: auto;
  margin: 0 0 42px;
  background: #fff;
  box-shadow: 0 24px 55px rgba(7, 26, 43, .12);
}

@media (max-width: 620px) {
  .site-header .brand-copy { display: none; }
  .header-logo { width: 106px; height: 50px; }
  .header-logo img { width: 106px; height: 106px; transform: translateY(-24px); }
  .story-logo { width: 240px; margin-bottom: 32px; }
}