/* Latest visual alignment for TIDE & DRIVE. */
body { font-family: "Kaneda Gothic", "KanedaGothic", "Barlow Condensed", "Noto Sans JP", sans-serif; }
.hero-media { object-position: center top; transform: none; }
.hero-content { left: 50%; top: auto; bottom: clamp(108px, 16vh, 172px); transform: translateX(-50%); width: min(760px, 86vw); text-align: center; }
.hero h1 { font-size: clamp(55px, 7.8vw, 120px); line-height: .82; letter-spacing: -.072em; white-space: nowrap; }
.hero-description { margin-left: auto; margin-right: auto; }
.scene-label { top: 23%; max-width: min(740px, 64vw); }
.scene-label h2 { font-size: clamp(50px, 6.2vw, 104px); line-height: .84; }
.scene-wash { background: linear-gradient(90deg, rgba(4, 15, 21, .66), rgba(4, 15, 21, .06) 70%), linear-gradient(0deg, rgba(4, 15, 21, .50), transparent 50%); }
@media (max-width: 820px) {
  .hero-media { object-position: center top; }
  .hero-content { left: 50%; top: auto; bottom: clamp(95px, 15vh, 130px); transform: translateX(-50%); width: 88vw; }
  .scene-section > img { object-position: 60% center; }
  .scene-label { top: 20%; max-width: calc(100vw - 50px); }
  .scene-label h2 { font-size: 10.5vw; line-height: .86; white-space: nowrap; }
  .scene-timeline { bottom: 26px; }
}