/**
 * Brand Live motion — mega menu, views, drawer, search, scroll reveal (prefers-reduced-motion safe).
 */

@keyframes blg-fade-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes blg-mega-enter {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes blg-drawer-enter {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes blg-search-enter {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* —— Phase A: mega menu —— */
.blg-mega-panel:not([hidden]) {
  animation: blg-mega-enter 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.blg-mega-panel:not([hidden]) .blg-mega-intro {
  animation: blg-fade-up 0.24s cubic-bezier(0.22, 1, 0.36, 1) 0.03s both;
}

.blg-mega-panel:not([hidden]) .blg-mega-column {
  animation: blg-fade-up 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.blg-mega-panel:not([hidden]) .blg-mega-column:nth-child(2) {
  animation-delay: 0.05s;
}

.blg-mega-panel:not([hidden]) .blg-mega-column:nth-child(3) {
  animation-delay: 0.09s;
}

.blg-mega-panel:not([hidden]) .blg-mega-column:nth-child(4) {
  animation-delay: 0.12s;
}

.blg-mega-link {
  transition: background 0.15s ease, color 0.15s ease;
}

.blg-mega-link strong .blg-mega-link-arrow {
  display: inline-block;
  transition: transform 0.18s ease;
}

.blg-mega-link:hover strong .blg-mega-link-arrow,
.blg-mega-link:focus-visible strong .blg-mega-link-arrow {
  transform: translateX(4px);
}

.blg-site-chrome.is-mega-open::before {
  transition: opacity 0.2s ease;
}

/* —— Phase A: view enter —— */
.blg-view.is-view-entering > .blg-hero,
.blg-view.is-view-entering > section:first-of-type,
.blg-view.is-view-entering > article:first-of-type {
  animation: blg-fade-up 0.26s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.blg-view.is-view-entering > section:nth-of-type(2),
.blg-view.is-view-entering > .blg-insp-section {
  animation: blg-fade-up 0.26s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}

/* —— Phase A: mobile drawer —— */
@media (max-width: 900px) {
  .blg-mobile-drawer:not([hidden]) .blg-mobile-drawer-panel.is-drawer-enter {
    animation: blg-drawer-enter 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .blg-mobile-drawer-stack.is-drill-forward {
    animation: blg-fade-up 0.2s ease both;
  }
}

/* —— Phase B: search + hero —— */
#brandLiveSiteSearch:not([hidden]).is-search-enter {
  animation: blg-search-enter 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.blg-view.is-view-entering .blg-hero-title,
.blg-view.is-view-entering .blg-hero-lead,
.blg-view.is-view-entering .blg-hero-stack--desc .blg-read-more {
  animation: blg-fade-up 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.blg-view.is-view-entering .blg-hero-lead {
  animation-delay: 0.05s;
}

.blg-view.is-view-entering .blg-hero-stack--desc .blg-read-more {
  animation-delay: 0.1s;
}

.blg-story-accordion-item .blg-story-accordion-panel {
  transition: grid-template-rows 0.22s ease, opacity 0.18s ease;
}

.blg-profile-split-nav-row,
.blg-profile-split-nav .profile-sections-nav-row,
.blg-profile-split-nav .profile-groups-nav-row {
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

/* —— Phase C: scroll reveal + toolbox —— */
.blg-motion-reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--blg-reveal-delay, 0ms);
}

.blg-motion-reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

.blg-page--toolbox .blg-view.is-view-entering .blg-toolbox-shell {
  animation: blg-fade-up 0.24s ease both;
}

.blg-insp-filter-chip {
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
}

.blg-insp-filter-chip.is-active {
  transform: scale(1);
}

.blg-insp-filter-chip:active {
  transform: scale(0.98);
}

/* Profile: align to zone title — no view-enter shift on desktop */
.blg-page--profile .blg-view.is-view-entering > .blg-hero,
.blg-page--profile .blg-view.is-view-entering > section,
.blg-page--profile .blg-view.is-view-entering > article,
.blg-page--profile .blg-view.is-view-entering .blg-hero-title,
.blg-page--profile .blg-view.is-view-entering .blg-hero-lead {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .blg-mega-panel:not([hidden]),
  .blg-mega-panel:not([hidden]) .blg-mega-intro,
  .blg-mega-panel:not([hidden]) .blg-mega-column,
  .blg-view.is-view-entering > .blg-hero,
  .blg-view.is-view-entering > section,
  .blg-view.is-view-entering > article,
  .blg-view.is-view-entering .blg-hero-title,
  .blg-view.is-view-entering .blg-hero-lead,
  #brandLiveSiteSearch:not([hidden]).is-search-enter,
  .blg-mobile-drawer:not([hidden]) .blg-mobile-drawer-panel.is-drawer-enter,
  .blg-mobile-drawer-stack.is-drill-forward,
  .blg-page--toolbox .blg-view.is-view-entering .blg-toolbox-shell {
    animation: none;
  }

  .blg-motion-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .blg-mega-link strong .blg-mega-link-arrow {
    transition: none;
  }
}