/* ========== NNK Grid ========== */
.nnk-grid{
  --cols: 3;
  --thumb-h: 300px;
  display:grid;
  grid-template-columns: repeat(var(--cols), minmax(0,1fr));
  gap: 1rem;
  margin: 1rem 0 0;
}
.nnk-grid[data-cols="2"]{--cols:2; --thumb-h: 360px;}
.nnk-grid[data-cols="3"]{--cols:3; --thumb-h: 300px;}
.nnk-grid[data-cols="4"]{--cols:4; --thumb-h: 240px;}

.nnk-card{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  border-radius: 18px;
  padding: 1rem;
  transition: transform .25s ease, box-shadow .25s ease;
}
.nnk-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 35px rgba(0,0,0,.18);
}

.nnk-thumb{
  position: relative;
  display:block;
  height: var(--thumb-h);
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.18);
  margin-bottom: .75rem;
  background: rgba(255,255,255,.04);
}

/* fixed frame (image fills, layout never changes) */
.nnk-thumb img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1);
  transition: transform .45s ease;
}

/* zoom on hover */
.nnk-card:hover .nnk-thumb img{
  transform: scale(1.08);
}

/* Shine sweep over image + border */
.nnk-thumb::after{
  content:"";
  position:absolute;
  top:-30%;
  left:-70%;
  width:45%;
  height:160%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transform: skewX(-20deg);
  opacity:0;
  pointer-events:none;
}

.nnk-card:hover .nnk-thumb::after{
  opacity:1;
  animation: nnk_shine .9s ease forwards;
}

@keyframes nnk_shine{
  from { left:-70%; }
  to   { left:130%; }
}

.nnk-thumb-empty{
  height: var(--thumb-h);
  display:grid;
  place-items:center;
  font-size: 2rem;
  text-decoration:none;
}
.nnk-title{margin:.2rem 0 .4rem;}
.nnk-title a{text-decoration:none;font-weight:900;}
.nnk-years,.nnk-places{opacity:.85;font-weight:700;font-size:.9rem}
.nnk-tagline{opacity:.9;margin:.6rem 0 0}

@media (max-width: 980px){
  .nnk-grid{--cols:1; grid-template-columns: 1fr; --thumb-h: 260px;}
}

/* ========== Archive/Single layout ========== */
/* Archive/Single layout */
.nnk-wrap{max-width:1100px;margin:0 auto;padding:2.5rem 1rem}
.nnk-archive-header h1{margin:0 0 .5rem}
.nnk-archive-header p{margin:0 0 1.25rem;opacity:.85}
.nnk-single-title{margin:0 0 .5rem}
.nnk-single-tagline{margin:0 0 1rem;opacity:.9}
.nnk-single-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.nnk-pill{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);padding:.35rem .6rem;border-radius:999px;font-weight:800;font-size:.9rem}
.nnk-single-thumb img{width:100%;height:auto;border-radius:18px;border:1px solid rgba(255,255,255,.12)}
.nnk-single-content{margin-top:1.25rem;line-height:1.75}
.nnk-back{display:inline-block;margin-top:1.5rem;text-decoration:none;font-weight:900}