/* ============================================================
   RETAIL GRAPHICS — page-specific styles
   Extracted verbatim from site/industries/retail-graphics.html's
   inline <style> block.
   ============================================================ */

.sector-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.15rem;
}
.sector-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.sector-card .ph { aspect-ratio: 16/10; }
.sector-body { padding: 1.3rem; }
.sector-body h3 { font-size: 1.04rem; margin-bottom: .4rem; }
.sector-body p { font-size: .89rem; line-height: 1.56; }

.campaign-note {
  background: var(--navy);
  border-radius: var(--radius-lg);
  padding: 2.1rem;
}
.campaign-note h2 { color: #fff; }
.campaign-note p { color: rgba(255,255,255,.8); }

@media (max-width: 1050px) {
  .sector-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .sector-grid { grid-template-columns: 1fr; }
}