.site-header .brand img {
  width: 148px;
}

.today-strip {
  grid-template-columns: 1fr auto;
}

.mobile-nav summary {
  display: grid;
  width: 46px;
  height: 46px;
  min-height: 46px;
  padding: 0;
  place-items: center;
  border-radius: 50%;
}

.mobile-nav summary img {
  width: 31px;
  height: 31px;
  object-fit: contain;
  filter: invert(1);
  transition: transform 320ms cubic-bezier(.22, 1, .36, 1), opacity 180ms ease;
}

.mobile-nav[open] summary img {
  opacity: .62;
  transform: rotate(42deg) scale(.92);
}

@media (width <= 760px) {
  .site-header .brand img {
    width: 116px;
  }

  .mobile-nav summary {
    margin-inline-start: -7px;
  }

  .today-strip {
    grid-template-columns: 1fr auto;
    align-items: center;
  }

  .today-strip a {
    justify-self: end;
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-nav summary img {
    transition: none;
  }
}