/* news-post-gallery.css — page-unique styles for a gallery-type single post.
   Shared post chrome (.post-topheader / .post-hero + --gallery modifier /
   .post-divider / .post-back) lives in main.css — this file is standalone. */

/* main image */
.gallery-main{
  width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
}

/* thumbnail strip: active = full opacity, rest faded */
.gallery-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:1.4rem;margin-top:1.8rem}
.gallery-thumb{
  padding:0;border:0;background:none;cursor:pointer;border-radius:var(--radius-md);
  opacity:.35;transition:opacity .25s,transform .25s;
}
.gallery-thumb img{
  display:block;width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:var(--radius-md);
}
.gallery-thumb:hover{opacity:.7}
.gallery-thumb.on{opacity:1;transform:translateY(-3px);box-shadow:var(--shadow-md)}

/* quoted paragraph */
.gallery-quote{max-width:880px;margin:3.5rem auto 0;text-align:center}
.gallery-quote p{font-size:1.3rem;font-weight:600;line-height:2.1;color:var(--ink-soft)}
.gallery-quote p::before{content:'\201C'}
.gallery-quote p::after{content:'\201D'}

.post-gallery .post-back{margin-top:3rem}

@media(max-width:1020px){
  .gallery-main{aspect-ratio:16/9}
  .gallery-thumbs{grid-template-columns:repeat(3,1fr);gap:1.1rem}
}

@media(max-width:680px){
  .gallery-thumbs{gap:.8rem}
  .gallery-quote p{font-size:1.12rem;line-height:2}
}

@media(prefers-reduced-motion:reduce){
  .gallery-thumb{transition:none}
  .gallery-thumb.on{transform:none}
}