.home-logo-link {
  display: inline-block;
  line-height: 0;
  text-decoration: none;
  border-radius: 50%;
}

/* Sizing for the logo image itself. Pages that already load style.css get
   this from its .logo rule (same values, kept here too so this partial
   renders correctly on pages — PACT, Linked Documents — that have their
   own separate design system and don't load style.css at all). */
.home-logo-link .home-logo {
  height: 70px;
  margin-top: 15px;
}

.home-logo-link:focus-visible {
  outline: 3px solid #0d6efd;
  outline-offset: 4px;
}

/* The fixed hamburger icon sits at top:20px; left:20px, roughly 40px
   wide (see hamburger-menu-style.css). This clears it when the logo is
   the first/leftmost item in a header row at the top of the page. */
.home-logo-link--offset {
  margin-left: 55px;
}

.home-logo-link .home-logo {
  cursor: pointer;
  transition: transform 0.15s ease, filter 0.15s ease;
}

.home-logo-link:hover .home-logo,
.home-logo-link:focus-visible .home-logo {
  transform: scale(1.04);
  filter: drop-shadow(0 0 0.35rem rgba(13, 110, 253, 0.45));
}