/* "Latest" band. One stylesheet for the dark home page and the paper/ink collections page.
   Colours come from the host page tokens (--frame-text, --frame-line, --sage) with fallbacks for the home page. */
.lt{--lt-text:var(--frame-text,#fff);--lt-line:var(--frame-line,rgba(255,255,255,.14));--lt-accent:var(--sage,#afb8a7);
  --lt-ph:rgba(127,127,127,.14);--lt-pad:var(--lt-pad-x,44px);
  max-width:1500px;margin:0 auto;padding:clamp(48px,8vh,88px) var(--lt-pad) 0;color:var(--lt-text)}
.lt[hidden]{display:none}
.lt-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;border-bottom:1px solid var(--lt-line);padding-bottom:14px}
.lt-head h2{font-family:'Playfair Display SC',serif;font-weight:400;font-size:clamp(28px,3.4vw,46px);line-height:1.1}
.lt-kicker{display:block;font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--lt-accent);margin-bottom:8px}
.lt-all{display:inline-flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:var(--lt-accent);white-space:nowrap}
.lt-all:hover{opacity:.7}
.lt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px;list-style:none}
.lt-item{min-width:0}
.lt-tile{display:block;color:inherit;text-decoration:none}
.lt-frame{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--lt-ph)}
.lt-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.92) saturate(.95);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .5s}
.lt-tile:hover img,.lt-tile:focus-visible img{transform:scale(1.04);filter:none}
.lt-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 2px 0;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--lt-accent)}
.lt-meta .lt-go{border-bottom:1px solid transparent;transition:border-color .3s,color .3s}
.lt-tile:hover .lt-go,.lt-tile:focus-visible .lt-go{border-color:currentColor;color:var(--lt-text)}
.lt-tag{position:absolute;left:10px;top:10px;z-index:2;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;background:rgba(0,0,0,.6);color:#fff;padding:4px 8px}
.lt a:focus-visible{outline:2px solid var(--lt-accent);outline-offset:3px}
@media(max-width:820px){
  .lt{--lt-pad:var(--lt-pad-x-sm,20px)}
  /* phone and small tablet: horizontal swipe row, next card peeks in */
  .lt-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin:0 calc(var(--lt-pad) * -1);padding:0 var(--lt-pad) 6px;scroll-padding:0 var(--lt-pad);overscroll-behavior-x:contain}
  .lt-item{flex:0 0 76%;scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){.lt-frame img{transition:none}.lt-tile:hover img{transform:none}}