/* A collection as a book of rooms (5 Nov 2026, after Dedar's collection pages; first for Kozo VI): two photographs side by side for the
   opening with the year and the name across them; a short credit; then the photographs at changing sizes and places on white, a full
   width spread now and then, a dark page beside a light one, each with its name beneath, linked to its design. Markup: the collection
   page (section.lk). */
.lk{background:#fff;color:#2a1f18;padding-bottom:clamp(80px,9vw,160px)}
.lk img{display:block;width:100%;height:100%;max-height:none!important;object-fit:cover}
.lk a{color:inherit;text-decoration:none}

/* the opening */
.lk-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;height:calc(100svh - 104px);min-height:520px;overflow:hidden;background:#1d1a17}
.lk-hero-pic{min-width:0;overflow:hidden}
.lk-hero-words{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4px;color:#fff;text-align:center;pointer-events:none;
  text-shadow:0 2px 30px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.3)}
.lk-hero-year{margin:0;font:500 clamp(22px,2vw,30px)/1 "Cormorant Garamond",Georgia,serif;font-size-adjust:.44}
.lk-hero-name{margin:0;font:500 clamp(52px,6vw,96px)/1 "Cormorant Garamond",Georgia,serif;font-size-adjust:.44;letter-spacing:.01em}
.lk-credit{margin:18px var(--tm-edge,24px) 0;font:400 13px/1.55 "PT Serif",Georgia,serif;color:#6b655c}

/* the pages */
.lk-row{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(24px,4vw,72px);padding:0 var(--tm-edge,24px);margin-top:clamp(96px,11vw,200px)}
.lk-fig{margin:0}
.lk-fig>a{display:block;overflow:hidden;background:#efe9df}
.lk-fig>a img{transition:scale 1.4s cubic-bezier(.33,0,.2,1)}
.lk-fig>a:hover img{scale:1.03}
.lk-fig figcaption{margin-top:14px;text-align:center;font:400 15px/1.4 "PT Serif",Georgia,serif}
.lk-fig figcaption a{border-bottom:1px solid currentColor;padding-bottom:2px}
.lk-s{width:28%}.lk-s>a{aspect-ratio:4/5}
.lk-l{width:40%}.lk-l>a{aspect-ratio:4/5}
.lk-m{width:34%}.lk-m>a{aspect-ratio:1}
.lk-t{width:26%}.lk-t>a{aspect-ratio:4/5}
/* a small one high on the left, a large one lower on the right; and the other way round */
.lk-a{padding-left:calc(var(--tm-edge,24px) + 6vw)}
.lk-a .lk-l{margin-top:18vw;margin-right:4vw}
.lk-b{padding-right:calc(var(--tm-edge,24px) + 8vw)}
.lk-b .lk-l{margin-left:6vw}
.lk-b .lk-s{margin-top:22vw}
.lk-c{justify-content:center}
.lk-c .lk-l{width:46%}.lk-c .lk-l>a{aspect-ratio:1}
.lk-three{align-items:flex-end}
.lk-three .lk-t:nth-child(2){margin-bottom:8vw}
/* a spread across the whole width */
.lk-full{padding:0}
.lk-w{width:100%}.lk-w>a{aspect-ratio:16/8}
.lk-full figcaption{padding:0 var(--tm-edge,24px)}
/* a dark page beside a light one */
.lk-split{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}
.lk-split>div{display:grid;place-items:center;padding:clamp(64px,7vw,120px) 0}
.lk-split .lk-m{width:68%}
.lk-dark{background:#14120f;color:#f3efe7}
.lk-light{background:#fff}
.lk-last{margin-bottom:0}

/* arriving: a slow fade, the picture settling */
@keyframes lk-in{from{opacity:0;translate:0 24px}}
html.lk-motion .lk [data-lk]:not(.is-in){opacity:0}
html.lk-motion .lk [data-lk].is-in{animation:lk-in 1.3s cubic-bezier(.25,0,.2,1) backwards}
@media (prefers-reduced-motion:reduce){.lk *{animation:none!important;transition:none!important}}

/* phones: the two opening photographs stay side by side; then one page after another, some full, some narrower to one side */
@media (max-width:767px){
  .lk-hero{height:72svh;min-height:420px}
  .lk-hero-name{font-size:46px}.lk-hero-year{font-size:20px}
  .lk-credit{margin:14px 20px 0;font-size:12px}
  .lk-row,.lk-a,.lk-b{display:block;padding:0 20px;margin-top:72px}
  .lk-fig{width:100%!important;margin:0!important}
  .lk-row .lk-fig+.lk-fig{margin-top:56px!important}
  .lk-s,.lk-t,.lk-m{width:72%!important}
  .lk-a .lk-l,.lk-b .lk-s{margin-left:auto!important}
  .lk-row .lk-s+.lk-l,.lk-row .lk-l+.lk-s{width:72%!important;margin-left:auto!important}
  .lk-full{padding:0}.lk-w>a{aspect-ratio:4/3}
  .lk-split{display:block}.lk-split>div{padding:48px 0}.lk-split .lk-m{width:78%!important;margin:0 auto!important}
  .lk-three .lk-t:nth-child(2){margin-left:auto!important}
}
/* the site's general section spacing does not apply: the opening starts right under the header */
.tm-coll section.lk{padding-top:0!important}
@layer tomita-pages{.tm-coll section.lk{padding-top:0!important}}
@layer tomita-type{.tm-coll section.lk{padding-top:0!important}}
/* the collection's own logo on the opening (user, 5 Nov 2026: "use our actual logo"), in white, with the year above */
.lk .lk-hero-logo{display:block;width:clamp(260px,26vw,440px);height:auto;max-height:none!important;filter:drop-shadow(0 2px 24px rgba(0,0,0,.35))}
.lk-hero-year{margin-bottom:14px}
/* the end of the book: on to every design and the catalogue, on their own page under All Wallcoverings */
.lk-end{margin-top:clamp(96px,10vw,180px);padding:0 var(--tm-edge,24px);text-align:center}
.lk-end-k{margin:0;font:500 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6b655c}
.lk-end-h{margin:14px 0 28px;font:500 clamp(28px,2.6vw,40px)/1.15 "Cormorant Garamond",Georgia,serif;font-size-adjust:.44;color:#2a1f18}
.lk-end-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 28px}
.lk-btn{display:inline-block;padding:16px 32px;background:#213752;color:#fff!important;font:500 11px/1 Inter,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;transition:background-color .3s}
.lk-btn:hover,.lk-btn:focus-visible{background:#172840}
.lk-link{padding-bottom:3px;border-bottom:1px solid #2a1f18;font:400 15px/1.4 "PT Serif",Georgia,serif}
@media (max-width:767px){.lk .lk-hero-logo{width:200px}}
/* a row of close-ups in raking light, the paper itself (Art Wall Legend II): taller, a little closer together */
.lk-close .lk-t>a{aspect-ratio:2/3}
.lk-close{justify-content:center;gap:clamp(20px,2.4vw,40px)}
.lk-close .lk-t:nth-child(2){margin-bottom:0;margin-top:6vw}
/* the making and the places among the rooms (user, 5 Nov 2026: "scenery and craft work images ... a richer feeling of the
   collection"): the same frames as the rooms, the caption a plain line in italic, not a link */
.lk-fig>.lk-ph{display:block;overflow:hidden;background:#efe9df}
.lk-ph img{display:block;width:100%;height:100%;max-height:none!important;object-fit:cover}
.lk-s>.lk-ph,.lk-l>.lk-ph,.lk-t>.lk-ph{aspect-ratio:4/5}
.lk-m>.lk-ph{aspect-ratio:1}
.lk-c .lk-l>.lk-ph{aspect-ratio:1}
.lk-w>.lk-ph{aspect-ratio:16/7}
.lk-craft figcaption{font-style:italic;color:#6b655c}
.lk-dark .lk-craft figcaption{color:rgba(243,239,231,.75)}
.lk-scene{margin-top:clamp(64px,7vw,120px)}
@media (max-width:767px){.lk-w>.lk-ph{aspect-ratio:4/3}}
/* the shorter books (Kozo VI, Art Wall Legend II; user, 5 Nov 2026: "too long and less powerful, half the length"): fewer, stronger
   pages, set closer together; Ori keeps its own rhythm (no lk-tight) */
.lk-tight .lk-row{margin-top:clamp(72px,8vw,150px)}
.lk-tight .lk-a .lk-l{margin-top:12vw}
.lk-tight .lk-b .lk-s{margin-top:14vw}
.lk-tight .lk-end{margin-top:clamp(80px,8vw,140px)}
.lk-making{justify-content:center;gap:clamp(16px,2vw,32px)}
.lk-making .lk-t{width:27%}
.lk-making .lk-t:nth-child(2){margin-top:5vw}
@media (max-width:767px){.lk-tight .lk-row{margin-top:56px}}
/* Art Wall Legend II's kiri (user, 5 Nov 2026: "dedicate some images to kiri products"): a short line names the wood, then two of its designs */
.lk-kiri{position:relative;flex-wrap:wrap}
.lk-kicker{flex:0 0 100%;margin:0 0 clamp(28px,3vw,48px);text-align:center;font:500 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6b655c}
@media (max-width:767px){.lk-kicker{margin-bottom:28px}}
/* contrast (6 Nov 2026 accessibility pass): a caption link on the dark page reads in light ink, as its text does (the shorter books only;
   Ori keeps its own page untouched) */
.lk-tight .lk-dark .lk-fig figcaption,.lk-tight .lk-dark .lk-fig figcaption a{color:#efe8dc}