
.case-page { background: #f6eee5; color: #391c24; }
.case-wrap { max-width: 1050px; margin: 0 auto; padding: clamp(24px, 5vw, 64px); }
.case-page p, .case-page li { line-height: 1.65; }
.case-back { color: #641e34; text-decoration: underline; text-underline-offset: .2em; }
.case-hero { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); align-items: center; margin: 36px 0; }
.case-hero h1 { font-size: clamp(2.7rem, 6vw, 5rem); line-height: .98; margin: 14px 0 20px; }
.case-hero img { width: 100%; height: auto; border-radius: 18px; }
.case-section { padding: 30px 0; border-top: 1px solid #d6b7b1; }
.case-section h2 { font-size: clamp(1.9rem, 4vw, 2.9rem); margin: 0 0 12px; }
.case-section ul { padding-left: 1.3rem; }
.case-section figure { margin: 0; }
.case-section img { display: block; width: 100%; height: auto; border-radius: 12px; }
.case-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 20px; }
.case-gallery img { aspect-ratio: 1; object-fit: contain; background: #121212; }
.case-section figcaption { margin-top: 8px; font-size: .87rem; line-height: 1.45; }
.case-section .case-tracker, .case-section .case-training { margin-top: 18px; }
.case-section .case-training { max-width: 700px; }
.case-section blockquote { margin: 0; padding-left: 18px; border-left: 2px solid #862f48; line-height: 1.65; }
.case-page footer { padding: 24px 0; }
@media (max-width: 660px) {
  .case-hero { grid-template-columns: 1fr; }
  .case-hero img { max-width: 240px; }
  .case-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}

.case-brand-heading { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.case-brand-heading img { width: clamp(78px, 15vw, 145px); flex: none; }
.case-brand-heading p { margin: 0; }

.case-report-link { display: inline-block; padding: .75rem 1rem; border: 1px solid #bb8291; border-radius: 12px; background: linear-gradient(140deg,#fff8f2,#e6c4cc); color: #561f32; text-decoration: none; font-weight: 700; }
.romano-report-hero { background: #26191b; color: #fff6e8; border-radius: 22px; padding: clamp(24px,5vw,54px); }
.romano-report-hero .eyebrow, .romano-report-hero em { color: #f4ca76; }
.report-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(165px,1fr)); gap: 12px; margin: 20px 0; }
.report-metrics div { padding: 16px; border-radius: 12px; background: #eedbd6; }
.report-metrics strong { display: block; font-size: 1.65rem; }
.report-evidence figure { margin: 22px 0; }
.report-evidence img { border: 1px solid #d6b7b1; }
