/* Heritage (rebuilt 5 Nov 2026, "right now it's super ugly"): built from the same parts as Materials & Craft, which are the home
   page's own (tomita-craft-20261105.css: .tm-craft, .cr-open, .cr-m is-three / is-one, .cr-close). Only two things are added here:
     the opening band   the 1923 Tomita Shoten in black and white, one wide image with the words at its centre
     the chronology     a quiet list of years, three columns on a computer, one on a phone, each line a year and what happened */

.hr-band{display:block!important;height:clamp(420px,calc(100svh - 300px),680px);overflow:hidden;background:#1d1a17}
.hr-band>img{position:absolute;inset:0;filter:grayscale(1);object-position:50% 62%}   /* the sign and the shopfront */

.hr-chron{padding:clamp(80px,8vw,130px) var(--tm-edge,24px) 0;text-align:center}
.hr-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(28px,3vw,56px);max-width:1180px;margin:clamp(28px,3vw,44px) auto 0;
  padding:0;list-style:none;text-align:left}
.hr-list li{display:grid;grid-template-columns:4.2em 1fr;align-items:baseline;gap:14px;padding:16px 0;border-top:1px solid rgba(48,47,42,.18)}
.hr-list b{font:500 22px/1.2 "Cormorant Garamond",Georgia,serif;font-size-adjust:.44;color:#2a1f18}
.hr-list span{font:400 15px/1.6 "PT Serif",Georgia,serif;color:#3c3a34}

@media (max-width:767px){
  .hr-band{height:62svh}
  .hr-chron{padding:64px 24px 0}
  .hr-list{grid-template-columns:1fr}
}