/* Shared presentation for the two documented client studies. */
body.client-study{
  --case-ink:#14151a;
  --case-muted:#676158;
  --case-paper:#f7f4ee;
  --case-card:#fffefa;
  --case-line:#dfd2bd;
  --case-soft:#efe5d5;
  --case-accent:#75581c;
  background:var(--case-paper)!important;
  color:var(--case-ink)!important;
  font-family:"Instrument Sans",Arial,sans-serif!important;
}

body.client-study::after{opacity:.018!important}
body.client-study main{display:block;overflow:hidden;background:var(--case-paper)}
body.client-study h1,
body.client-study h2,
body.client-study h3,
body.client-study .callout p{
  font-family:"Instrument Serif",Georgia,serif!important;
  font-weight:400!important;
}

body.client-study .hero{
  width:min(1180px,calc(100% - 36px));
  margin:28px auto 0;
  overflow:hidden;
  border:1px solid var(--case-line)!important;
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 12%,rgba(212,175,94,.2),transparent 34%),
    linear-gradient(135deg,#f6f1e8 0%,#eee3d1 100%)!important;
  box-shadow:0 24px 62px rgba(20,21,26,.075);
}
body.client-study .hero::before{
  top:auto!important;
  right:-180px!important;
  bottom:-390px!important;
  width:620px!important;
  height:620px!important;
  background:radial-gradient(circle,rgba(138,109,43,.12),transparent 68%)!important;
}
body.client-study .case-hero::after{color:rgba(138,109,43,.025)!important}
body.client-study .hero-inner{
  max-width:1080px;
  padding:clamp(60px,7vw,92px) clamp(32px,7vw,78px) clamp(48px,6vw,76px)!important;
  text-align:left;
}
body.client-study .eyebrow{
  justify-content:flex-start;
  margin-bottom:25px;
  color:var(--case-accent)!important;
  font:700 10px/1.2 "Instrument Sans",Arial,sans-serif!important;
  letter-spacing:.15em;
}
body.client-study .eyebrow::before{width:32px}
body.client-study .eyebrow::after{display:none}
body.client-study .hero h1{
  max-width:13.5ch;
  margin:0 0 24px!important;
  color:var(--case-ink)!important;
  font-size:clamp(3.35rem,6vw,6.15rem)!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}
