/* Card: Nova keramicarska scena Srbije
   Style: Kiln & Clay — terracotta, earth tones, handmade warmth */
.card--keramika{
  --card-terracotta:#C75B39;
  --card-clay:#F5EDE0;
  --card-charcoal:#2E2B28;
  --card-gold:#BFA14A;
  --card-ash:#9A9590;
  background:var(--card-clay);
  overflow:hidden;
  position:relative;
  font-family:'Oranienbaum',Georgia,serif;
  color:var(--card-charcoal);
}
/* Subtle clay texture */
.card--keramika::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  opacity:.04;
  background:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");
}

/* Image */
.card--keramika .card__img-wrap{
  position:relative;overflow:hidden;aspect-ratio:16/11;z-index:1;
}
.card--keramika .card__img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.95) brightness(.92);
  transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s ease;
}
.card--keramika:hover .card__img{
  transform:scale(1.05);filter:saturate(1.05) brightness(.96);
}
.card--keramika .card__img-wrap::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,var(--card-clay) 0%,transparent 45%);
  opacity:.5;
}

/* Badge */
.card--keramika .card__badge{
  position:absolute;top:12px;left:12px;z-index:2;
  font-family:'Commit Mono','Courier New',monospace;
  font-size:9px;font-weight:500;
  letter-spacing:.15em;text-transform:uppercase;
  padding:4px 10px;
  background:var(--card-terracotta);
  color:#fff;
}

/* Body */
.card--keramika .card__body{
  position:relative;z-index:1;
  padding:1.2rem 1.4rem 1.6rem;
}
.card--keramika .card__year{
  font-family:'Commit Mono','Courier New',monospace;
  font-size:10px;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--card-terracotta);
}
.card--keramika .card__title{
  font-family:'Oranienbaum',Georgia,serif;
  font-weight:400;
  font-size:clamp(16px,1.5vw,21px);
  line-height:1.3;
  margin-top:6px;
}
.card--keramika .card__desc{
  font-family:'Plus Jakarta Sans','Segoe UI',sans-serif;
  font-size:clamp(12px,.9vw,14px);
  font-weight:300;
  line-height:1.6;
  color:var(--card-ash);
  margin-top:8px;
}

/* Terracotta accent line */
.card--keramika .card__body::before{
  content:'';position:absolute;top:0;left:1.4rem;
  width:25px;height:3px;
  background:linear-gradient(90deg,var(--card-terracotta),var(--card-gold));
  transition:width .6s cubic-bezier(.16,1,.3,1);
}
.card--keramika:hover .card__body::before{width:55px}