/*
FILENAME: page.css
FILEPATH: /css/page.css
DESCRIPTION: Shared non-home page enhancements (page hero spacing, case study detail blocks, contact layout).
*/
.hero-page .lead{ max-width: 78ch; }

.case-detail{
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  padding: 18px;
}
.case-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 14px;
  margin-bottom: 16px;
}
.case-badges{ display:flex; flex-wrap:wrap; gap: 8px; }
@media (max-width: 860px){ .case-header{ flex-direction:column; } }

.case-card p{ margin-bottom: 12px; }

.contact-grid{
  grid-template-columns: 1.2fr 0.8fr;
  align-items:start;
}
@media (max-width: 980px){ .contact-grid{ grid-template-columns: 1fr; } }

.callout{ margin-top: 16px; }