/* jimreeves.eu — pagina The Disc-Covery Channel (posters van jim-reeves.org) */
.dc-intro { max-width: 760px; margin: 0 auto 2rem; text-align: center; color: #444; }
.dc-heading { font-size: 1.5rem; text-align: center; margin: 2rem 0 .4rem; }
.dc-sub { text-align: center; color: #6c757d; margin: 0 0 1.25rem; }
.dc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; max-width: 1200px; margin: 1rem auto 0; }
.dc-card { margin: 0; background: #fff; border: 1px solid #e3e0d8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.06);
  transition: transform .25s ease, box-shadow .25s ease; }
.dc-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0,0,0,.18); }
.dc-card img, .dc-wanted img, .dc-thumb img { display: block; width: 100%; height: auto; }
.dc-card figcaption { padding: .75rem 1rem 1.1rem; font-size: .92rem; }
.dc-card figcaption strong { display: block; color: #ff5500; margin-bottom: .2rem; }
.dc-card figcaption span { color: #555; }

.dc-promo { max-width: 800px; margin: 2.5rem auto 0; text-align: center; }
.dc-promo video { width: 100%; max-width: 760px; border-radius: 10px; background: #000; box-shadow: 0 6px 20px rgba(0,0,0,.25); }

.dc-wanted { display: grid; grid-template-columns: minmax(220px, 340px) 1fr; gap: 1.5rem; align-items: center; max-width: 1000px; margin: 1rem auto 0; }
.dc-wanted p { margin: 0 0 .8rem; color: #444; }
.dc-wanted a { color: #ff5500; font-weight: 600; }
.dc-wanted img { border-radius: 10px; border: 1px solid #e3e0d8; }

.dc-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: .9rem; max-width: 1200px; margin: 0 auto 3rem; }
.dc-thumb { display: block; border: 1px solid #e3e0d8; border-radius: 8px; overflow: hidden; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.dc-thumb:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.18); }

@media (max-width: 700px) { .dc-wanted { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .dc-card, .dc-thumb { transition: none; } .dc-card:hover, .dc-thumb:hover { transform: none; } }