/* Round 8 copy layer, group "core": leadership role tiles and "What leaders measure" bands.
   Tokens only from :root in site.css. Square corners. Red used once per section (.ccore-mark). */

/* Section head accent */
.ccore-mark{display:block;width:44px;height:2px;background:var(--red);margin-bottom:22px;transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease) .2s}
.rv.in .ccore-mark,.ccore-head.in .ccore-mark{transform:scaleX(1)}

/* Index: five leadership tiles */
.ccore-roles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ccore-role{background:var(--ink-raise);border:1px solid var(--line);padding:clamp(20px,1.7vw,24px);display:flex;flex-direction:column;gap:14px;min-height:320px;transition:border-color .3s}
.ccore-role:hover{border-color:var(--line-strong)}
.ccore-abbr{font-size:clamp(34px,3vw,48px);font-weight:800;letter-spacing:.02em;line-height:1;color:var(--white)}
.ccore-title{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.ccore-care{font-size:15px;line-height:1.5;color:var(--mist);flex:1}
.ccore-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);border-top:1px solid var(--line);padding-top:14px}
.ccore-chips{list-style:none;display:flex;flex-direction:column;gap:6px}
.ccore-chip{border:1px solid var(--line-strong);padding:7px 10px;font-size:13px;line-height:1.3;color:var(--white)}
.rv .ccore-chip{opacity:0;transform:translateY(8px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(.35s + var(--i,0) * .12s)}
.rv.in .ccore-chip{opacity:1;transform:none}
.ccore-roles .ccore-chip{font-size:12.5px;padding:7px 9px}
.ccore-foot{margin-top:22px;font-size:13px;color:var(--ash);max-width:70ch}

@media (max-width:1100px){.ccore-roles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ccore-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){
  .ccore-roles{grid-template-columns:1fr}
  .ccore-role{min-height:0}
  .ccore-chips{flex-direction:row;flex-wrap:wrap}
}

/* Service pages: compact "What leaders measure" band */
.ccore-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(28px,5vw,80px);align-items:start}
.ccore-band .lede{margin-top:18px}
.ccore-list{list-style:none;border-top:1px solid var(--line)}
.ccore-li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.ccore-who{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}
.ccore-who b{display:block;font-size:22px;font-weight:800;letter-spacing:.02em;color:var(--white);margin-bottom:2px}
.ccore-li .ccore-chips{flex-direction:row;flex-wrap:wrap;gap:8px}
.ccore-li .ccore-chip{color:var(--mist)}
.ccore-li:first-child .ccore-chip:first-child{border-color:var(--red);color:var(--white)}

@media (max-width:900px){.ccore-band{grid-template-columns:1fr}}
@media (max-width:520px){.ccore-li{grid-template-columns:1fr;gap:10px}}

@media (prefers-reduced-motion:reduce){
  .ccore-mark{transform:none;transition:none}
  .rv .ccore-chip{opacity:1;transform:none;transition:none}
}
