/* ─── Card: When Classy meets Industrial ─── */
.card--classy-industrial {
  background: #1A1A1A;
  color: #F5F1EB;
  position: relative;
  overflow: hidden;
}
/* Amber accent line top */
.card--classy-industrial::before {
  content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;
  background: linear-gradient(90deg, transparent, #D4A574 50%, transparent);
  opacity: 0;transition: opacity .5s ease;z-index: 2;
}
.card--classy-industrial:hover::before { opacity: 1; }

.card--classy-industrial .card__img-wrap {
  overflow: hidden;position: relative;aspect-ratio: 16/10;
}
.card--classy-industrial .card__img-wrap::after {
  content: '';position: absolute;inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(26,26,26,.7) 100%);
  pointer-events: none;
}
.card--classy-industrial .card__img {
  width:100%;height:100%;object-fit:cover;object-position:center 30%;
  transition: transform .7s cubic-bezier(.16,1,.3,1), filter .7s ease;
  filter: brightness(.8) contrast(1.05);
}
.card--classy-industrial:hover .card__img {
  transform: scale(1.05);filter: brightness(.7) contrast(1.1);
}
.card--classy-industrial .card__badge {
  font-family: 'Fira Mono', monospace;font-size: 9px;letter-spacing: 2px;
  text-transform: uppercase;background: rgba(212,165,116,.15);color: #D4A574;
  border: 1px solid rgba(212,165,116,.25);padding: 4px 12px;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}
.card--classy-industrial .card__body {
  padding: 20px 18px 24px;position: relative;
}
.card--classy-industrial .card__body::before {
  content: '';position: absolute;top: 0;left: 18px;right: 18px;height: 1px;
  background: linear-gradient(90deg, transparent, rgba(107,123,141,.25) 50%, transparent);
}
.card--classy-industrial .card__year {
  font-family: 'Fira Mono', monospace;font-size: 10px;letter-spacing: 3px;
  color: #6B7B8D;margin-bottom: 8px;
}
.card--classy-industrial .card__title {
  font-family: 'Oswald', sans-serif;font-weight: 300;font-size: 18px;
  text-transform: uppercase;letter-spacing: 1px;line-height: 1.3;
  color: #F5F1EB;transition: color .4s ease;
}
.card--classy-industrial:hover .card__title { color: #D4A574; }
.card--classy-industrial .card__desc {
  font-family: 'Merriweather', Georgia, serif;font-size: 12px;font-weight: 300;
  line-height: 1.7;color: rgba(245,241,235,.5);margin-top: 8px;
}