/* Practical walkthroughs, using Crewlo's existing typography and palette. */
.cases-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-block:72px 48px}
.cases-copy h1{margin-bottom:26px}.cases-copy>p:not(.eyebrow){max-width:610px;color:var(--muted)}.cases-copy .actions{margin-block:26px 16px}
.cases-crew{background:#e3ebd7;border:1px solid #b5c59b;border-radius:20px;padding:28px}.cases-crew>.fine{margin:22px 0 0}
.cases-roles{list-style:none;margin:0;padding:0}.cases-roles li{display:flex;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid #bccba5}.cases-roles li:last-child{border-bottom:0}.cases-roles img{width:80px;flex-shrink:0}.cases-roles strong,.cases-roles div>span{display:block}.cases-roles strong{font-size:21px;margin:6px 0}.cases-roles div>span:last-child{font-size:14px;line-height:1.6;color:var(--muted)}.case-step{font:700 11px/1.6 ui-monospace,monospace;letter-spacing:.06em;color:var(--forest)}
.cases-projects{padding-top:40px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.case-card{display:flex;flex-direction:column;min-width:0;background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:28px}.case-kicker{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.03em;color:var(--forest);min-height:34px}.case-kicker span{font-weight:500;color:var(--muted)}.case-card h3{font-size:30px}.case-card>p:not(.case-kicker){color:var(--muted)}.case-card ul{font-size:14px;line-height:1.8;padding-left:20px;margin:0 0 26px}.case-card li{margin-bottom:7px}.case-card .button{width:100%;margin-top:22px}.case-outcome{border-top:1px solid var(--line);padding-top:20px;margin-top:auto}.case-outcome>span{font:700 11px/1.5 ui-monospace,monospace;color:var(--forest)}.case-outcome p{font-size:14px;line-height:1.65;margin:10px 0 0}.case-source{font-size:13px;text-align:center;padding:14px 0 0;min-height:44px}.cases-scope{font-size:14px;color:var(--muted);max-width:840px;margin:28px 0 0}
.cases-kit{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;background:var(--mint);border:1px solid var(--line);border-radius:20px;padding:44px}.cases-kit p{color:var(--muted)}.cases-kit-links{padding-left:32px;border-left:1px solid #b4c397}.cases-kit-links ul{list-style:none;margin:20px 0;padding:0}.cases-kit-links li a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}.cases-kit-links h3{font-size:23px}.cases-next{padding-block:64px 20px}.cases-next h2{font-size:28px}
.use-cases-teaser{border-top:1px solid var(--line)}.use-cases-teaser .case-grid{margin-top:28px}.use-cases-teaser .case-card{padding:26px}.use-cases-teaser .case-card h3{font-size:24px}.use-cases-teaser .case-card p{font-size:15px;margin-bottom:14px}.use-cases-teaser .case-card a{margin-top:auto}.use-cases-teaser>.fine{margin-top:20px;color:var(--muted)}
.site-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:1100px){.cases-intro{gap:32px}.case-grid{gap:16px}.case-card{padding:22px}.cases-kit{gap:32px;padding:32px}}
@media(max-width:900px){.cases-intro{grid-template-columns:1fr;padding-top:44px}.cases-copy{max-width:720px}.cases-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cases-roles li{display:block;border-bottom:0;padding:0}.cases-roles strong{font-size:18px}.case-grid{grid-template-columns:1fr}.case-kicker{min-height:0}.cases-kit{grid-template-columns:1fr}.cases-kit-links{padding:28px 0 0;border-left:0;border-top:1px solid #b4c397}}
@media(max-width:480px){.cases-intro{padding-top:32px}.cases-crew{padding:20px}.cases-roles{display:block}.cases-roles li{display:flex;padding:12px 0;border-bottom:1px solid #bccba5}.cases-roles img{width:62px}.cases-kit{padding:24px}.cases-copy h1{font-size:39px}.cases-next{padding-top:44px}}