/* Home, computers: Washi and Hana V (4 Nov 2026), the phone home page's two blocks laid out for a wide screen.
   Washi as Materials & Craft is: the room large on the left, three more rooms in Kozo VI stacked beside it as squares, the words
   centred to the right. Hana V mirrored: the words on the left, its room large on the right. Each fits one window under the header.
   Titles in the headline face (tomita-type-*.css). Phones have their own blocks (#tm-phone-home), so these are hidden there. */
.tm-cd{display:none}
@media (min-width:768px){
  .tm-cd{--cd-gap:clamp(20px,2.2vw,32px);--cd-h:calc(100svh - 220px);
    display:grid;align-items:stretch;column-gap:var(--cd-gap);background:#f3efe7;color:#302f2a;
    padding:clamp(80px,8vw,130px) var(--tm-edge,24px)}
  .tm-cd img{display:block;width:100%;height:100%;object-fit:cover;max-height:none!important}
  .tm-cd a{color:inherit}
  .tm-cd .tm-cd-main{display:block;overflow:hidden;background:#ebe4d8;contain:size}
  .tm-cd .tm-cd-main img{transition:scale 1.2s cubic-bezier(.33,0,.2,1)}
  .tm-cd .tm-cd-main:hover img,.tm-cd .tm-cd-subs a:hover img{scale:1.03}
  .tm-cd .tm-cd-text{align-self:center;text-align:center;padding:0 clamp(16px,3vw,56px)}
  .tm-cd h2{margin:0 0 20px;color:#2a1f18;font-size:clamp(22px,1.8vw,27px)!important;line-height:1.2!important}
  .tm-cd .tm-cd-text p{margin:0 auto;max-width:30em;font:400 17px/1.9 "PT Serif",Georgia,serif;color:#3c3a34}
  .tm-cd .tm-cd-btn{display:inline-block;margin-top:36px;padding:15px 30px;border:1px solid #302f2a;color:#302f2a;text-decoration:none;
    font:500 11px/1 Inter,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;transition:background-color .3s,color .3s}
  .tm-cd .tm-cd-btn:hover,.tm-cd .tm-cd-btn:focus-visible{background:#302f2a;color:#f3efe7}

  /* Washi: room | three squares | words; the squares set the height (a third of the window each, less the gaps) */
  #tm-washi-d{--cd-s:min(calc((100vw - 2*var(--tm-edge,72px) - 2*var(--cd-gap))*.19),calc((var(--cd-h) - 2*var(--cd-gap))/3));
    grid-template-columns:minmax(0,40fr) var(--cd-s) minmax(0,41fr)}
  #tm-washi-d .tm-cd-subs{display:grid;grid-template-rows:repeat(3,var(--cd-s));row-gap:var(--cd-gap)}
  #tm-washi-d .tm-cd-subs a{display:block;overflow:hidden}
  #tm-washi-d .tm-cd-subs img{aspect-ratio:1;transition:scale 1.2s cubic-bezier(.33,0,.2,1)}

  /* Hana V: words | room, the room in its own shape and as tall as the window allows */
  #tm-hana-d{grid-template-columns:minmax(0,1fr) min(calc(var(--cd-h)*1400/1656),48vw);column-gap:clamp(48px,6vw,120px);padding-top:clamp(40px,4vw,72px)}
  #tm-hana-d .tm-cd-main{aspect-ratio:1400/1656;contain:none;align-self:center}
}
@media (prefers-reduced-motion:reduce){.tm-cd img{transition:none!important}}
/* Washi on white (user, 5 Nov 2026); Hana V stays on the house paper */
@media (min-width:768px){ #tm-washi-d{background:#fff} }

/* Art Wall Legend II (5 Nov 2026, user): the room's caption and the "View material detail" link are gone; one way on instead, an
   outlined "Discover Art Wall Legend II" under the words, drawn as the collections' buttons ("Explore Hana V") */
@media (min-width:768px){
  #tm-desk-editorial .tm-d-btn{display:inline-block;margin-top:32px;padding:15px 30px;border:1px solid #302f2a;color:#302f2a;text-decoration:none;
    font:500 11px/1 Inter,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;transition:background-color .3s,color .3s}
  #tm-desk-editorial .tm-d-btn:hover,#tm-desk-editorial .tm-d-btn:focus-visible{background:#302f2a;color:#f3efe7}
}
@media (max-width:767px){#tm-desk-editorial .tm-d-btn{display:none}}
/* the phone's Art Wall Legend II (5 Nov 2026, user): the same change as on computers, the button as the phone home page's own */
@media (max-width:767px){
  #tm-bronze-mobile .tm-b-cta{padding:28px var(--gutter,24px) 0}
  #tm-bronze-mobile .tm-b-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 30px;border:1px solid #302f2a;color:#302f2a;
    text-decoration:none;font:400 12px/1 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
  #tm-bronze-mobile .reading-room{padding-bottom:44px}
}