/* Page styles for the seo-case-studies template. Loaded after case-study-base.css. */
.cjb-case .hero h1 { max-width:20ch; }
.cjb-case .cases { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:48px; }
.cjb-case .case-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--hairline); border-radius:14px; padding:36px 32px; text-decoration:none; color:var(--ink); transition:border-color .2s ease, box-shadow .2s ease; }
.cjb-case .case-card:hover { border-color:var(--teal); box-shadow:0 8px 32px rgba(0,212,170,.12); }
.cjb-case .case-card .tag { font-family:'Montserrat',sans-serif; font-weight:700; font-size:13px; letter-spacing:.18em; text-transform:uppercase; color:var(--deep-teal); margin-bottom:18px; }
.cjb-case .case-card .big { font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:clamp(40px,4vw,54px); line-height:1; color:var(--night); margin-bottom:14px; }
.cjb-case .case-card h3 { font-size:22px; margin-bottom:12px; }
.cjb-case .case-card p { font-size:16px; color:var(--slate); margin-bottom:22px; }
.cjb-case .case-card ul { list-style:none; margin:0 0 26px; padding:0; font-size:15px; color:var(--slate); }
.cjb-case .case-card ul li { padding:6px 0; border-top:1px solid var(--hairline); }
.cjb-case .case-card ul li strong { color:var(--ink); }
.cjb-case .case-card .go { margin-top:auto; font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:.06em; color:var(--blue); }
.cjb-case .case-card:hover .go { color:var(--sky); }
@media (max-width:900px) {
  .cjb-case section { padding:56px 0; }
  .cjb-case .hero { padding:80px 0 64px; }
  .cjb-case .stats { grid-template-columns:repeat(2,1fr); }
  .cjb-case .cases { grid-template-columns:1fr; }
  .cjb-case .cards { grid-template-columns:1fr; }
}