/* LeadG2 Case Study Overview (2026) — scoped to .lg2-cso */
.lg2-cso { padding: 84px 44px; font-family: 'Mulish', system-ui, -apple-system, sans-serif; }
.lg2-cso * { box-sizing: border-box; }
.lg2-cso__wrap { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 52px; align-items: start; }
.lg2-cso__aside { position: sticky; top: 96px; }
.lg2-cso__eyebrow { display: inline-block; font-weight: 800; font-size: 13px; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 20px; }
.lg2-cso__cards { display: flex; flex-direction: column; gap: 18px; }
.lg2-cso__card { padding: 20px 22px; border-radius: 14px; background: #fff; border: 1px solid #E2E4E0; }
.lg2-cso__card-name { font-weight: 800; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #9098A4; margin-bottom: 7px; }
.lg2-cso__card-value { font-weight: 700; font-size: 15px; line-height: 1.4; color: #1B263B; }
.lg2-cso__h2 { margin: 0 0 16px; font-weight: 800; font-size: clamp(26px, 3vw, 38px); line-height: 1.1; letter-spacing: -1.2px; }
.lg2-cso__h3 { margin: 34px 0 14px; font-weight: 800; font-size: 20px; letter-spacing: -0.4px; }
.lg2-cso__prose { font-family: 'Lora', Georgia, serif; font-size: 17px; line-height: 1.66; color: #50606D; }
.lg2-cso__prose p { margin: 0 0 16px; }
.lg2-cso__prose p:last-child { margin-bottom: 0; }

@keyframes lg2-cso-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .lg2-cso--anim .lg2-cso__rise { animation: lg2-cso-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 40%; }
  }
}

@media (max-width: 900px) {
  .lg2-cso { padding: 60px 24px; }
  .lg2-cso__wrap { grid-template-columns: 1fr; gap: 34px; }
  .lg2-cso__aside { position: static; }
}
