/* News cards — shared by index.html and news.html (uses each page's colour tokens) */
.zn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.zn-card{
  display:flex;flex-direction:column;min-width:0;
  background:var(--surface);border:1px solid var(--border);
  color:inherit;text-decoration:none;
  transition:border-color 0.3s,transform 0.3s;
}
.zn-card:hover{border-color:var(--gold-dim);transform:translateY(-3px)}
.zn-card:focus-visible{outline:1px solid var(--gold);outline-offset:3px}

.zn-media{position:relative;aspect-ratio:16/10;background:var(--surface3);overflow:hidden}
.zn-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s}
.zn-card:hover .zn-media img{transform:scale(1.04)}
/* YouTube thumbnails are 4:3 with black bars; zoom past them */
.zn-media img.zn-yt{transform:scale(1.13)}
.zn-card:hover .zn-media img.zn-yt{transform:scale(1.17)}
.zn-ph{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;font-style:italic;font-size:1.5rem;font-weight:300;
  color:var(--gold-dim);
  background:radial-gradient(ellipse 80% 80% at 70% 20%,rgba(233,193,118,0.08),transparent 70%);
}
.zn-play{
  position:absolute;left:1.2rem;bottom:1.2rem;width:44px;height:44px;border-radius:50%;
  background:rgba(5,10,9,0.72);border:1px solid var(--border-lg,var(--border-md));
}
.zn-play::after{
  content:'';position:absolute;left:18px;top:14px;
  border-style:solid;border-width:8px 0 8px 12px;
  border-color:transparent transparent transparent var(--gold);
}

.zn-body{display:flex;flex-direction:column;flex:1;padding:1.6rem 1.6rem 1.8rem}
.zn-meta{
  display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;
  font-size:0.58rem;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);
}
.zn-type{color:var(--gold)}
.zn-title{
  font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:400;line-height:1.3;
  color:var(--text);margin-bottom:0.8rem;overflow-wrap:anywhere;
}
.zn-excerpt{
  font-size:0.88rem;font-weight:300;line-height:1.75;color:var(--text-dim);margin-bottom:1.4rem;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.zn-cta{
  margin-top:auto;font-size:0.6rem;font-weight:600;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--gold);
}

.news-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3.5rem}
.news-head .heading{margin-bottom:0}

body.rtl .zn-play{left:auto;right:1.2rem}

@media(max-width:1100px){.zn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){
  .zn-grid{grid-template-columns:1fr}
  .news-head{flex-direction:column;align-items:stretch;gap:1.5rem;margin-bottom:2.5rem}
}
