.case-page { background: #f5f5f3; color: #101010; }
.case-nav { max-width: 900rem; margin: 0 auto; padding: 28rem 24rem 0; font-size: 15rem; color: #777; }
.case-nav a { color: #101010; text-decoration: none; }
.case-nav a:hover { text-decoration: underline; }
.case-article { max-width: 900rem; margin: 0 auto; padding: 38rem 24rem 96rem; font-size: 19rem; line-height: 1.72; }
.case-eyebrow { margin: 0 0 15rem; color: #6b6b6b; font-size: 14rem; font-variation-settings: "wght" 700; letter-spacing: .12em; text-transform: uppercase; }
.case-article h1 { max-width: 860rem; margin: 0; font-size: 58rem; line-height: 1.05; letter-spacing: -.04em; font-variation-settings: "wght" 700; }
.case-lead { max-width: 780rem; margin: 24rem 0 28rem; color: #4d4d4d; font-size: 23rem; line-height: 1.5; }
.case-author { display: flex; align-items: center; gap: 14rem; margin: 0 0 34rem; padding: 15rem 18rem; border: 1.5rem solid rgba(0,0,0,.08); border-radius: 18rem; background: #fff; }
.case-author img { width: 58rem; height: 58rem; border-radius: 50%; object-fit: cover; }
.case-author__name { display: block; font-size: 17rem; line-height: 1.2; font-variation-settings: "wght" 700; }
.case-author__meta { display: block; margin-top: 5rem; color: #777; font-size: 14rem; line-height: 1.25; }
.case-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 10rem; margin: 0 0 42rem; }
.case-stat { min-height: 105rem; padding: 18rem; border-radius: 18rem; background: #101010; color: #fff; display: flex; flex-direction: column; justify-content: space-between; }
.case-stat strong { font-size: 25rem; line-height: 1.05; letter-spacing: -.02em; }
.case-stat span { color: #bcbcbc; font-size: 13rem; line-height: 1.25; }
.case-stat--accent { background: #c8ff00; color: #101010; }
.case-stat--accent span { color: #405000; }
.case-copy { max-width: 760rem; margin: 0 auto; }
.case-copy h2 { margin: 52rem 0 14rem; font-size: 32rem; line-height: 1.15; letter-spacing: -.025em; }
.case-copy h3 { margin: 30rem 0 10rem; font-size: 23rem; line-height: 1.25; }
.case-copy p { margin: 0 0 18rem; }
.case-copy ul, .case-copy ol { margin: 12rem 0 24rem; padding-left: 24rem; }
.case-copy li { margin: 9rem 0; }
.case-note { margin: 28rem 0; padding: 23rem 25rem; border: 1.5rem solid #d9e6b5; border-radius: 18rem; background: #f1f8df; font-size: 17rem; }
.case-note strong { display: block; margin-bottom: 6rem; font-size: 19rem; }
.case-quote { margin: 28rem 0; padding: 24rem 26rem; border-left: 5rem solid #c8ff00; border-radius: 0 18rem 18rem 0; background: #fff; font-size: 20rem; line-height: 1.55; }
.case-related { margin: 50rem 0 0; padding: 28rem; border-radius: 20rem; background: #fff; border: 1.5rem solid rgba(0,0,0,.08); }
.case-related h2 { margin-top: 0; }
.case-related a { color: #101010; font-variation-settings: "wght" 650; }
.case-video { margin: 54rem 0 0; padding-top: 40rem; border-top: 1.5rem solid rgba(0,0,0,.1); text-align: center; }
.case-video h2 { margin: 0 0 10rem; }
.case-video p { margin: 0 auto 22rem; color: #777; font-size: 16rem; }
.case-video video { display: block; width: min(100%, 480rem); height: auto; aspect-ratio: 9/16; margin: 0 auto; border-radius: 24rem; background: #101010; box-shadow: 0 34rem 70rem -36rem rgba(0,0,0,.5); }
@media (max-width: 1000px) and (pointer: coarse) {
  .case-nav { padding: 20rem 20rem 0; font-size: 14rem; }
  .case-article { padding: 28rem 20rem 70rem; font-size: 17rem; }
  .case-article h1 { font-size: 40rem; }
  .case-lead { font-size: 20rem; }
  .case-stats { grid-template-columns: repeat(2,1fr); }
  .case-stat { min-height: 96rem; }
  .case-copy h2 { font-size: 28rem; }
  .case-video video { width: min(100%, 430rem); border-radius: 18rem; }
}