/* HIMEMIYA mobile typography — corrected selectors
   This file targets the actual classes used in the four pages.
   PC remains untouched. */

@media (max-width:900px){

  /* ===== Shrine & Temple Heritage ===== */
  body.st-page .st-hero-copy h1{
    font-size:40px !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
  }

  body.st-page .st-hero-copy p,
  body.st-page .st-lead p,
  body.st-page .st-approach p,
  body.st-page .st-crafts p,
  body.st-page .st-case p,
  body.st-page .st-heritage-links p{
    font-size:15px !important;
    line-height:1.9 !important;
  }

  body.st-page .st-approach h2,
  body.st-page .st-title-row h2,
  body.st-page .st-heritage-links h2{
    font-size:36px !important;
    line-height:1.42 !important;
  }

  body.st-page .st-nowrap{
    white-space:normal !important;
  }

  /* ===== Hengaku Heritage ===== */
  body.hg-page .hg-hero-copy h1{
    font-size:40px !important;
    line-height:1.35 !important;
  }

  body.hg-page .hg-philosophy-left h2,
  body.hg-page .hg-title-row h2,
  body.hg-page .hg-spread-head h2{
    font-size:36px !important;
    line-height:1.42 !important;
  }

  body.hg-page .hg-nowrap{
    white-space:normal !important;
  }

  body.hg-page .hg-message p,
  body.hg-page .hg-definition p,
  body.hg-page .hg-definition-copy p,
  body.hg-page .hg-process p,
  body.hg-page .hg-works p,
  body.hg-page .hg-subcases p{
    font-size:15px !important;
    line-height:1.9 !important;
  }

  /* ===== Gilded Heritage ===== */
  body.gd-page .gd-hero-copy h1{
    font-size:40px !important;
    line-height:1.35 !important;
  }

  body.gd-page .gd-intro h2,
  body.gd-page .gd-scope-head h2,
  body.gd-page .gd-works-head h2{
    font-size:36px !important;
    line-height:1.42 !important;
  }

  body.gd-page .gd-copy p,
  body.gd-page .gd-intro p,
  body.gd-page .gd-scope p,
  body.gd-page .gd-works p,
  body.gd-page .gd-case p{
    font-size:15px !important;
    line-height:1.9 !important;
  }

  /* ===== Maison Vanillé ===== */
  body.mv-page .mv-hero-copy h1{
    font-size:39px !important;
    line-height:1.3 !important;
  }

  body.mv-page .mv-hero-ja{
    font-size:22px !important;
    line-height:1.6 !important;
  }

  body.mv-page .mv-concept h2,
  body.mv-page .mv-section-head h2,
  body.mv-page .mv-renaissance-head h2{
    font-size:36px !important;
    line-height:1.42 !important;
  }

  body.mv-page .mv-keyword{
    font-size:27px !important;
    line-height:1.35 !important;
  }

  body.mv-page .mv-copy p,
  body.mv-page .mv-grid p,
  body.mv-page .mv-renaissance-copy p{
    font-size:15px !important;
    line-height:1.9 !important;
  }
}