/* ---- asteroids hero ---- */
  .cs-hero{position:relative;overflow:hidden;padding:clamp(96px,15vw,190px) 0 clamp(56px,8vw,96px);text-align:center}
  .cs-hero .wrap{position:relative;z-index:3}
  .cs-hero h1{max-width:20ch;margin:0 auto}
  .cs-hero .lead{margin:20px auto 0}
  .impact-word{color:var(--lex-blue-2)}
  .cs-hero .btn-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
  .cs-hero .glow{background:radial-gradient(90% 75% at 50% -4%,rgba(27,148,222,.3),transparent 60%)}
  .cs-hero .asteroids{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none}
  /* fade veil so text stays legible */
  .cs-hero .veil{position:absolute;inset:0;z-index:2;pointer-events:none;
    background:radial-gradient(56% 52% at 50% 46%,rgba(4,7,12,.72),rgba(4,7,12,.18) 66%,transparent)}

  /* ---- filters + grid ---- */
  .cs-filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto clamp(28px,4vw,44px)}
  .cs-chip{font-size:13px;font-weight:700;letter-spacing:.03em;color:var(--muted-2);padding:9px 18px;border:1px solid var(--line);
    border-radius:999px;background:rgba(255,255,255,.03);cursor:pointer;transition:all .2s ease}
  .cs-chip:hover{border-color:rgba(98,198,255,.4);color:var(--paper)}
  .cs-chip.active{background:rgba(27,148,222,.16);border-color:rgba(98,198,255,.55);color:var(--paper)}
  .cs-card{display:flex;flex-direction:column;gap:8px;padding:22px 24px;text-decoration:none;position:relative}
  .cs-card .cat{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lex-blue-2)}
  .cs-card h3{font-size:17px;font-weight:650;color:var(--paper);line-height:1.25}
  .cs-card p{font-size:14px;color:var(--muted);line-height:1.55}
  .cs-card .arw{margin-top:auto;padding-top:8px;color:var(--lex-blue-2);font-weight:700;transition:transform .2s ease}
  .cs-card:hover .arw{transform:translateX(4px)}
  .cta-band{text-align:center}
  .cta-band .lead{margin:16px auto 30px}

  /* ---- featured / other groups ---- */
  .cs-group{margin-bottom:clamp(40px,6vw,64px)}
  .cs-group:last-child{margin-bottom:0}
  .cs-group-label{margin-bottom:20px}
  .cs-group-label::before{content:none}
  .cs-group--featured .cs-card{border-color:rgba(98,198,255,.28);padding:26px 28px}
  .cs-group--featured .cs-card:hover{border-color:rgba(98,198,255,.55)}
  .cs-group--featured .cs-card h3{font-size:19px}

  /* ---- expanding cards (simpler case studies) ---- */
  .cs-exp{align-self:start}
  .cs-exp-trigger{display:flex;flex-direction:column;gap:8px;cursor:pointer;outline:none}
  .cs-exp-trigger:focus-visible{box-shadow:0 0 0 2px var(--ink),0 0 0 4px rgba(98,198,255,.6)}
  .cs-exp-trigger .arw{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform .25s ease;transform-origin:50% 50%}
  .cs-exp.is-open .cs-exp-trigger .arw{transform:rotate(90deg)}
  .cs-exp-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
  .cs-exp.is-open .cs-exp-panel{grid-template-rows:1fr}
  .cs-exp-panel-inner{overflow:hidden;display:flex;flex-direction:column;gap:2px}
  .cs-exp-panel-inner h4{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--lex-blue-2);margin:14px 0 8px}
  .cs-exp-panel-inner ul{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-direction:column;gap:8px}
  .cs-exp-panel-inner li{display:flex;gap:8px;font-size:12.5px;line-height:1.45;color:var(--muted-2)}
  .cs-exp-panel-inner li::before{content:"";flex:none;width:5px;height:5px;margin-top:6px;border-radius:50%;background:var(--lex-blue-2)}
  .cs-exp-panel-inner .read-more{margin-top:8px;padding-top:10px;font-size:12.5px;font-weight:700;color:var(--lex-blue-2);text-decoration:none;border-top:1px solid var(--line)}
  .cs-exp-panel-inner .read-more:hover{text-decoration:underline}