Differentiators Live

sa-cva-camera-evidence v2026-06-15

Single-column editorial evidence block: orange rule, eyebrow, large Georgia/Times New Roman headline in one consistent navy treatment, body, divider, muted closer.

Source skill: sa-cva-camera-evidence · Updated 2026-06-15 11:59:39

Edit

Live preview

Open ↗

When to use

Editorial single-column differentiator block (e.g. traffic-camera evidence narrative).

Rules & constraints

Foundry orange `#D97706` is for text, borders (up to 4px), dividers, and icon strokes only -- never a background fill. The orange rule bar (`height:3px`) follows this rule. Headline text stays one-color navy with no inline italic/orange emphasis.
No em dashes in body copy. Production copy should follow the firm's em-dash style guide.
Phone number lives in `tel:` href only. Button label is text, never the phone number itself.
Fonts: Poppins (eyebrow, body, closer) + Georgia/Times New Roman (headline). The host page must load the Google Fonts link below.
Text always full opacity per sa-brand-decisions §3.
This is the VISUAL TRUTH SOURCE for SAIL Design Foundation v1 -- do not redesign or recolor.
**Google Fonts (host page must load):**
`https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap`

Live reference

https://aguiarinjurylawyers.com/practice-areas/commercial-vehicle-accidents/

Deployment notes

Packaged from the commercial-vehicle-accidents page. Host page must load the Poppins Google Fonts link. VISUAL TRUTH SOURCE for SAIL Design Foundation v1 -- do not redesign or recolor.

HTML

<!-- ==================== TRAFFIC CAMERA EVIDENCE ==================== -->
<section class="sail-evidence-section" aria-labelledby="cva-cam-h">
  <div class="sail-evidence-inner">
    <div class="sail-evidence-rule" aria-hidden="true"></div>
        <h2 id="cva-cam-h" class="sail-evidence-headline">We pay for direct access to Kentucky traffic-camera footage.</h2>
    <div class="sail-evidence-body">
      <p>Most firms wait for the police report. By the time it lands, the cameras that watched the crash have already overwritten the file. Kentucky's <a href="https://trimarc.org/" target="_blank" rel="noopener">TRIMARC</a> system clears most general recordings on a rolling window, fine if your crash is Tuesday morning and your firm is on it Tuesday afternoon, not fine if anyone waits.</p>
      <p>We hold an attorney-tier subscription that lets us request footage directly, without routing through a public-records officer and a 30-day queue. A commercial vehicle on I-65, I-64, I-71, the Watterson, or any state-monitored corridor stands a real chance of being on camera. We will know within days whether the file still exists, and preserve it before anyone else asks.</p>
    </div>
    <hr class="sail-evidence-divider" aria-hidden="true">
    <p class="sail-evidence-closer">Camera access alone does not win a case. But losing the footage closes off one of the cleanest pieces of proof a Kentucky jury ever sees.</p>
  </div>
</section>

CSS

:root{
  --sail-navy:#0B212D; --sail-navy-deep:#0a1520;
  --sail-orange:#D97706; --sail-orange-deep:#B45309;
  --sail-white:#fff; --sail-ink-light:#f7f9fa; --sail-mute:#5a6770;
  --sail-rule:rgba(11,33,45,.12); --card-border:#E5E9EC;
  --font-display:Georgia,'Times New Roman',serif; --font-ui:'Poppins',system-ui,sans-serif;
  --container:1180px;
}
/* ---------- Traffic camera editorial (block) ---------- */
.sail-evidence-section{background:#fff;padding:clamp(64px,9vw,112px) 24px;}
.sail-evidence-inner{max-width:860px;margin:0 auto;}
.sail-evidence-rule{width:100px;height:3px;background:var(--sail-orange);margin:0 auto 28px;border-radius:2px;}
.sail-evidence-eyebrow{font-family:var(--font-ui),'Poppins',sans-serif;font-weight:600;font-size:14px;line-height:1.2;letter-spacing:.22em;text-transform:uppercase;margin:0 0 20px;}
.sail-evidence-headline{font-family:var(--font-display),Georgia,'Times New Roman',Times,serif;font-weight:500;font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.01em;margin:0 0 32px;text-wrap:balance;}
.sail-evidence-body p{font-family:var(--font-ui),'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.7;margin:0 0 22px;}
.sail-evidence-divider{height:1px;background:var(--sail-rule);border:0;margin:36px 0 28px;}
.sail-evidence-closer{font-family:var(--font-ui),'Poppins',sans-serif;font-weight:400;font-size:16px;line-height:1.65;color:var(--sail-mute);margin:0;}
@media(max-width:768px){.sail-evidence-inner{text-align:center;}}

/* === ALL-CAPS + CENTERED (sa-copywriting §2, SCOPED 2026-06-10) === */
.sail-evidence-section h1,.sail-evidence-section h2,.sail-evidence-section h3{text-transform:uppercase !important;text-align:center !important;}
.sail-evidence-section .cva-btn,.sail-evidence-section .cva-btn--primary,.sail-evidence-section .cva-btn--ghost,.sail-evidence-section .sa-cta-banner-btn,.sail-evidence-section .sa-sidebar-btn,.sail-evidence-section .sa-side-btn,.sail-evidence-section .sa-submit-btn,.sail-evidence-section .sa-bsg-cta,.sail-evidence-section .sa-hero-cta,.sail-evidence-section .sa-partner-btn,.sail-evidence-section .sa-btn,.sail-evidence-section .sa-cta,.sail-evidence-section .sa-cta-btn,.sail-evidence-section .btn{text-transform:uppercase !important;text-align:center !important;}