/* Intro mở trang (khách chốt 07/10): chữ PHILIPS khoét lộ video banner, lao vào chữ I cho video tràn màn. */

html.mlp-intro-on { overflow: hidden; }
/* multiply trên nền đen: chỗ chữ trắng nhìn xuyên xuống video banner, chỗ đen che kín. Phải đặt trên chính
   .mlp-intro (con trực tiếp của body): đặt ở phần tử con thì chỉ hoà trộn trong nhóm của lớp phủ. */
.mlp-intro {
  position: fixed; inset: 0; z-index: 100001; overflow: hidden; box-sizing: border-box;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.2vw;
  font-size: 16px; background: #000; color: #fff; mix-blend-mode: multiply; cursor: pointer;
  -webkit-font-smoothing: antialiased; transition: opacity .35s ease;
}
.admin-bar .mlp-intro { top: 32px; }
@media (max-width: 782px) { .admin-bar .mlp-intro { top: 46px; } }
.mlp-intro p { margin: 0; }
html:not(.mlp-intro-on) .mlp-intro:not(.is-open) { display: none; }
.mlp-intro.is-open { opacity: 0; pointer-events: none; }

/* Hero đứng chờ dưới lớp phủ: chữ dừng ở khung đầu, header ẩn, lớp tối nhạt đi cho chữ intro sáng. */
html.mlp-intro-on .mlp-hero__co, html.mlp-intro-on .mlp-hero__co::after, html.mlp-intro-on .mlp-hero__title,
html.mlp-intro-on .mlp-hero__sub, html.mlp-intro-on .mlp-hero__cta { animation-play-state: paused; }
.mlp-hero__shade { transition: opacity 1.2s ease; }
html.mlp-intro-on .mlp-hero__shade { opacity: .35; }
.mlp-head { transition: background-color .35s ease, box-shadow .35s ease, opacity .8s cubic-bezier(.16, 1, .3, 1) .35s, transform .8s cubic-bezier(.16, 1, .3, 1) .35s; }
html.mlp-intro-on .mlp-head { opacity: 0; transform: translateY(-24px); }

.mlp-intro__word {
  display: flex; overflow: hidden; padding: 0 .04em; font-size: clamp(84px, 21vw, 380px); font-weight: 800;
  line-height: .86; letter-spacing: -.045em; will-change: transform;
}
.mlp-intro__word span { display: block; transform: translateY(105%); animation: mlpi-up .9s cubic-bezier(.16, 1, .3, 1) calc(.15s + var(--i) * .07s) forwards; }
.mlp-intro__line {
  font-size: clamp(15px, 1.35vw, 21px); font-weight: 600; letter-spacing: .26em; text-transform: uppercase; text-align: center; padding: 0 16px;
  animation: mlpi-rise .8s ease .6s both; transition: opacity .7s ease;
}
.mlp-intro__line i { font-style: normal; }
/* Mobile: tách 2 dòng thay vì thu chữ nhỏ cho vừa 1 dòng */
@media (max-width: 600px) {
  .mlp-intro__line { font-size: 14px; letter-spacing: .18em; line-height: 1.7; }
  .mlp-intro__line span { display: block; }
  .mlp-intro__line i { display: none; }
}
.mlp-intro.is-zoom .mlp-intro__word { overflow: visible; transform: scale(90); transition: transform 1.25s cubic-bezier(.7, 0, .84, 0); }
.mlp-intro.is-zoom .mlp-intro__line { opacity: 0; animation: none; }

@keyframes mlpi-up { to { transform: none; } }
@keyframes mlpi-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }