/* Independent transforms preserve the header's existing layout/positioning. */
body > .site-header[data-brand-entrance] .bakery-logo {
  transform-origin: 50% 56%;
  scale: 1.04;
}
body > .site-header[data-brand-entrance="preparing"] .bakery-logo {
  scale: 1;
}
body > .site-header[data-brand-entrance="preparing"] > .bakery-brand-cup {
  opacity: 0;
  translate: 0 6px;
}
body > .site-header[data-brand-entrance="running"] .bakery-logo {
  animation: bmb-brand-logo-grow 1800ms cubic-bezier(.22,.62,.28,1) both;
  will-change: scale;
}
body > .site-header[data-brand-entrance="running"] > .bakery-brand-cup {
  animation: bmb-brand-cup-settle 2600ms cubic-bezier(.22,.62,.28,1) both;
  will-change: opacity, translate;
}
body > .site-header[data-brand-entrance="running"] > .cup-left {
  animation-delay: 1000ms;
}
body > .site-header[data-brand-entrance="running"] > .cup-right {
  animation-delay: 1000ms;
}
@keyframes bmb-brand-logo-grow {
  from { scale: 1; }
  to { scale: 1.04; }
}
@keyframes bmb-brand-cup-settle {
  from { opacity: 0; translate: 0 6px; }
  to { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  body > .site-header[data-brand-entrance] .bakery-logo {
    animation: none;
    scale: 1.04;
    will-change: auto;
  }
  body > .site-header[data-brand-entrance] > .bakery-brand-cup {
    animation: none;
    opacity: 1;
    translate: 0 0;
    will-change: auto;
  }
}