.s-cases { padding: 120px 24px; }
.s-cases__header { margin-bottom: 56px; }

.s-cases__title {
  font-family: var(--f-neue);
  font-size: clamp(2.8rem, 5vw, 5.5rem);
  font-weight: 400;
  letter-spacing: -.03em;
  line-height: 1.05;
  color: var(--c-black);
}

.s-cases__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.s-cases__card { cursor: pointer; }

.s-cases__thumb {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: var(--c-black);
  border-radius: var(--r-lg);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .6s var(--ease);
}
.s-cases__card:hover .s-cases__thumb { transform: scale(1.02); }

.s-cases__thumb-logo {
  height: 24px;
  width: auto;
  filter: brightness(0) invert(1);
  opacity: .15;
  transition: opacity .4s var(--ease);
}
.s-cases__card:hover .s-cases__thumb-logo { opacity: .3; }

.s-cases__info { padding: 20px 4px 0; }

.s-cases__label {
  font-family: var(--f-aeonik);
  font-size: 15px;
  font-weight: 400;
  color: var(--c-black);
  display: block;
  margin-bottom: 6px;
  line-height: 1.4;
}

.s-cases__desc {
  font-family: var(--f-nohemi);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--c-muted);
}

@media (max-width: 768px) {
  .s-cases__grid { grid-template-columns: 1fr; }
  .s-cases { padding: 80px 24px; }
}