/* Loaded by Bridge on all public pages; no post-content CSS exceptions. */
.msab-motion-delay-1 { --msab-motion-delay: 80ms; }
.msab-motion-delay-2 { --msab-motion-delay: 160ms; }
.msab-motion-delay-3 { --msab-motion-delay: 240ms; }

@media (prefers-reduced-motion: no-preference) {
  .msab-motion-entered.msab-motion-rise {
    animation: msab-rise .65s cubic-bezier(.2, .8, .2, 1) backwards;
    animation-delay: var(--msab-motion-delay, 0ms);
  }
  .msab-motion-entered.msab-motion-fade {
    animation: msab-fade var(--msab-fade-duration, 1.25s) cubic-bezier(.22, .61, .36, 1) backwards;
    animation-delay: var(--msab-motion-delay, 0ms);
  }
  .msab-motion-entered.msab-motion-slide {
    animation: msab-slide .65s cubic-bezier(.2, .8, .2, 1) backwards;
    animation-delay: var(--msab-motion-delay, 0ms);
  }
  .msab-motion-entered.msab-motion-scale {
    animation: msab-scale .65s ease-out backwards;
    animation-delay: var(--msab-motion-delay, 0ms);
  }
  .msab-motion-float { animation: msab-float 5s ease-in-out infinite; }

  .msab-home-motion .msab-home-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -105px;
    right: -95px;
    width: min(48vw, 360px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(86, 207, 189, .25), rgba(244, 153, 179, .08) 55%, transparent 72%);
    pointer-events: none;
    animation: msab-breathe 9s ease-in-out infinite;
  }
  .msab-home-motion .msab-home-hero > div:first-child > :nth-child(-n+4) {
    animation: msab-rise .7s cubic-bezier(.2, .8, .2, 1) backwards;
  }
  .msab-home-motion .msab-home-hero > div:first-child > :nth-child(2) { animation-delay: 90ms; }
  .msab-home-motion .msab-home-hero > div:first-child > :nth-child(3) { animation-delay: 170ms; }
  .msab-home-motion .msab-home-hero > div:first-child > :nth-child(4) { animation-delay: 250ms; }
  .msab-home-motion .msab-home-card { transition: transform .24s ease, box-shadow .24s ease; }
  .msab-home-motion .msab-home-card img { transition: transform .35s ease; }
  @media (hover: hover) {
    .msab-home-motion .msab-home-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 28px rgba(23, 40, 59, .12);
    }
    .msab-home-motion .msab-home-card:hover img { transform: scale(1.035); }
  }
}

.msab-home-motion .msab-home-card:focus-visible {
  outline: 3px solid #237d78;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-16 img[src*="manga-select-home-orbit"] { display: none !important; }
}

@keyframes msab-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes msab-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes msab-slide { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: translateX(0); } }
@keyframes msab-scale { from { opacity: 0; transform: scale(.97); } to { opacity: 1; transform: scale(1); } }
@keyframes msab-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes msab-breathe { 0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .65; } 50% { transform: translate3d(-16px, 12px, 0) scale(1.13); opacity: 1; } }