body.client-study .hero h1 em{color:var(--case-accent)!important;font-weight:400!important}
body.client-study .deck{
  max-width:730px;
  margin:0 0 24px!important;
  color:var(--case-muted)!important;
  font-size:clamp(1rem,1.7vw,1.16rem)!important;
  line-height:1.62!important;
  text-wrap:pretty;
}
body.client-study .meta{justify-content:flex-start;color:#5f584f!important;font-size:12.5px!important}
body.client-study .meta strong{color:var(--case-ink)}
body.client-study .story-strip,
body.client-study .case-facts{
  max-width:none;
  margin:38px 0 0;
  border-color:var(--case-line)!important;
  border-radius:18px;
  box-shadow:none;
  background:rgba(255,254,250,.72)!important;
}
body.client-study .story-step,
body.client-study .case-facts>div{padding:19px 21px}
body.client-study .story-step+.story-step,
body.client-study .case-facts>div+div{border-color:var(--case-line)!important}

body.client-study .project-hero-visual{
  max-width:1180px;
  padding:26px 18px 0;
}
body.client-study .project-hero-visual figure{
  border:1px solid var(--case-line);
  border-radius:26px;
  background:#171719;
  box-shadow:0 22px 54px rgba(20,21,26,.12);
}
body.client-study .project-hero-visual figcaption{
  padding:14px 19px;
  border-color:var(--case-line);
  background:var(--case-card);
  color:var(--case-muted);
  font-size:11.5px;
}

body.client-study .article-shell{
  max-width:1180px;
  grid-template-columns:minmax(0,760px) minmax(250px,300px);
  gap:34px;
  padding:34px 18px 86px;
}
body.client-study .article{
  min-width:0;
  padding:clamp(34px,5vw,64px);
  border:1px solid var(--case-line);
  border-radius:26px;
  background:var(--case-card);
  color:#3f3b35;
  font-size:16px;
  line-height:1.73;
  box-shadow:0 18px 46px rgba(20,21,26,.05);
}
body.client-study .article .lead{
  color:var(--case-ink);
  font-size:19px;
  line-height:1.62;
}
body.client-study .article h2{
  max-width:19ch;
  margin:52px 0 18px;
  color:var(--case-ink)!important;
  font-size:clamp(2.05rem,3.6vw,3.05rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
body.client-study .section-kicker{
  margin:52px 0 -40px;
  color:var(--case-accent)!important;
  font:700 9.5px/1.3 "Instrument Sans",Arial,sans-serif!important;
  letter-spacing:.14em;
}
body.client-study .callout,
body.client-study .inline-cta{
  border:1px solid var(--case-line)!important;
  border-radius:20px;
  background:linear-gradient(135deg,#f5efe5,#ecdfca)!important;
  color:var(--case-ink)!important;
}
body.client-study .callout::after{border-color:rgba(138,109,43,.18)}
body.client-study .callout small{color:var(--case-accent)}
body.client-study .callout p{color:var(--case-ink)!important;font-size:clamp(1.7rem,3vw,2.2rem)}
body.client-study .inline-cta h2{margin-top:0!important}
body.client-study .button-gold{
  border-radius:2px!important;
  background:var(--case-ink)!important;
  color:#fffefa!important;
  box-shadow:none!important;
}
body.client-study .button-gold:hover{background:var(--case-accent)!important}

body.client-study .sidebar{top:102px}
body.client-study .side-card{
  padding:23px;
  border-color:var(--case-line);
  border-radius:18px;
  background:rgba(255,254,250,.8);
  box-shadow:0 12px 34px rgba(20,21,26,.04);
}
body.client-study .side-label{color:var(--case-accent)!important;font-size:9.5px}
body.client-study .side-card strong{font-family:"Instrument Sans",Arial,sans-serif!important;font-size:15px!important;font-weight:700!important}
body.client-study .side-button{border-radius:2px;background:var(--case-ink)}

body.client-study .break-list li,
body.client-study .lesson-summary,
body.client-study .guardrails section,
body.client-study .question,
body.client-study .seller-update,
body.client-study .deliverable,
body.client-study .judgement-grid>div,
body.client-study .outcome-grid>div{
  border-color:var(--case-line)!important;
  background:#fbf8f2!important;
  box-shadow:none!important;
}
body.client-study .judgement-grid .judgement-human{
  background:var(--case-ink)!important;
  color:#fffefa!important;
  border-color:var(--case-ink)!important;
}
body.client-study .before-map,
body.client-study .loop-top,
body.client-study .metric{background:var(--case-ink)!important}
body.client-study .loop-graphic,
body.client-study .ops-console{border-color:var(--case-line)!important;box-shadow:none!important}
body.client-study .step-owner,
body.client-study .live-pill,
body.client-study .status.received{
  border-color:#dfc990!important;
  background:#f1e5c7!important;
  color:#755a21!important;
}
body.client-study .live-pill i{background:#b08d3e!important;box-shadow:0 0 0 3px rgba(176,141,62,.15)!important}
body.client-study .human-step .step-no{color:#d4af5e!important}

body.client-study .related{
  max-width:1180px;
  padding:0 18px 86px;
}
body.client-study .related-head{padding-top:10px}
body.client-study .related-head h2{color:var(--case-ink)!important;font-size:clamp(2.25rem,4vw,3.35rem)!important}
body.client-study .related-card{
  min-height:220px;
  padding:28px;
  border-color:var(--case-line);
  border-radius:18px;
  background:var(--case-card);
  box-shadow:5px 6px 0 rgba(225,214,195,.55);
}
body.client-study .related-card strong{font-family:"Instrument Sans",Arial,sans-serif!important;font-size:18px!important;font-weight:700!important}

@media(max-width:1180px){
  body.client-study .article-shell{grid-template-columns:minmax(0,800px);justify-content:center}
}
@media(max-width:720px){
  body.client-study .hero{width:calc(100% - 20px);margin-top:10px;border-radius:22px}
  body.client-study .hero-inner{padding:48px 24px 38px!important}
  body.client-study .hero h1{font-size:clamp(3rem,14vw,4.4rem)!important}
  body.client-study .story-strip,
  body.client-study .case-facts{margin-top:30px}
  body.client-study .project-hero-visual{padding:14px 10px 0}
  body.client-study .project-hero-visual figure{border-radius:20px}
  body.client-study .article-shell{padding:14px 10px 62px}
  body.client-study .article{padding:34px 22px;border-radius:20px}
  body.client-study .article h2{font-size:clamp(2rem,10vw,2.65rem)!important}
  body.client-study .related{padding:0 10px 64px}
  body.client-study .related-card{min-height:0}
}

@media(prefers-reduced-motion:reduce){
  body.client-study .related-card,
  body.client-study .button-gold{transition:none!important}
}