/* C2G v0.15 — executive investigative briefs. Scoped to the three priority cases. */

.case-brief{
  --case-accent:#d1a158;
  position:relative;
  overflow:hidden;
  padding:34px;
  background:#f7f3ea;
  color:#153747;
  border:1px solid #cdbfa9;
  border-radius:6px;
  box-shadow:0 20px 50px #020c1226;
}
.case-brief:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--case-accent),transparent 72%)}
.case-brief-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:20px;align-items:start;margin-bottom:28px}
.case-brief-header .ui-icon{width:31px;height:31px;color:#9f7638;margin-top:2px}
.case-brief-heading{min-width:0}
.case-brief-kicker{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:10px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#88652f}
.case-brief-kicker i{display:block;width:26px;height:1px;background:var(--case-accent)}
.case-brief h3{margin:0;max-width:760px;font-size:clamp(26px,2.45vw,36px);line-height:1.17;font-weight:400;letter-spacing:-.035em;color:#143849}
.case-thesis{align-self:start;max-width:230px;padding:9px 12px;border:1px solid #cbb996;font-size:9px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#785d35;text-align:right}

.case-brief-dashboard{display:grid;grid-template-columns:1fr 1.08fr;gap:1px;background:#c9c0b1;border:1px solid #c9c0b1}
.case-metric{min-width:0;padding:22px;background:#f3eee4}
.case-metric-label{display:block;margin-bottom:18px;font-size:9px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#8d6933}
.case-comparison{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1.2fr);gap:9px;align-items:end}
.case-value{min-width:0}
.case-value small{display:block;margin-bottom:8px;font-size:9px;line-height:1.45;text-transform:uppercase;letter-spacing:.08em;color:#69808a}
.case-value strong{display:block;font-size:clamp(27px,2.75vw,42px);line-height:1;letter-spacing:-.055em;font-weight:400;color:#143949;white-space:nowrap}
.case-value b{display:block;margin-top:8px;font-size:10px;line-height:1.45;font-weight:500;color:#556f79}
.case-arrow{align-self:center;color:#af813e;font-size:22px;text-align:center;transform:translateY(9px)}
.case-micro-bars{grid-column:1/-1;display:grid;gap:6px;margin-top:17px}
.case-micro-bars i{display:block;width:var(--bar);height:3px;min-width:10px;transform:scaleX(0);transform-origin:left;background:#8ea2a7;transition:transform .8s cubic-bezier(.22,.68,.2,1)}
.case-micro-bars i:last-child{height:4px;background:linear-gradient(90deg,#9c6e2e,#d7b879);transition-delay:.12s}
.case-brief.is-visible .case-micro-bars i{transform:scaleX(1)}

.case-brief-result{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;margin-top:1px;padding:22px;background:#12394a;color:#eef3ee}
.case-brief-result span{font-size:9px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#ddb979}
.case-brief-result p{margin:0;max-width:850px;font-size:15px;line-height:1.7;color:#d9e4e4}
.case-brief details{border-top:1px solid #d5ccbc;margin-top:20px}
.case-brief summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;list-style:none;font-size:13px;line-height:1.5;color:#244d5e}
.case-brief summary::-webkit-details-marker{display:none}
.case-brief summary span{font-size:21px;color:#9a6c2e;transition:transform .25s}
.case-brief details[open] summary span{transform:rotate(45deg)}
.case-brief details p{margin:0 0 15px;font-size:15px;line-height:1.75;color:#506b76}
.case-brief>.text-link{display:inline-flex;margin-top:5px;min-height:40px;align-items:center}

/* 01 — relational reconstruction: the entity expansion carries the strongest navy mass. */
.case-brief-relational .case-metric-entities{background:#143a4a;color:#eef2ed}
.case-brief-relational .case-metric-entities .case-metric-label,.case-brief-relational .case-metric-entities .case-value small{color:#d8b675}
.case-brief-relational .case-metric-entities .case-value strong{color:#f4f2eb}
.case-brief-relational .case-metric-entities .case-value b{color:#b8ccd2}
.case-brief-relational .case-metric-entities .case-micro-bars i{background:#6e8b96}
.case-brief-relational .case-metric-entities .case-micro-bars i:last-child{background:#d1a158}

/* 02 — Agro: broader horizontal flow and a field-toned financial panel. */
.case-brief-agro{--case-accent:#b58a49}
.case-brief-agro .case-brief-dashboard{grid-template-columns:1.12fr .88fr}
.case-brief-agro .case-metric-finance{background:linear-gradient(135deg,#e9e1d2,#f5f1e8)}
.case-brief-agro .case-micro-bars i{border-radius:12px}

/* 03 — corporate/family structure: two principal panels plus one independent indicator. */
.case-brief-structure .case-brief-dashboard{grid-template-columns:1fr 1.2fr minmax(170px,.58fr)}
.case-brief-structure .case-secondary{display:flex;flex-direction:column;justify-content:center;background:#e5ded1}
.case-secondary strong{display:block;margin:7px 0 9px;font-size:clamp(26px,2.3vw,35px);line-height:1;font-weight:400;letter-spacing:-.045em;color:#143949;white-space:nowrap}
.case-secondary p{margin:0;font-size:10px;line-height:1.55;color:#5d737b}
.case-brief-structure .case-brief-result{background:linear-gradient(110deg,#102f3e,#1a4657)}

.case-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.case-capabilities li{padding:7px 10px;border:1px solid #cfbea2;background:#f3eee4;font-size:9px;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:#6f5a39}

/* The dedicated Cases page gives the briefs more analytical depth. */
.page-cases .case-list{gap:34px}
.page-cases .case-brief{padding:42px}
.page-cases .case-brief-result{grid-template-columns:190px minmax(0,1fr);padding:25px 27px}
.page-cases .case-brief-result p{font-size:16px}
.page-cases .case-brief details p{max-width:1050px}

@media(max-width:1100px){
  .case-brief-header{grid-template-columns:40px minmax(0,1fr)}
  .case-thesis{grid-column:2;text-align:left;max-width:420px}
  .case-brief-dashboard,.case-brief-agro .case-brief-dashboard,.case-brief-structure .case-brief-dashboard{grid-template-columns:1fr}
  .case-brief-structure .case-secondary{grid-column:auto;display:grid;grid-template-columns:auto 1fr;gap:15px 28px;align-items:center}
  .case-brief-structure .case-secondary .case-metric-label{grid-column:1/-1;margin-bottom:0}
  .case-secondary strong{margin:0}
}

@media(max-width:760px){
  .case-brief,.page-cases .case-brief{padding:25px 22px}
  .case-brief-header{grid-template-columns:30px minmax(0,1fr);gap:14px;margin-bottom:23px}
  .case-brief-header .ui-icon{width:25px;height:25px}
  .case-thesis{grid-column:1/-1;max-width:none;text-align:left}
  .case-brief h3{font-size:28px}
  .case-brief-dashboard,.case-brief-agro .case-brief-dashboard,.case-brief-structure .case-brief-dashboard{grid-template-columns:1fr}
  .case-metric{padding:20px 18px}
  .case-comparison{grid-template-columns:minmax(0,1fr) 27px minmax(0,1.12fr);gap:6px}
  .case-value strong{font-size:30px}
  .case-value b{font-size:9px}
  .case-arrow{font-size:18px}
  .case-brief-structure .case-secondary{grid-column:auto;display:block}
  .case-brief-result,.page-cases .case-brief-result{grid-template-columns:1fr;gap:10px;padding:20px}
  .case-brief-result p,.page-cases .case-brief-result p{font-size:14px;line-height:1.7}
}

@media(max-width:410px){
  .case-value strong{font-size:27px}
  .case-metric-finance .case-value strong{font-size:22px;letter-spacing:-.045em}
  .case-value small{font-size:8px}
  .case-metric{padding-left:15px;padding-right:15px}
}

@media(prefers-reduced-motion:reduce){
  .case-micro-bars i{transform:scaleX(1)!important;transition:none!important}
  .case-brief summary span{transition:none}
}