/* The home page's headline rule, across the whole site (user, 5 Nov 2026): page and section headlines in Cormorant Garamond 500, as
   written (no capitals), letter-spacing 0, sized to read as large as the type they replace (font-size-adjust, as on the home page:
   tomita-type-20261103.css). Small labels stay Inter capitals (design names in grids, card and step titles, the collection band).
   The selectors are the ones that drew headlines in Inter capitals, clamp(20px,1.8vw,28px), plus the few in Playfair or PT Serif.
   In the tomita-type layer, declared first in every page's <head>, so it outranks the older heading rules (tomita-pages and others). */
@layer tomita-type{
  .tm-acct h1,.tm-acct h2,.acct-dialog h2,
  .tm-wc h1,.wc-sheet h2,
  .dp-name,.dp-visit h2,
  main.tm-editorial-collections>div>div:first-child h1,
  #room-paper-intro h1,#ir h2,
  .tm-mat>section:first-of-type h1:not(.tm-ch-sr),.tm-mat section h2:not(a h2),
  .heritage-new h1,.heritage-new h2,.hn-story-dialog h2,
  .tm-mag h2,
  .tm-fp h1,.tm-fp section h2,#done h3,#contactDone h3,
  .trade-main h1,.trade-message h2,
  .tm-coll .story-scroll h2,
  article.pp h1,article.pp h2,
  main>section h1.font-display,
  .tm-find-intro h1{
    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;line-height:1.2!important}
  /* sizes: page titles a little larger than section titles, as on the home page */
  .tm-acct h1,.tm-wc h1,.dp-name,main.tm-editorial-collections>div>div:first-child h1,#room-paper-intro h1,
  .tm-mat>section:first-of-type h1:not(.tm-ch-sr),.heritage-new h1,.tm-fp h1,.trade-main h1,article.pp h1,main>section h1.font-display,
  .tm-find-intro h1{font-size:clamp(28px,2.4vw,36px)!important}
  .tm-acct h2,.acct-dialog h2,.wc-sheet h2,.dp-visit h2,#ir h2,.tm-mat section h2:not(a h2),.heritage-new h2,.hn-story-dialog h2,.tm-mag h2,
  .tm-fp section h2,#done h3,#contactDone h3,.trade-message h2,.tm-coll .story-scroll h2{font-size:clamp(24px,2vw,30px)!important}
  article.pp h2{font-size:clamp(21px,1.6vw,24px)!important}
  /* the magazine's pull quote in the headline face's italic */
  .tm-mag blockquote p.font-display{font-family:"Cormorant Garamond",Georgia,serif!important;font-style:italic!important;font-weight:500!important;
    letter-spacing:0!important;text-transform:none!important;font-size-adjust:.44!important;font-size:clamp(24px,2vw,30px)!important;line-height:1.35!important}
  @media (max-width:767px){
    .tm-acct h1,.tm-wc h1,.dp-name,main.tm-editorial-collections>div>div:first-child h1,#room-paper-intro h1,
    .tm-mat>section:first-of-type h1:not(.tm-ch-sr),.heritage-new h1,.tm-fp h1,.trade-main h1,article.pp h1,main>section h1.font-display,
    .tm-find-intro h1{font-size:28px!important}
    .tm-acct h2,.acct-dialog h2,.wc-sheet h2,.dp-visit h2,#ir h2,.tm-mat section h2:not(a h2),.heritage-new h2,.hn-story-dialog h2,.tm-mag h2,
    .tm-fp section h2,#done h3,#contactDone h3,.trade-message h2,.tm-coll .story-scroll h2{font-size:24px!important}
  }
}
/* the header's logo as on the home page (user, 5 Nov 2026): 26px tall on a computer, 21px on a phone, its width following
   (the other pages drew it 146px / 110px wide, about a fifth larger). In the tomita-type layer, above the older header rules. */
@layer tomita-type{
  header.tomita-unified-header .tomita-unified-brand img,html body #siteHead#siteHead.tomita-unified-header .tomita-unified-brand img{
    width:auto!important;height:26px!important;max-height:none!important}
  @media (max-width:767px){
    header.tomita-unified-header .tomita-unified-brand img,html body #siteHead#siteHead.tomita-unified-header .tomita-unified-brand img{height:21px!important}
    header.tomita-unified-header .tomita-unified-brand,html body #siteHead#siteHead.tomita-unified-header .tomita-unified-brand{width:auto!important}
  }
}