/* ── 首屏主標：讓客人和 Google 一眼看懂在做什麼（2026-10-24 SEO 改版） ── */
.hero-headline { color: #e2e2b6; padding: 1.25rem 0 .5rem; }
.hero-headline__title { margin: 0; font-size: clamp(2rem, 4.2vw, 3.5rem); font-weight: 750; line-height: 1.2; letter-spacing: -.035em; }
.hero-headline__nb { white-space: nowrap; }
.hero-headline__sub { margin: .6rem 0 0; font-size: clamp(1rem, 1.5vw, 1.25rem); line-height: 1.6; color: #c9cba5; }

/* 桌機：疊在品牌影片下緣、對齊字標左緣；影片播完才淡入，避免和放大中的 Logo 打架 */
@media (min-width: 64rem) {
  .hero-headline { position: relative; z-index: 2; margin-top: calc(-1 * clamp(8rem, 13vw, 10.5rem)); padding: 0 0 clamp(1.5rem, 3vw, 2.5rem) 7.35%; pointer-events: none; }
}
@media (min-width: 64rem) and (scripting: enabled) {
  .brand-motion:not(.is-settled) .hero-headline { opacity: 0; animation: hero-headline-in .5s ease 6s forwards; }
  .brand-motion.is-settled .hero-headline { opacity: 1; transition: opacity .5s ease; }
}
@keyframes hero-headline-in { to { opacity: 1; } }