/* Shared studio identity; the case study keeps a quiet reading surface. */
.case-page {
  --paper: #f3f0e9;
  --ink: #21231f;
  --accent: #a44228;
  --line: #cecec3;
  --white: #fafaf5;
  --muted: #62685b;
}
.case-page .site-header {
  height: 94px;
}
.case-page .wordmark span {
  color: #647c3a;
}
.case-page .case-hero {
  padding-top: 35px;
}
.case-page .case-hero h1 {
  font-size: clamp(80px, 13vw, 180px);
  letter-spacing: -0.065em;
}
.case-page .case-hero .eyebrow {
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 12px;
}
.case-page .case-lead {
  max-width: 800px;
}
.case-page .case-shot {
  padding: 30px 30px 0;
  background: #263924;
  border-color: #31492b;
  border-radius: 8px;
}
.case-page .case-shot img {
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 50px #0003;
}
.case-page .case-body {
  max-width: 1100px;
}
.case-page .case-section {
  gap: 65px;
  padding-block: 60px;
  scroll-margin-top: 30px;
}
.case-page .case-section > .eyebrow {
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 12px;
  position: sticky;
  top: 30px;
  align-self: start;
}
.case-page .benchmark {
  background: #182316;
  border: 1px solid #405339;
  padding: 30px;
}
.case-page .benchmark-result,
.case-page .benchmark .benchmark-result {
  color: #d1f56b;
}
.case-page .horizon-controls button[aria-pressed="true"],
.case-page .bar-track.after span {
  background: #d1f56b;
  border-color: #d1f56b;
}
.case-page .architecture {
  background: #e2e5d7;
  padding: 24px 18px;
}
.case-page .architecture > div {
  background: #fafaf5;
}
@media (max-width: 760px) {
  .case-page .case-shot {
    padding: 14px 14px 0;
  }
  .case-page .case-section {
    gap: 20px;
    padding-block: 35px;
  }
  .case-page .case-section > .eyebrow {
    position: static;
  }
  .case-page .benchmark {
    padding: 20px;
  }
  .case-page .case-hero h1 {
    font-size: 23vw;
  }
  .case-page .site-header {
    height: 80px;
  }
}
.case-page .wordmark {
  font-size: 23px;
  letter-spacing: -0.055em;
  font-weight: 500;
}
@media (max-width: 600px) {
  .case-page .wordmark {
    font-size: 18px;
  }
}

.internship-case .case-hero h1 {
  font-size: clamp(56px, 9vw, 120px);
}
.internship-case .case-body {
  margin-top: 10px;
}
.internship-case .case-meta dd {
  font-size: 14px;
}
.internship-case .case-meta dt {
  font-size: 11px;
}
.internship-case .source-note {
  font-size: 14px;
}
.ownership-grid,
.workflow-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  margin: 24px 0;
}
.ownership-grid > div,
.workflow-grid > div {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: var(--white);
}
.internship-case .ownership-grid h3,
.internship-case .workflow-grid h3 {
  margin-top: 0;
}
@media (max-width: 950px) {
  .ownership-grid,
  .workflow-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .internship-case .site-header nav {
    gap: 12px;
  }
  .internship-case .case-section p,
  .internship-case .case-section li {
    font-size: 15px;
  }
  .internship-case .case-meta {
    gap: 20px;
  }
  .internship-case .case-meta dd {
    font-size: 13px;
  }
}

/* The case studies share the homepage’s editorial identity. */
.case-page h1, .case-page h2, .case-page h3, .case-page h4 { font-family: "Space Grotesk", var(--sans); }
.case-page .wordmark { font-weight: 600; }