/* Home page pacing: one 160px beat between sections, no paper sliver between the dark rooms, and the showroom as a wide
   photograph with its words beneath, set like the washi section. Inter capitals for headings, PT Serif text. */
html body .font-display{font-family:"PT Serif",Georgia,serif}
html body #compare#compare#compare .tm-space-angle{font-family:"PT Serif",Georgia,serif!important}
html body #tm-b-dialog-title#tm-b-dialog-title,html body #tm-b-material-close#tm-b-material-close{font-family:Inter,Arial,sans-serif!important}

html body #statement#statement{margin-top:0!important}
html body #tm-showcase#tm-showcase{margin-top:60px!important}
@media (min-width:821px){
  html body #tm-desk-editorial#tm-desk-editorial{padding-top:140px!important}
}

/* the link belongs with the words about Kozo */
.wx .bw-close .more{margin-top:14px}

/* the showroom */
html body #showroom#showroom#showroom#showroom{display:block!important;width:auto!important;min-height:0!important;height:auto!important;padding:0!important;margin:160px 0 120px!important;max-width:none!important;text-align:left!important;color:#302f2a}
html body #showroom#showroom#showroom#showroom .tm-sr-photo{display:block!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;max-width:none!important;margin:0 clamp(24px,3.333vw,56px)!important;overflow:hidden;background:#0a0908;aspect-ratio:2400/1021}
html body #showroom#showroom#showroom#showroom .tm-sr-photo img{position:static!important;display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;object-position:52% 50%;filter:none!important}
html body #showroom#showroom#showroom#showroom .tm-sr-text{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;width:auto!important;margin:40px clamp(24px,3.333vw,56px) 0!important;max-width:none!important;padding:0!important;text-align:left!important}
html body #showroom#showroom#showroom#showroom .tm-sr-title{grid-column:1/6}
html body #showroom#showroom#showroom#showroom .tm-sr-words{grid-column:8/12}
html body #showroom#showroom#showroom#showroom h2.tm-sr-h{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;margin:0!important;font:400 15px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;color:#302f2a}
html body #showroom#showroom#showroom#showroom p.tm-sr-sub{margin:10px 0 0!important;max-width:none!important;font:italic 400 17px/1.45 "PT Serif",Georgia,serif!important;letter-spacing:0!important;color:#716b61!important}
html body #showroom#showroom#showroom#showroom p.tm-sr-p{margin:0!important;max-width:none!important;font:400 15px/1.7 "PT Serif",Georgia,serif!important;letter-spacing:0!important;text-align:left!important;color:#4c4942!important}
html body #showroom#showroom#showroom#showroom a.tm-sr-link{display:inline-block;margin-top:18px;font:italic 400 14px/1.4 "PT Serif",Georgia,serif!important;letter-spacing:.02em!important;color:#302f2a;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
html body #showroom#showroom#showroom#showroom a.tm-sr-link:hover{opacity:.6}
/* 1 cm trimmed off the bottom of the photograph at its own scale (no zoom); the text below closes the gap. */
html body #showroom#showroom#showroom#showroom .tm-sr-photo{clip-path:inset(0 0 1cm 0);margin-bottom:-1cm!important}
@media (max-width:820px){
  html body #showroom#showroom#showroom#showroom{margin:88px 0 72px!important}
  html body #showroom#showroom#showroom#showroom .tm-sr-photo{margin:0 0 -1cm!important;aspect-ratio:4/3}
  html body #showroom#showroom#showroom#showroom .tm-sr-text{display:block!important;margin:28px 24px 0!important}
  html body #showroom#showroom#showroom#showroom h2.tm-sr-h,html body #showroom#showroom#showroom#showroom p.tm-sr-sub{text-align:left!important}
  html body #showroom#showroom#showroom#showroom a.tm-sr-link{display:inline-block!important}
  html body #showroom#showroom#showroom#showroom .tm-sr-words{text-align:left!important}
  html body #showroom#showroom#showroom#showroom p.tm-sr-p{margin-top:20px!important}
}

/* Original / With Tomita: plain words like the room tabs beside them, not a pill */
html body #compare#compare#compare .tm-space-state{gap:clamp(14px,1.7vw,28px)!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body #compare#compare#compare .tm-space-finish{position:relative;min-height:0!important;padding:13px 0 12px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font:500 10px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:rgba(255,255,255,.53)!important;transition:color .3s}
html body #compare#compare#compare .tm-space-finish:hover,html body #compare#compare#compare .tm-space-finish.is-current{color:#fff!important}
html body #compare#compare#compare .tm-space-finish.is-current::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:#fff}