/* The other pages, brought to the home page one at a time: its fonts (PT Serif and Inter) and its edges. No new layouts.
   In a cascade layer because the older rules use !important throughout: !important in a layer beats any unlayered
   !important, whatever its specificity. Only inline !important beats it. */
:root{--tm-edge:min(4.15vw,80px);--tm-serif:"PT Serif",Georgia,"Times New Roman",serif}
@media (max-width:767px){:root{--tm-edge:24px}}

@layer tomita-pages{

/* ---- every page ---- */
.font-display,h1,h2,h3,header.tomita-unified-header nav,header.tomita-unified-header nav a,header.tomita-unified-header button,footer nav,footer .lnk{font-family:"PT Serif",Georgia,serif!important}
.font-jp,[lang="ja"]{font-family:"Noto Serif JP",serif!important}
footer .text-\[10px\],footer .text-\[10px\] .lnk,footer .text-\[9\.5px\],footer a[aria-label="Tomita on Instagram"]{font-family:Inter,Arial,sans-serif!important}
/* the home page's paper */
html body.paper{background:rgb(243,239,231) url(/bg/washi-white.jpg?v=2) 0 0/900px 900px repeat!important;background-blend-mode:multiply!important}
/* the small capitals, as on the home page */
.tm-back .lnk,.tm-back a,#back a,#back span,.tm-kicker{font-family:Inter,Arial,sans-serif!important;font-size:10px!important;font-weight:500!important;letter-spacing:.2em!important;text-transform:uppercase!important}

/* the header stays where it is on the home page when you click through */
header.tomita-unified-header>div{padding-left:var(--tm-edge)!important;padding-right:var(--tm-edge)!important}
@media (min-width:768px){
  /* and at the same height: words on the home header's line, the logo on its own */
  header.tomita-unified-header,header.tomita-unified-header>div{height:91px!important;min-height:91px!important;max-height:91px!important}
  header.tomita-unified-header .tomita-unified-brand{top:50.5px!important}
}
footer>div{padding-left:var(--tm-edge)!important;padding-right:var(--tm-edge)!important}
footer>div>div{max-width:none!important}
.tm-back,#back{padding-left:var(--tm-edge)!important;padding-right:var(--tm-edge)!important;padding-bottom:16px!important}   /* and clear of the photograph below it */
@media (min-width:768px){
  header.tomita-unified-header .head-burger{padding-right:28px!important}
  header.tomita-unified-header .head-burger span{width:26px!important}
  header.tomita-unified-header nav[aria-label="Primary"]{padding-left:0!important;border-left:0!important;gap:28px!important}
  header.tomita-unified-header nav[aria-label="Enquiries"]{gap:12px!important}
  header.tomita-unified-header nav[aria-label="Enquiries"] a[href="sample.html"]{padding-right:12px!important}
  header.tomita-unified-header nav[aria-label="Enquiries"] a[href^="browse.html"]{justify-content:center!important;width:44px!important;padding:0!important;border-left:0!important}
  header.tomita-unified-header nav[aria-label="Enquiries"] a[aria-label="Find Tomita"]{width:43px!important}
  header.tomita-unified-header nav[aria-label="Enquiries"] a:last-child{width:42px!important}
  header.tomita-unified-header .tomita-unified-brand img{width:clamp(125px,10.14vw,146px)!important}
}
@media (min-width:768px) and (max-width:1180px){
  header.tomita-unified-header .head-burger{padding-right:20px!important}
  header.tomita-unified-header nav[aria-label="Primary"]{gap:20px!important}
}

/* ---- Our Collections ---- */
/* the home page's own styles, not new ones: the title as MADE IN JAPAN, each name as SHIKIGAWARA, the numbers as its counters */
main.tm-editorial-collections>div>div:first-child h1{font:400 clamp(20px,1.8vw,28px)/1.2 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
main.tm-editorial-collections>div>div:first-child p{font:400 16px/1.7 "PT Serif",Georgia,serif!important}
main.tm-editorial-collections>div>.grid h2,main.tm-editorial-collections>div>.grid h2 .lnk{font:400 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important}
main.tm-editorial-collections>div>.grid .text-\[10px\]{font:400 11px/1 Inter,Arial,sans-serif!important;letter-spacing:.12em!important}
main.tm-editorial-collections>div>.grid>article>a>div.mt-1{font:400 14px/1.65 "PT Serif",Georgia,serif!important}
main.tm-editorial-collections .tm-collection-design-count{display:block!important}   /* its own line under every cover, not wrapping on some */
main.tm-editorial-collections>div>div:last-child a.font-display{font:400 14px/1.4 "PT Serif",Georgia,serif!important;letter-spacing:.02em!important;text-decoration-color:currentColor!important;text-underline-offset:6px!important}
.oc-nb{white-space:nowrap}
/* under each cover: open the designs, or take the catalogue */
.oc-acts{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:14px}
.oc-acts a{font:400 14px/1.7 "PT Serif",Georgia,serif!important;color:#302f2a!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:6px!important}
.oc-acts a span{color:#6b655c}
main.tm-editorial-collections>div>div:first-child>.text-\[11px\],main.tm-editorial-collections>div>div:last-child>.text-\[10px\]{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important}
/* the home page's inks */
main.tm-editorial-collections h1,main.tm-editorial-collections>div>.grid h2,main.tm-editorial-collections>div>.grid h2 .lnk,main.tm-editorial-collections>div>div:last-child a.font-display{color:#302f2a!important}
main.tm-editorial-collections>div>div:first-child p,main.tm-editorial-collections>div>.grid>article>a>div.mt-1{color:#4c4942!important}
main.tm-editorial-collections>div>div:first-child>.text-\[11px\],main.tm-editorial-collections>div>div:last-child>.text-\[10px\],main.tm-editorial-collections .tm-collection-design-count,main.tm-editorial-collections>div>.grid .text-\[10px\],.tm-back a{color:#716b61!important}
@media (max-width:767px){
  .oc-acts{margin-top:4px}
  .oc-acts a{display:inline-block;padding:10.5px 0}
  .oc-acts .oc-view{display:none}                    /* the cover and the name already open the collection */
  main.tm-editorial-collections>div>div:last-child a.font-display{display:inline-block;padding:13px 0;text-wrap:balance}
}
@media (min-width:768px){
  /* the covers run from margin to margin, level with each other, so their names sit on one line */
  main.tm-editorial-collections{padding-left:var(--tm-edge)!important;padding-right:var(--tm-edge)!important}
  main.tm-editorial-collections>div{max-width:none!important}
  main.tm-editorial-collections>div>.grid>article>a{margin-top:0!important}
}

/* ---- a collection page (Kozo VI) ---- */
/* its opening: small capitals as on the home page */
.tm-coll>section:first-of-type [class*="tracking-[0.42em]"],.tm-coll>section:first-of-type [class*="tracking-[0.4em]"]{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;padding-left:.2em!important}
/* a title set in type (Art Wall Legend II): Inter, not Helvetica on some computers and Arial on others */
.tm-coll>section:first-of-type h1,.tm-coll>section:first-of-type h1 *{font-family:Inter,Arial,sans-serif!important}
/* the line under the character: the home page's sub-line */
.tm-coll p.font-display{font:400 18px/1.7 "PT Serif",Georgia,serif!important;letter-spacing:0!important;color:#716b61!important}
.tm-coll figcaption{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.15em!important}
/* The designs */
.tm-coll div.bg-\[\#4a413a\] h2{font:400 15px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;color:#fff!important}
.tm-coll [data-view]{font:500 10px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.15em!important}
/* the words beside the designs */
#panelView aside>div>div:first-child,.tm-coll section.border-t>div>div:first-child{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;color:#716b61!important}
#panelView aside h2{font:400 var(--tm-statement,24px)/1.3 Inter,Arial,sans-serif!important;letter-spacing:0!important;color:#302f2a!important}
#panelView aside h2+div+div{font:400 14px/1.7 "PT Serif",Georgia,serif!important;color:#4c4942!important}
#panelView aside a[download],#panelView aside a[download] *{font-family:Inter,Arial,sans-serif!important;letter-spacing:.15em!important}
.tm-coll [data-bk="count"]{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:rgba(255,255,255,.72)!important}
/* other collections: named as the collections are */
.tm-coll section.border-t a.lnk{font:400 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#302f2a!important}
/* the booklet: the same fonts, and a line height that lets the description fit its page */
#booklet{background-image:radial-gradient(120% 95% at 50% 35%,rgba(20,6,2,.18) 0%,rgba(20,6,2,.42) 55%,rgba(12,3,1,.78) 100%),url(/pages-opt/table-mahogany-1920.webp)!important}
.bk-intro h4{font-family:Inter,Arial,sans-serif!important;font-size:2em!important;line-height:1.3!important;letter-spacing:0!important}
.bk-intro p,.bk-desc{font-family:"PT Serif",Georgia,serif!important;font-weight:400!important;line-height:1.7!important}
.bk-en{font-family:Inter,Arial,sans-serif!important;font-weight:400!important;letter-spacing:.14em!important}
.bk-jp{font-family:"Noto Serif JP",serif!important}
.bk-eyebrow{letter-spacing:.2em!important}
.bk-meta,.bk-head,.bk-cta,.bk-foot-row{letter-spacing:.15em!important}
.bk-dl{letter-spacing:.15em!important}
@media (min-width:768px){
  /* a title that opens on the left starts on the margin; one centred over its artwork, with its shade behind it, stays */
  .tm-coll>section:first-of-type>.flex[class*="md:justify-start"]{padding-left:var(--tm-edge)!important}
  .tm-coll>section:first-of-type>.font-jp{right:var(--tm-edge)!important}
  .tm-coll .cl-photos,.tm-coll div.bg-\[\#4a413a\],.tm-coll section.overflow-x-clip,.tm-coll section.border-t{padding-left:var(--tm-edge)!important;padding-right:var(--tm-edge)!important}
  .tm-coll .cl-photos>div,.tm-coll div.bg-\[\#4a413a\]>div,.tm-coll section.overflow-x-clip>div,.tm-coll section.border-t>div{max-width:none!important}
}
@media (max-width:767px){
}

@media (max-width:767px){
  #panelView aside h2{--tm-statement:20px;font-size:20px!important}
  #panelView aside h2+div+div{font-size:16px!important}
}

/* ---- a design page (one template, all 89) ---- */
#app h2{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;color:#6b655c!important}
/* previous, next, and more from this collection: named as the collections are */
#app a[rel="prev"]>div:first-child,#app a[rel="next"]>div:first-child{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;color:#6b655c!important}
#app a[rel="prev"] .font-display,#app a[rel="next"] .font-display,#app section.border-t a.group .font-display{font:400 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;color:#302f2a!important}
#app section.border-t a .lnk{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;color:#6b655c!important}
@media (min-width:768px){
  #app a[rel="prev"]{padding-left:var(--tm-edge)!important}
  #app a[rel="next"]{padding-right:var(--tm-edge)!important}
  #app section.border-t[class*="px-6"]{padding-left:var(--tm-edge)!important;padding-right:var(--tm-edge)!important}
  #app section.border-t[class*="px-6"]>div{max-width:none!important}
}

/* ---- filters (Browse and Gallery) ---- */
.tm-filter-trigger .tm-filter-value{font-family:"PT Serif",Georgia,serif!important;font-size:16px!important}
.tm-filter-arrow{font-family:Inter,Arial,sans-serif!important}
.tm-filter-options,.tm-filter-options button{font:400 14px/1.4 "PT Serif",Georgia,serif!important;letter-spacing:0!important;text-transform:none!important}

/* ---- Browse ---- */
#filters{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important}
#q{font:400 14px/1.4 "PT Serif",Georgia,serif!important;letter-spacing:0!important}
#grid .font-display{font:400 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;color:#302f2a!important}
#grid article a>div:last-child{font:500 10px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.08em!important;color:#716b61!important}
#empty{font:italic 400 18px/1.45 "PT Serif",Georgia,serif!important;color:#716b61!important}
/* narrower cards: the smaller size keeps long names from being cut short */
@media (max-width:1180px){#grid .font-display{font-size:11px!important;letter-spacing:.1em!important}#grid article a>div:last-child{letter-spacing:.04em!important}}

/* ---- Gallery ---- */
#room-paper-intro,#ir{background:transparent!important}
.room-paper-eyebrow,.room-paper-eyebrow span,#ir .ir-k{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;color:#716b61!important}
#room-paper-intro h1,#ir h2{font:400 clamp(20px,1.8vw,28px)/1.2 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#302f2a!important}
#room-paper-intro p,#ir .ir-lede{font:400 16px/1.7 "PT Serif",Georgia,serif!important;color:#4c4942!important}
#room-exhibition figcaption,#room-exhibition figcaption span{font:500 10px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.15em!important}
#ir figcaption b{font:400 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#302f2a!important}
#ir figcaption span{font:500 10px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.08em!important;color:#716b61!important}
#ir .ir-empty{font:italic 400 18px/1.45 "PT Serif",Georgia,serif!important;color:#716b61!important}
@media (min-width:768px){
  .tm-browse,#room-paper-intro,#room-exhibition.tm-dark-curation,#ir{padding-left:var(--tm-edge)!important;padding-right:var(--tm-edge)!important}
  .tm-browse>div,#room-paper-intro .room-paper-intro-inner,#room-exhibition .tm-dark-curation-inner,#ir .ir-in{max-width:none!important}
}

/* ---- Craft and the material pages ---- */
/* the opening of a material page */
.tm-mat>section:first-of-type [class*="tracking-[0.42em]"]{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;padding-left:.2em!important}
.tm-mat>section:first-of-type h1:not(.tm-ch-sr){font:400 clamp(20px,1.8vw,28px)/1.2 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.tm-mat>section:first-of-type p:not([class*="tm-ch"]){font:400 16px/1.7 "PT Serif",Georgia,serif!important}
/* small capitals; the line under the character */
.tm-mat [class*="tracking-[0.4em]"],.tm-mat div[class*="tracking-[0.42em]"]:not(.tm-rise),.tm-mat #craftProcess .cp-head [class*="text-[10px]"]{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;color:#716b61!important}
.tm-mat p.font-display{font:italic 400 18px/1.7 "PT Serif",Georgia,serif!important;letter-spacing:0!important;color:#716b61!important}
/* headings as the home page's; names as its names */
.tm-mat section h2:not(a h2){font:400 clamp(20px,1.8vw,28px)/1.2 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#302f2a!important}
.tm-mat section h3,.tm-mat a.group h2,.tm-mat a.group h2 .lnk,.tm-mat a.group [class*="text-[11px]"]{font:400 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#302f2a!important}
/* words */
.tm-mat section p:not(.font-display):not([class*="tm-ch"]):not(.cp-intro){font:400 14px/1.7 "PT Serif",Georgia,serif!important;letter-spacing:0!important;color:#4c4942!important}
.tm-mat>section:first-of-type.relative p.tm-rise{font-size:16px!important;line-height:1.7!important;color:rgba(255,255,255,.94)!important;text-shadow:0 1px 14px rgba(0,0,0,.55)!important}
.tm-mat .space-y-4 p,.tm-mat .space-y-4,.tm-mat #craftProcess .cp-intro{font:400 16px/1.7 "PT Serif",Georgia,serif!important;letter-spacing:0!important;color:#4c4942!important}
.tm-mat a[href*="#"].inline-flex,.tm-mat a[href*="#"].inline-flex .lnk{font:italic 400 14px/1.4 "PT Serif",Georgia,serif!important;letter-spacing:.02em!important;text-transform:none!important;color:#302f2a!important}
.tm-mat a.group .mt-4>[lang="ja"]+[class*="text-[11px]"]{margin-left:12px!important}   /* the Japanese name and the English one */
/* step numbers, as the home page's counters */
.tm-mat div[class*="text-[11px]"][class*="tracking-[0.3em]"]{font:400 11px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.12em!important}
/* captions */
.tm-mat #craftProcess figcaption{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.15em!important}
/* Craft's dark opening */
.tm-chapter .tm-ch-kicker,.tm-chapter .tm-ch-film figcaption{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.15em!important}
.tm-chapter .tm-ch-text{font:400 16px/1.7 "PT Serif",Georgia,serif!important}
.tm-chapter .tm-ch-link{font:italic 400 14px/1.4 "PT Serif",Georgia,serif!important;letter-spacing:.02em!important}
@media (min-width:768px){
  .tm-mat>section:not(:first-of-type)[class*="md:px-14"],.tm-mat>.tm-chapter{padding-left:var(--tm-edge)!important;padding-right:var(--tm-edge)!important}
  /* Craft's opening: twelve columns between the margins, in place of a narrower grid centred on the page */
  .tm-mat>.tm-chapter{grid-template-columns:repeat(12,minmax(0,1fr))!important}
  .tm-chapter .tm-ch-one,.tm-chapter .tm-ch-two{grid-column:1/13!important}
  /* and the Kiri words read from the left, as every other paragraph does */
  .tm-chapter .tm-ch-kiri .tm-ch-copy{text-align:left!important;justify-items:start!important}
  .tm-mat>section[class*="md:px-14"]>div{max-width:none!important}
}

/* ---- Heritage ---- */
.heritage-new,.hn-intro,.hn-story{background:transparent!important}
.hn-eyebrow,.hn-record-header>span,.hn-end>span,.hn-intro-copy span,.hn-entry>div>span,.hn-entry .hn-entry-meta span{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important}
.heritage-new h1,.heritage-new h2,.hn-story-dialog h2{font:400 clamp(20px,1.8vw,28px)/1.25 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.heritage-new h1,.heritage-new h2:not(.hn-end h2){color:#302f2a!important}
.hn-entry strong,.hn-story-dialog .hn-story-year{font:400 clamp(20px,1.8vw,28px)/1.25 Inter,Arial,sans-serif!important;letter-spacing:.04em!important;color:#302f2a!important}
.hn-lede,.hn-entry-copy p,.hn-record-header p,.hn-story-dialog .hn-story-prose,.hn-story-dialog .hn-story-prose p{font:400 16px/1.7 "PT Serif",Georgia,serif!important;letter-spacing:0!important;color:#4c4942!important}
.hn-entry-copy em{font:italic 400 16px/1.7 "PT Serif",Georgia,serif!important}
.heritage-new figcaption,.hn-story-dialog figcaption span{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.15em!important}
.hn-year-open b{font:400 16px/1.2 Inter,Arial,sans-serif!important;letter-spacing:.06em!important;color:#302f2a!important}
.hn-year-open span:not(.hn-year-plus){font:400 14px/1.5 "PT Serif",Georgia,serif!important;color:#4c4942!important}
.hn-end p{font:400 clamp(20px,1.667vw,28px)/1.3 Inter,Arial,sans-serif!important;letter-spacing:0!important}
.hn-end a,.hn-intro-copy a{font:italic 400 14px/1.4 "PT Serif",Georgia,serif!important;letter-spacing:.02em!important;text-transform:none!important}
.hn-story-dialog .hn-story-placeholder strong{font-family:Inter,Arial,sans-serif!important;font-weight:300!important}
.hn-story-dialog .hn-story-source,#hn-story-source{font:italic 400 14px/1.4 "PT Serif",Georgia,serif!important;letter-spacing:.02em!important}

/* the story window: a sitewide rule was overriding its photograph's limit, so the picture spilled over its frame and caption */
.hn-story-dialog .hn-story-mat img{max-height:370px!important}
@media (max-width:700px){.hn-story-dialog .hn-story-mat img{max-height:260px!important}}
#hn-story-title:focus,#hn-story-title:focus-visible{outline:none!important}   /* focus moves here for screen readers; no box is needed */

/* ---- Magazine ---- */
.tm-mag div[class*="tracking-[0.42em]"]{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important}
.tm-mag h2{font:400 clamp(20px,1.8vw,28px)/1.3 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#302f2a!important}
.tm-mag header p.font-display,.tm-mag section p.font-display{font:italic 400 18px/1.7 "PT Serif",Georgia,serif!important;letter-spacing:0!important;color:#716b61!important}
.tm-mag figcaption{font:italic 400 14px/1.5 "PT Serif",Georgia,serif!important;letter-spacing:0!important;color:#716b61!important}
.tm-mag .space-y-6,.tm-mag .space-y-6 p{font:400 16px/1.7 "PT Serif",Georgia,serif!important;color:#4c4942!important}
.tm-mag p[class*="first-letter"]::first-letter{font-family:"PT Serif",Georgia,serif!important}
/* the jury's words: a sentence alone, as the home page's statements */
.tm-mag blockquote p{font:400 clamp(20px,1.667vw,28px)/1.35 Inter,Arial,sans-serif!important;letter-spacing:0!important;color:#302f2a!important}
.tm-mag blockquote footer{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.15em!important;color:#716b61!important}
.tm-mag ol span.font-display{font:400 11px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.12em!important}
.tm-mag ol h3,.tm-mag article h3{font:400 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#302f2a!important}
.tm-mag ol p{font:400 16px/1.7 "PT Serif",Georgia,serif!important;color:#4c4942!important}
.tm-mag section a .lnk{font:italic 400 14px/1.4 "PT Serif",Georgia,serif!important;letter-spacing:.02em!important;text-transform:none!important;color:#302f2a!important}
@media (min-width:768px){
  .tm-mag article,.hn-intro,.hn-entry,.hn-record{padding-left:var(--tm-edge)!important;padding-right:var(--tm-edge)!important}
  .tm-mag article>div,.hn-record>*,.hn-intro,.hn-entry{max-width:none!important}
}

/* ---- legibility: the standard contrast (4.5:1) wherever small text sits on a plain ground ---- */
/* greys on paper */
#back a,#back span,.tm-back a,.tm-back .lnk,.tm-mat #craftProcess figcaption,.heritage-new figcaption,.hn-eyebrow,.hn-intro-copy span,.hn-entry>div>span,.tm-mag figcaption,.tm-mag blockquote footer,.tm-mag div[class*="tracking-[0.42em]"]{color:#6b655c!important}
#back span.text-\[\#3d2f22\]{color:#302f2a!important}
.tm-mat [class*="tracking-[0.4em]"],.tm-mat div[class*="tracking-[0.42em]"]:not(.tm-rise){color:#6b655c!important}
.tm-coll span.text-\[\#a8573f\]{color:#96492f!important}
/* the chronology's slightly darker ground */
.hn-record-header>span{color:#5f5a51!important}
/* downloads and the small lines inside the booklet */
.bk-dl em,#panelView aside a[download] em,#panelView aside a[download] span[class*="text-neutral-400"]{color:#6b655c!important}
#booklet .bk-dl em{color:rgba(255,255,255,.72)!important}
.bk-head,.bk-more{color:#6b655c!important}
/* the view that is not chosen, on the dark band */
.tm-coll [data-view][aria-pressed="false"],.tm-coll [data-view].text-white\/45{color:rgba(255,255,255,.72)!important}
/* a design page's quiet lines */
#app h1~div.font-jp,#app h1+div{color:#6b655c!important}
#vars em{color:#6b655c!important}
#vars [aria-pressed="true"] em,#vars .is-on em{color:#302f2a!important}
#app a.lnk[href*="sample"]{color:#6b655c!important}
#filters>div>span,#filters label,#count,#grid article a>div:last-child{color:#6b655c!important}
#q::placeholder{color:#6b655c!important}
.tm-mat a.group p{color:#4c4942!important}
.tm-mat div[class*="text-[11px]"][class*="tracking-[0.3em]"]:not([style*="fc8702"]){color:#6b655c!important}
/* other materials, as other collections */
.tm-mat section div[class*="text-[11px]"]:not([class*="tracking-[0.3em]"]){font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;color:#6b655c!important}
.tm-mat section a.lnk{font:400 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#302f2a!important}
.tm-mat section a.group span.font-jp,.tm-mat section span.font-jp{color:#4c4942!important}

/* For Professionals: its other styles are in tomita-trade-20261102.css, which the main site loads too; only the titles need to beat this layer's headings */
.trade-main h1,.trade-message h2{font-family:Inter,Arial,sans-serif!important}

/* ---- Sample, Find, Contact, Account ---- */
/* headings, names and references, as the home page's */
.tm-fp h1,.tm-fp section h2,#done h3,#contactDone h3{font:400 clamp(20px,1.8vw,28px)/1.25 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#302f2a!important}
.tm-fp section h3:not(#done h3):not(#contactDone h3),.tm-fp h4,.tm-fp summary span.font-display,.tm-fp dd.font-display,.tm-fp p.font-display:not(#findNone){font:400 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#302f2a!important}
.tm-fp div.font-display.italic{font:italic 400 14px/1.5 "PT Serif",Georgia,serif!important;color:#6b655c!important}
#findNone{font:italic 400 16px/1.7 "PT Serif",Georgia,serif!important;color:#4c4942!important}
.tm-fp a.font-display.block{font:400 clamp(20px,1.667vw,28px)/1.3 Inter,Arial,sans-serif!important;letter-spacing:0!important;color:#302f2a!important}

/* small capitals */
.tm-fp div[class*="tracking-[0."],.tm-fp label[class*="tracking-[0."],.tm-fp legend,.tm-fp dt[class*="tracking-[0."],.tm-fp summary[class*="tracking-[0."],.tm-fp p[class*="tracking-[0."],.tm-fp a.lnk[class*="tracking-[0."],.tm-fp button.lnk[class*="tracking-[0."],.tm-fp span[class*="tracking-[0.3em]"]:not(input+span),.tm-fp section .mt-10.flex a,.tm-find-eyebrow{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;color:#6b655c!important}
.tm-fp [style*="color:#fc8702"]{color:#6b655c!important}   /* never orange words on paper */
.tm-fp .tm-sample-progress,.tm-sample-progress{color:#6b655c!important}
.tm-sample-progress span[aria-current=step]{color:#302f2a!important}
.tm-sample-review strong{color:#6b655c!important}

/* words */
.tm-fp section p:not(.font-display):not([class*="tracking-[0."]),.tm-fp span[class*="text-[12px]"],.tm-fp label.flex,.tm-sample-flow-note,.tm-sample-review,.tm-sample-review-advice{font:400 14px/1.7 "PT Serif",Georgia,serif!important;letter-spacing:0!important}
.tm-fp section p[class*="text-[14.5px]"],.tm-fp section p[class*="text-[15px]"],.tm-find-intro p{font-size:16px!important}
.tm-fp section p[class*="text-[11px]"]{font-size:13px!important}
.tm-find-intro p,.tm-fp .text-neutral-600:not(input+span),.tm-sample-flow-note,.tm-sample-review-advice{color:#4c4942!important}
.tm-fp .text-neutral-400,.tm-fp .text-neutral-500{color:#6b655c!important}
.tm-fp .text-neutral-800,.tm-fp .text-neutral-900:not(input+span){color:#302f2a!important}

/* fields */
.tm-fp input:not([type=checkbox]):not([type=radio]),.tm-fp select,.tm-fp textarea{font:400 16px/1.5 "PT Serif",Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:#302f2a!important}
.tm-fp input,.tm-fp select,.tm-fp textarea{border-bottom-color:#a79f93}
.tm-fp ::placeholder{color:#6b655c!important;opacity:1!important}

/* buttons: the small capitals, square, at a size a thumb can find */
#submitBtn,#contactBtn,#findForm button,.tm-sample-flow-actions button{min-height:48px!important;font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;text-transform:uppercase!important;border-radius:0!important}
.tm-fp label.cursor-pointer>input+span:not(.flex){font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.15em!important}
#findForm button:hover{background:#4c4942!important}

/* the choosing lists drawn the same way everywhere */
.tm-fp select{-webkit-appearance:none!important;appearance:none!important;padding-right:24px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23302f2a'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E") right 2px center no-repeat!important}
.tm-fp dl dd:not(.font-display){font-family:"PT Serif",Georgia,serif!important}
@media (max-width:430px){.tm-sample-progress span{font-size:10px!important}}
/* Sample: Continue comes after the fields it continues from, not above them */
#sampleForm:not(.hidden):not([hidden]){display:flex!important;flex-direction:column!important}   /* not once it has been sent: the thank-you takes its place */
.tm-sample-flow-actions{order:10}
.tm-sample-flow-note{order:11}
.tm-sample-flow-actions:has(.tm-flow-next[hidden])+.tm-sample-flow-note{display:none!important}   /* the last step says this beside its Submit button */
#request:focus{outline:0!important}

/* Sample: the opening, as a material page's */
.tm-fp-sample>section:first-of-type h1{color:#fff!important;text-shadow:0 2px 24px rgba(0,0,0,.45)!important}
.tm-fp-sample>section:first-of-type div[class*="tracking-[0."]{color:rgba(255,255,255,.92)!important;padding-left:.2em!important}
.tm-fp-sample>section:first-of-type p{font-size:16px!important;color:rgba(255,255,255,.94)!important;text-shadow:0 1px 14px rgba(0,0,0,.55)!important}
#beginRequest{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important}

/* Contact: everything reads from the left */
.tm-strip{padding:16px var(--tm-edge)!important;text-align:left!important;font:italic 400 14px/1.4 "PT Serif",Georgia,serif!important;letter-spacing:.02em!important}
.tm-fp-contact>section:first-of-type .text-center{text-align:left!important}
.tm-fp-contact>section:first-of-type div.justify-center{justify-content:flex-start!important}
.find-audience label>input+span{align-items:flex-start!important;text-align:left!important;border-radius:0!important}
.find-audience label>input+span>span:first-child{font:400 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;color:#302f2a!important}
.find-audience label>input+span>span:last-child{font:400 14px/1.7 "PT Serif",Georgia,serif!important;color:#4c4942!important}

.tm-fp-contact>section:first-of-type div.justify-center>span.h-px{display:none!important}
.find-audience label>input:not(:checked)+span{border-color:#c8c0b5!important}

/* edges: from the header's margin to the header's margin */
.tm-find-intro{background:transparent!important}
@media (min-width:768px){
  .tm-fp>section[class*="md:px-14"],.tm-find-intro{padding-left:var(--tm-edge)!important;padding-right:var(--tm-edge)!important}
  .tm-fp>section>[class*="max-w-[1"]{max-width:none!important}
  .tm-find-intro-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:24px!important;align-items:start!important}
  .tm-find-intro-grid h1{grid-column:1/8}
  .tm-find-intro-grid p{grid-column:8/13;max-width:none!important;margin:0!important}
}
/* Sample: the title beside the form, as For Professionals */
@media (min-width:900px){
  #request>div{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
  #request>div>*{grid-column:5/13}
  #request>div>[data-rv]:first-child{grid-column:1/5;grid-row:1/span 12;align-self:start}
  .tm-sample-progress{margin-top:0!important}
  #tray:not(.hidden)~.tm-sample-progress{margin-top:36px!important}
}

/* The personal account: its other styles are in tomita-account-20261102.css */
.tm-acct h1,.tm-acct h2,.tm-acct h3,.acct-dialog h2{font-family:Inter,Arial,sans-serif!important}

/* All wallcoverings: its other styles are in tomita-browse-20261102.css */
.tm-wc h1,.wc-sheet h2{font-family:Inter,Arial,sans-serif!important}

/* A design page: its other styles are in tomita-design-20261102.css */
.tm-dp h1,.tm-dp h2,.tm-dp h3{font-family:Inter,Arial,sans-serif!important}
.tm-dp .dp-jp{font-family:"Noto Serif JP",serif!important}
/* the header is solid on these pages: what scrolls beneath it never shows through its words */
header.tomita-unified-header{background:#232320!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* a phone's trail: only the step back, on one line */
@media (max-width:767px){
  #back nav>span[aria-hidden],#back nav>a:first-child .lnk,#back nav>:last-child{display:none!important}
  #back nav>a{min-height:44px}
}

/* a design page and its footer: one upright set of styles, no italics */
:is(.tm-dp,.tm-coll,.tm-editorial-collections) ~ footer .italic,:is(.tm-dp,.tm-coll,.tm-editorial-collections) ~ footer a{font-style:normal!important}
:is(.tm-dp,.tm-coll,.tm-editorial-collections) ~ footer nav a,:is(.tm-dp,.tm-coll,.tm-editorial-collections) ~ footer nav .lnk,:is(.tm-dp,.tm-coll,.tm-editorial-collections) ~ footer a.font-display{font-size:16px!important;letter-spacing:0!important}
:is(.tm-dp,.tm-coll,.tm-editorial-collections) ~ footer .text-\[9\.5px\],:is(.tm-dp,.tm-coll,.tm-editorial-collections) ~ footer .text-\[9\.5px\] span{font-size:10px!important;letter-spacing:.2em!important;line-height:1.6!important}
:is(.tm-dp,.tm-coll,.tm-editorial-collections) ~ footer span.font-display>span:last-child{font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.2em!important}
.tm-dp .font-jp{font-style:normal!important;font-size:14px!important;line-height:1.4!important}
#app section a .lnk{font-style:normal!important}

/* arrows that a phone draws as blue emoji squares */
@media (max-width:767px),(hover:none){.tm-arrow{display:none!important}}
}
/* The collection's band on white, not brown (user, 5 Nov 2026): the name dark, a hairline beneath, the view not chosen in grey and
   the chosen one dark with a dark underline (booklet.pages.js still swaps the same classes). In the
   tomita-pages layer, as the rules they replace are: a layered !important outranks any unlayered one */
@layer tomita-pages{
.tm-coll #designs.bg-\[\#4a413a\]{background:#fff!important;color:#2a1f18!important}
.tm-coll #designs.bg-\[\#4a413a\] h2{color:#2a1f18!important}
.tm-coll #designs>div{border-bottom-color:rgba(48,47,42,.14)!important}
.tm-coll #designs [data-view]{color:rgba(48,47,42,.55)!important;border-bottom-color:transparent!important}
.tm-coll #designs [data-view].text-white{color:#2a1f18!important;border-bottom-color:#2a1f18!important}
.tm-coll #designs [data-view]:hover,.tm-coll #designs [data-view]:focus-visible{color:#2a1f18!important}
}
/* Swapped (user, 5 Nov 2026): the collection's band on the house paper, the designs beneath it on white; and the count of designs and
   colourways goes from sight (it stays for screen readers, which announce it as the filters change). */
@layer tomita-pages{
.tm-coll #designs.bg-\[\#4a413a\]{background:#f3efe7!important}
.tm-coll section:has(#panelView){background:#fff!important;padding-top:clamp(40px,4vw,56px)!important}
.tm-coll section:has(#panelView) #panelView{margin-top:0!important}
.tm-coll .wc-count{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
}
/* The collection's band in deep indigo (user, 5 Nov 2026, from a swatch: #213752): the name and the chosen view in white with a white
   underline, the other view in a paler white, a faint light hairline beneath. The designs below stay on white. */
@layer tomita-pages{
.tm-coll #designs.bg-\[\#4a413a\]{background:#213752!important;color:#fff!important}
.tm-coll #designs.bg-\[\#4a413a\] h2{color:#fff!important}
.tm-coll #designs.bg-\[\#4a413a\] h2 + *,.tm-coll #designs.bg-\[\#4a413a\] [aria-hidden="true"]{border-color:rgba(255,255,255,.7)!important}
.tm-coll #designs>div{border-bottom-color:rgba(255,255,255,.16)!important}
.tm-coll #designs [data-view]{color:rgba(255,255,255,.6)!important;border-bottom-color:transparent!important}
.tm-coll #designs [data-view].text-white,.tm-coll #designs [data-view].border-\[\#fc8702\]{color:#fff!important;border-bottom-color:#fff!important}
.tm-coll #designs [data-view]:hover,.tm-coll #designs [data-view]:focus-visible{color:#fff!important}
}