.caraway-page {
  --brand: #57633C;
  --brand-deep: #2B3320;
  --brand-pale: #E4E7D8;
}

.caraway-page .wordmark span { color: var(--brand); }
.cw-hero .case-hero-copy { background: var(--brand-deep); color: var(--paper); }
.cw-hero .case-hero-copy .kicker { color: #C9E080; }
.cw-hero .case-hero-copy h1 em { color: #C9E080; }
.cw-hero .case-hero-side { background: var(--brand-pale); }
.cw-ad-grid .ad-visual { aspect-ratio: 4 / 5; }
.cw-page .pattern-accent { background: var(--brand-deep); }
.cw-page .big-idea { background: var(--brand-deep); }

.concentration-figure { margin: 28px 0 0; padding: 26px 28px; border: 1px solid var(--ink); background: var(--white); }
.concentration-figure h3 { margin: 0 0 4px; font-family: var(--font-sans); font-size: 15px; font-weight: 800; }
.concentration-figure .sub { margin: 0 0 18px; color: var(--muted); font-size: 13px; }
.concentration-bar { display: flex; height: 30px; overflow: hidden; border: 1px solid var(--ink); }
.concentration-bar span { display: block; }
.concentration-legend { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 14px; font-size: 12.5px; color: var(--muted); }
.concentration-legend i { display: inline-block; width: 9px; height: 9px; margin-right: 6px; vertical-align: middle; }

.duplicate-callout { margin: 24px 0 0; padding: 20px 24px; border: 1px solid var(--ink); border-left: 4px solid var(--brand); background: var(--brand-pale); }
.duplicate-callout strong { display: block; margin-bottom: 6px; font-family: var(--font-sans); font-size: 13px; font-weight: 850; letter-spacing: .02em; }
.duplicate-callout p { margin: 0; font-size: 14px; line-height: 1.55; }

@media (max-width: 1050px) {
  .cw-hero-concept { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .cw-ad-grid .ad-visual { aspect-ratio: 4 / 5.5; }
}