/* Case Study Design System v1.0 | Racing Extinction v6.22 is visual reference.
   Global changes belong HERE. Legacy per-page styles remain in /legacy while being retired. */
:root{--cs-paper:#f9f7f1;--cs-ink:#24241f;--cs-orange:#c85e3e;--cs-muted:#746f67;--cs-line:#d5d0c6;--cs-width:1390px;--cs-gutter:5vw;--cs-body:Arial,Helvetica,sans-serif;--cs-display:Georgia,'Times New Roman',serif}
html{scroll-behavior:smooth}*,*::before,*::after{box-sizing:border-box}
body.cs-page{margin:0;background:var(--cs-paper);color:var(--cs-ink);font-family:var(--cs-body)}
body.cs-page a:focus-visible,body.cs-page button:focus-visible{outline:2px solid var(--cs-orange);outline-offset:3px}
body.cs-page .wrap{max-width:var(--cs-width);margin-left:auto;margin-right:auto}
body.cs-page h1,body.cs-page h2,body.cs-page h3{font-family:var(--cs-display);font-weight:400}
body.cs-page h1{font-size:clamp(48px,6vw,94px);line-height:.99;letter-spacing:-2.5px}
body.cs-page h2{font-size:clamp(25px,2.5vw,42px);line-height:1.08}
body.cs-page .eyebrow,body.cs-page .kicker{font-size:11px;letter-spacing:1.7px;text-transform:uppercase}
body.cs-page p{line-height:1.6}
body.cs-page .orange,body.cs-page .accent{color:var(--cs-orange)}
body.cs-page img{max-width:100%}
body.cs-page .footer{border-top-color:var(--cs-line)}
/* The hero-specific selectors prevent a copied global h1 rule from enlarging one case study. */
body.cs-page .v6-opening h1,body.cs-page .intro h1,body.cs-page .hero h1{font-size:clamp(46px,5.4vw,83px);line-height:.99;letter-spacing:-2.5px}
body.cs-page .v6-deck,body.cs-page .intro .deck{font-family:var(--cs-display);font-size:clamp(24px,2.8vw,39px);line-height:1.15}
body.cs-page .section-head h2,body.cs-page .closing h2,body.cs-page .v6-section-head h2{font-size:clamp(29px,3.1vw,44px);line-height:1.1}
@media(max-width:760px){body.cs-page h1,body.cs-page .v6-opening h1,body.cs-page .intro h1,body.cs-page .hero h1{letter-spacing:-1.5px}body.cs-page .wrap{padding-left:20px;padding-right:20px}}


/* Editorial case-study alignment pass, October 27 2026 */
.atf-intro .atf-principle{font-size:inherit!important;font-weight:400!important;line-height:inherit!important;color:inherit!important;max-width:780px!important}
.atf-work-heading{display:block!important;max-width:850px!important}
.atf-work-heading>p{max-width:760px!important;margin-top:18px!important}
.atf-stats>div,.atf-stats>article{border-top:0!important;padding-top:0!important}
.cs-steps article,.cs-examples article{border-top:0!important;padding-top:0!important}
.cs-deeper-links a,.cs-project-links a{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;min-height:0!important;display:inline-flex!important;align-items:center!important;text-decoration:underline!important;text-underline-offset:4px!important}
.cs-deeper-links,.cs-project-links{display:flex!important;flex-wrap:wrap!important;gap:14px 28px!important}
.green-section{display:block!important;max-width:850px!important}
.green-section>div:first-child{margin-bottom:18px!important}
.green-section>div:nth-child(2){max-width:760px!important}
@media(min-width:701px){.green-section{padding-top:42px!important;padding-bottom:42px!important}}

/* After the Fact section 2: match Racing Extinction's movement layout.
   Kept in the shared last-loaded stylesheet to prevent legacy overrides. */
@media (min-width: 761px) {
  body .atf-work .atf-work-heading {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:32px!important;
    align-items:start!important;
    max-width:none!important;
  }
  body .atf-work .atf-work-heading > div:first-child {
    grid-column:1!important;
    grid-row:1!important;
    min-width:0;
  }
  body .atf-work .atf-work-heading > .atf-work-copy {
    grid-column:2!important;
    grid-row:1!important;
    min-width:0;
    max-width:none!important;
    margin:0!important;
  }
}
body .atf-work .atf-work-heading h2 {
  font-family:Georgia,serif!important;
  font-size:clamp(29px,3.1vw,44px)!important;
  font-weight:400!important;
  line-height:1.1!important;
  margin:0!important;
}
body .atf-work .atf-work-heading .eyebrow {margin:0 0 12px!important;}
@media (max-width:760px) {
  body .atf-work .atf-work-heading {display:block!important;}
  body .atf-work .atf-work-heading > .atf-work-copy {margin-top:18px!important;}
}