/* Logo intro (home page). While it plays, the real header logo is hidden; it reappears the moment the flying logo lands on it. */
html.logo-intro .site-header .logo-mark { visibility: hidden; }

.li-backdrop {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: #f7f2e7;
  pointer-events: none;
}
.li-logo {
  position: fixed;
  z-index: 201;
  margin: 0;
  pointer-events: none;
  transform-origin: center center;
  will-change: transform;
}
.li-logo .li-glow {
  position: absolute;
  inset: -80%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232, 184, 75, 0.38), rgba(232, 184, 75, 0) 62%);
}
.li-logo img { display: block; width: 100%; height: 100%; border-radius: 8px; position: relative; }
.li-logo .li-shine {
  position: absolute;
  inset: 0;
  border-radius: 8px;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 236, 170, 0.6) 50%, transparent 62%);
  background-size: 260% 100%;
  background-position: 160% 0;
}