/* Home page headlines in Cormorant Garamond 500 since 4 Nov 2026 (Playfair Display from 3 Nov), title case, bringing back the editorial voice of the 11 October
   home page (~/landing/index.html). Body text stays PT Serif; small labels ("The bark", "Heritage", "Materials & Craft")
   stay Inter capitals. Its own layer, declared first thing in <head>, so these !important rules outrank every older
   heading rule (stacked IDs, tomita-pages, tomita-mobile, tomita-made-stage, tomita-align). */
@layer tomita-type{
  /* the headline face, everywhere it is used */
  .hero-image-caption h2,#tm-d-title,#washi-story .bw-text h2,#washi-story .bw-steps-title,#tm-showcase .tm-x-intro,#tm-showcase .tm-x-title,
  #stPhoto .tm-film-intro h3,#tm-space-title,#showroom h2.tm-sr-h,#instagram .tm-ig-bar h2 span,#instagram h2,
  #tm-rooms-title,#tm-mat-title,#tm-sr2-title,#tm-intro-title,#tm-washi-d-title,#tm-hana-d-title,#tm-mb-title,#tm-ph-title,
  .tm-ph-block h2{
    font-family:"Cormorant Garamond","Playfair Display",Georgia,serif!important;font-weight:500!important;font-style:normal!important;
    text-transform:none!important;letter-spacing:0!important;
    font-size-adjust:.44!important}   /* Cormorant's small letters are short: sized to read as large as the Playfair they replace (4 Nov 2026) */

  @media (min-width:821px){
    .hero-image-caption h2{font-size:clamp(24px,1.9vw,29px)!important;line-height:1.2!important}
    #tm-d-title{font-size:clamp(24px,1.9vw,29px)!important;line-height:1.2!important}
    #washi-story .bw-text h2{font-size:clamp(21px,1.7vw,24px)!important;line-height:1.25!important}
    #washi-story .bw-text h2 .jp{font-family:"Noto Serif JP",serif!important;font-size:13px!important;letter-spacing:.2em!important;vertical-align:middle}
    #washi-story .bw-steps-title{font-size:clamp(19px,1.5vw,22px)!important;line-height:1.25!important}
    #tm-showcase .tm-x-intro{font-size:clamp(22px,1.8vw,27px)!important}
    #stPhoto .tm-film-intro h3{font-size:clamp(21px,1.7vw,24px)!important;line-height:1.25!important}
    #tm-space-title{font-size:clamp(21px,1.7vw,24px)!important;line-height:1.25!important}
    #showroom h2.tm-sr-h{font-size:clamp(21px,1.7vw,24px)!important;line-height:1.25!important}
    #instagram .tm-ig-bar h2 span{font-size:clamp(20px,1.6vw,24px)!important}
    #tm-rooms-title{margin:0 0 20px!important;padding:0!important;font-size:clamp(21px,1.7vw,24px)!important;line-height:1.25!important;color:#302f2a!important;text-align:left!important}
    /* the room tabs and the Instagram bar's second line in the site's label voice (as "The bark", "Heritage") */
    #compare .tm-set-tab{font:500 10.5px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.16em!important}
    #compare .tm-set-line{background:#302f2a!important}
    #compare>div:has(>.tm-set-tab){padding-left:0!important;padding-right:0!important}   /* the tabs and Customize on the headline's and photos' edges */
    #instagram .tm-ig-bar h2 i{font:italic 400 16px/1.3 "PT Serif",Georgia,serif!important;letter-spacing:0!important;text-transform:none!important}
    /* Heritage and Materials & Craft are labels under "How kozo becomes washi", not headlines of their own */
    .tm-made-stage .tm-ms-k{font:500 11px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;
      color:#bdb6aa!important;margin:0 0 14px!important}
  }

  /* a fifth smaller, titles and logo (user, 4 Nov 2026): the sizes above were cut from 30-36px; the logo 146 to 117px wide on a
     computer, 116 to 98px on a phone, and phone titles 28 to 24px */
  #siteHead .head-plaque img.hero-wordmark{height:26px!important;width:auto!important}
  #siteHead .head-plaque::before{inset:calc(50% - 13px) calc(50% - 60px)!important}   /* the logo once scrolled: a mask over the plaque, 146px wide unless pulled in */
  @media (max-width:767px){
    #tm-b-site-header .site-wordmark img{height:21px!important;width:auto!important}
    #tm-phone-home .tm-ph-block h2,#tm-phone-home .tm-ph-statement,#tm-showcase .tm-x-title,#instagram h2,#showroom h2.tm-sr-h{font-size:24px!important;line-height:1.25!important}
  }

  /* "Your room, with Tomita" on black (user, 4 Nov 2026): the section, its title, tabs, the active tab's line and the Customize link
     in light ink; the rooms and their round buttons as they were */
  @media (min-width:768px){
    #compare,#compare.tm-space-experience{background:#0b0a09!important;background-image:none!important;color:#efe8dc!important}
    #compare::before,#compare::after{display:none!important}
    /* (the full-width black shadow it had was removed 4 Nov 2026: the section now sits in the Visit track beside the showroom, and the shadow painted over it) */
    #compare #tm-rooms-title{color:#f3ede2!important}
    #compare .tm-set{background:transparent!important}   /* the gap between the two rooms was cream */
    #compare .tm-set-tab{color:#8f877c!important}
    #compare .tm-set-tab[aria-pressed="true"],#compare .tm-set-tab:hover{color:#f3ede2!important}
    #compare .tm-set-line{background:#f3ede2!important}
    #compare a[href="customize.html"]{color:#f3ede2!important;text-decoration-color:rgba(243,237,226,.55)!important}
    #compare a[href="customize.html"]:hover{text-decoration-color:#fc8702!important}
  }
}