/* =========================================================
   HERO COPY — CORRECT PC + MOBILE IMPLEMENTATION
   ========================================================= */

.hero-brand-statement{
  display:block!important;
  max-width:760px!important;
}

/* Japanese category row */
.hero-categories-ja{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:.8rem!important;
  width:max-content;
  max-width:100%;
  margin-bottom:1.15rem;
  white-space:nowrap!important;
}

.hero-divider-ja{
  display:block!important;
  width:1px!important;
  height:1.15em!important;
  flex:0 0 1px!important;
  background:rgba(255,255,255,.68)!important;
}

/* Japanese two-line tagline */
.hero-tagline-ja,
.hero-tagline-en{
  display:flex!important;
  flex-direction:column!important;
  gap:.15rem!important;
}

.hero-tagline-ja > span,
.hero-tagline-en > span{
  display:block!important;
}

/* Desktop */
@media(min-width:769px){
  .hero-categories-ja{
    font-size:1.08rem!important;
    gap:1rem!important;
    margin-bottom:1.35rem!important;
  }

  .hero-divider-ja{
    height:1.25em!important;
  }

  .hero-tagline-ja,
  .hero-tagline-en{
    font-size:1.12rem!important;
    line-height:1.85!important;
  }
}

/* Mobile */
@media(max-width:768px){
  .hero-brand-statement{
    width:100%!important;
    max-width:100%!important;
    font-size:.94rem!important;
    line-height:1.75!important;
  }

  .hero-categories-ja{
    width:100%!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    gap:.48rem!important;
    margin-bottom:.9rem!important;
    font-size:.86rem!important;
    letter-spacing:.01em!important;
  }

  .hero-divider-ja{
    height:1em!important;
  }

  .hero-tagline-ja,
  .hero-tagline-en{
    gap:0!important;
    font-size:.92rem!important;
    line-height:1.75!important;
  }

  .hero-tagline-ja > span,
  .hero-tagline-en > span{
    white-space:normal!important;
  }
}

@media(max-width:390px){
  .hero-categories-ja{
    gap:.36rem!important;
    font-size:.79rem!important;
  }

  .hero-tagline-ja,
  .hero-tagline-en{
    font-size:.86rem!important;
  }
}