:root {
  --case-night: #0f0f20;
  --case-night-deep: #090914;
  --case-line-dark: #33333f;
  --case-accent-bright: #f87632;
  --case-text-inverse: #ececf1;
  --case-text-inverse-muted: #cfcfd6;
  --case-page-gutter: clamp(1.25rem, 4vw, 4rem);
  --case-image-radius: var(--portfolio-image-radius, 0.75rem);
  --case-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

body.case-study-page main img {
  border-radius: var(--case-image-radius);
}

body.case-study-page main .image-button {
  border-radius: var(--case-image-radius);
}

body.case-study-page .site-footer {
  display: grid;
  gap: 1.5rem;
  align-items: center;
  padding: 2.5rem var(--case-page-gutter);
  color: var(--case-text-inverse-muted);
  background: var(--case-night-deep);
  border-top: 1px solid var(--case-line-dark);
  font-family: "Manrope", "Helvetica Neue", sans-serif;
  font-size: 0.85rem;
}

body.case-study-page .site-footer p {
  margin: 0;
}

body.case-study-page .site-footer > a:last-child {
  color: var(--case-accent-bright);
  text-underline-offset: 0.2rem;
}

@media (min-width: 42rem) {
  body.case-study-page .site-footer {
    grid-template-columns: auto 1fr auto;
  }
}