/* ============================================
   BRAND-STORY.CSS — Logo khổng lồ + animation từng chữ
   Sửa: kích thước logo, hiệu ứng stagger, manifesto
   ============================================ */

.logo-char {
  opacity: 0;
  display: inline-block;
  will-change: opacity, transform;
  transition:
    opacity 0.32s cubic-bezier(0.32, 0, 0.26, 1),
    transform 0.41s cubic-bezier(0.32, 0, 0.26, 1);
  transform: translateY(24px);
}
.logo-char.in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* === Mobile fix: logo khổng lồ không tràn === */
@media (max-width: 599px) {
  #giant-logo.editorial-logo {
    font-size: clamp(36px, 13vw, 52vw) !important;
    max-width: 97vw;
    overflow-x: auto;
    word-break: break-word;
  }
}