:root {
    --fs-base: 16px;
    --lh-base: 1.75;
    --fs-h1: clamp(28px, 5vw, 60px);
    --fs-h2: clamp(22px, 3vw, 48px);
    --fs-h3: 18px;
    --max-width-lg: 1470px;
    --max-width-md: 1220px;
  }

  /* Hero */
  .hero__background {
    background-image: url(../img/casestudy.jpg);
    opacity: 0.4;
  }

  .hero__wrapper {
    height: 33vw;
    min-height: 33vw;
    max-height: 33vw;
  }

  .page__title {
    mix-blend-mode: normal;
    top: 50%;
    transform: translateY(-50%);
  }

  .hero__title {
    margin: 0;
    font-size: var(--fs-h1);
    line-height: 1.15;
    color: var(--color-text);
    text-shadow: none;
    letter-spacing: 0.1em;
  }

  /* Sections */
  .section__title {
    margin: 0 0 80px;
    font-size: var(--fs-h2);
  }

  .section__desc {
    margin: 0 0 16px;
    color: var(--color-muted);
  }

  /* Case grid */
  .section--cases {
    padding-top: 0;
  }

  .section--cases .container {
    max-width: 1350px;
  }

  .case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
  }

  .case-card__thumb {
    width: 100%;
    max-height: 245px;
    margin-bottom: 20px;
    aspect-ratio: 8 / 5;
  }

  .case-card__thumb img {
    height: 100%;
  }

  .case-card__title {
    margin: 0 0 10px;
    font-size: 18px;
  }

  .case-card__text {
    margin: 0;
  }

  /* Responsive */
  @media (max-width: 1200px) {
    .case-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  /* Responsive (breakpoint 900px) */
  @media (max-width: 900px) {
    .case-grid {
      grid-template-columns: 1fr;
    }
  }