/* ===== Press page ===== */
.press-sec{padding-top:56px}
.press-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:28px;list-style:none;margin:0;padding:0}
.press-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .3s,border-color .3s}
.press-card:hover{transform:translateY(-4px);border-color:rgba(238,106,44,.45)}

.press-thumb{display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;background:#f4f1ea;cursor:zoom-in;overflow:hidden}
.press-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}
.press-card:hover .press-thumb img{transform:scale(1.03)}
.press-thumb:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}

.press-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.press-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--muted)}
.press-meta strong{color:var(--orange-2);font-weight:600}
.press-meta span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6;margin-inline-end:12px;vertical-align:middle}
.press-body h3{font-family:var(--serif);font-size:21px;line-height:1.45;color:var(--heading)}
.press-body p:not(.press-meta){font-size:14.5px;color:var(--text);opacity:.85}
.press-orig{margin-top:auto;padding-top:6px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;border-bottom:1px solid rgba(238,106,44,.6)}
.press-orig small{font-size:11px;letter-spacing:.05em;color:var(--muted)}
.press-orig:hover{color:var(--orange-2)}

/* Viewer: a whole page is too small to read, so clicking the image zooms to full width and scrolls */
.press-lb .lb-thumbs button{width:52px;height:68px}
.press-lb .lb-thumbs img{object-position:top}
.press-lb .lb-img{background:#fff;cursor:zoom-in}
.press-lb.zoomed .lb-stage{display:block;overflow:auto;padding:0 72px 24px}
.press-lb.zoomed .lb-img{display:block;max-width:none;max-height:none;width:100%;max-width:1400px;margin:0 auto;cursor:zoom-out}
.press-lb.zoomed .lb-nav{position:fixed}

@media (max-width:720px){
  .press-sec{padding-top:36px;padding-bottom:70px}
  .press-lb .lb-orig{padding:6px 12px}
  .press-lb .lb-count{display:none}
  .press-lb.zoomed .lb-stage{padding:0 0 16px}
  .press-lb.zoomed .lb-img{width:200%}
}
@media (prefers-reduced-motion:reduce){
  .press-card,.press-thumb img{transition:none}
  .press-card:hover,.press-card:hover .press-thumb img{transform:none}
}