/* The footer (user, 5 Nov 2026, after Pierre Frey's): dark, in white type. The logo and a line about Tomita on the left; two columns
   of links in capitals; on the right, samples and the showroom with one button and Instagram; a hairline; a row of small links
   spread across; the copyright centred in the headline face. The same markup on every page (tm-foot), so it reads the same
   everywhere. In the tomita-type layer, declared first in each <head>, so the older footer rules of some pages yield to it. */
@layer tomita-type{
  html body footer.tm-foot{position:relative;z-index:10;background:#2b2a27!important;background-image:none!important;color:#f3efe7;
    padding:clamp(64px,6vw,104px) var(--tm-edge,24px) clamp(40px,4vw,64px)}
  html body footer.tm-foot a{color:inherit!important;text-decoration:none!important}
  html body .tm-foot-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,.8fr) auto;column-gap:clamp(32px,4vw,72px);align-items:start}
  html body .tm-foot-brand img{display:block;height:28px!important;width:auto!important;filter:brightness(0) invert(1)}
  html body .tm-foot-brand p{margin:28px 0 0!important;padding:0!important;max-width:24em;font:400 15px/1.75 "PT Serif",Georgia,serif!important;letter-spacing:0!important;color:rgba(243,239,231,.82)!important}
  html body .tm-foot-col{display:grid;gap:18px;align-content:start}
  html body .tm-foot-col a,html body .tm-foot-side h2{font:400 12.5px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#f3efe7!important}
  html body .tm-foot-col a:hover,html body .tm-foot-col a:focus-visible{color:#fff!important;text-decoration:underline!important;text-underline-offset:5px!important}
  html body .tm-foot-side{display:grid;gap:22px;justify-items:start}
  html body .tm-foot-side h2{margin:0!important}
  html body footer.tm-foot a.tm-foot-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 30px!important;background:#f3efe7!important;color:#2b2a27!important;
    font:500 11px/1 Inter,Arial,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important;transition:background-color .3s}
  html body footer.tm-foot a.tm-foot-btn:hover,html body footer.tm-foot a.tm-foot-btn:focus-visible{background:#fff!important}
  html body .tm-foot-ig{display:inline-flex;align-items:center;gap:12px;font:400 12.5px/1 Inter,Arial,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  html body .tm-foot-ig svg{width:22px;height:22px}
  html body .tm-foot-visit{font:italic 400 15px/1 "PT Serif",Georgia,serif!important;letter-spacing:.02em!important;text-decoration:underline!important;text-underline-offset:6px!important;
    text-decoration-thickness:1px!important}
  html body .tm-foot-rule{height:1px;margin:clamp(48px,5vw,80px) 0 26px!important;background:rgba(243,239,231,.32)}
  html body .tm-foot-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 32px}
  html body .tm-foot-links a{font:400 14px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.01em!important;text-transform:none!important;color:rgba(243,239,231,.86)!important}
  html body .tm-foot-links a:hover,html body .tm-foot-links a:focus-visible{color:#fff!important}
  html body .tm-foot-copy{margin:clamp(40px,4vw,64px) 0 0!important;padding:0!important;text-align:center;font:500 22px/1.2 "Cormorant Garamond",Georgia,serif!important;font-size-adjust:.44;letter-spacing:.01em!important;color:#f3efe7!important}
  @media (max-width:1023px) and (min-width:768px){
    html body .tm-foot-top{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px}
    html body .tm-foot-brand{grid-column:1/-1}
  }
  @media (max-width:767px){
    html body footer.tm-foot{padding:56px 24px 40px}
    html body .tm-foot-top{grid-template-columns:1fr 1fr;row-gap:44px;column-gap:24px}
    html body .tm-foot-brand,html body .tm-foot-side{grid-column:1/-1}
    html body .tm-foot-links{justify-content:flex-start;gap:12px 28px}
  }
}
/* the company's name and address (6 Nov 2026: "add your business details"), under the copyright line */
html body .tm-foot-addr{margin:10px 0 0!important;padding:0!important;text-align:center;font:400 12.5px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.02em!important;color:rgba(243,239,231,.72)!important}