/* The industry sectors, laid out as the client's SECTORS slide draws them: a chamfered panel with a bar
   across the top, the name on the left, the sector's own icon on the right, a short rule, then the list
   running on one line separated by middots. The icons are lifted from that slide, not redrawn. */
.industry-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: calc(10 * var(--pt)); margin-top: calc(26 * var(--pt)); }
.industry { aspect-ratio: auto; align-items: stretch; text-align: left; padding: calc(16 * var(--pt)) calc(14 * var(--pt)) calc(16 * var(--pt)); }
.industry { grid-column: span 2; }
.industry-grid > :nth-child(5) { grid-column: 2 / span 2; }    /* three cards, centred under the row of four */

.industry__bar {
  position: absolute; left: calc(7 * var(--pt)); right: calc(7 * var(--pt)); top: calc(-4 * var(--pt));
  height: calc(4.5 * var(--pt)); background: #1a6279;
}
.industry--lead .industry__bar { background: var(--teal); }

.industry__head { display: flex; align-items: flex-start; justify-content: space-between; gap: calc(8 * var(--pt)); }
.industry__name { margin: 0; font-size: calc(10.5 * var(--pt)); line-height: 1.25; text-transform: none; }
.industry__icon { flex: none; width: calc(30 * var(--pt)); height: auto; opacity: .95; }

.industry__rule { display: block; width: calc(34 * var(--pt)); height: 1px; margin: calc(10 * var(--pt)) 0 calc(10 * var(--pt)); background: rgba(190, 232, 235, .5); }

.industry__covers { font-family: var(--f-alex); font-weight: 300; font-size: calc(8.6 * var(--pt)); line-height: 1.55; color: rgba(243, 238, 226, .86); }
.industry__covers li { display: inline; }
.industry__covers li + li::before { content: "\00A0\00B7\00A0"; color: rgba(190, 232, 235, .55); }

@media (max-width: 959px) {
  .industry-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 22px; }
  .industry { grid-column: span 1; }
  .industry-grid > :nth-child(5) { grid-column: auto; }
  .industry { padding: 18px 16px 20px; min-height: 0; }
  .industry__bar { left: 10px; right: 10px; top: -5px; height: 5px; }
  .industry__name { font-size: 15px; }
  .industry__icon { width: 38px; }
  .industry__rule { width: 44px; margin: 12px 0; }
  .industry__covers { font-size: 13.5px; }
}
@media (max-width: 559px) {
  .industry-grid { grid-template-columns: 1fr; }
  .industry { grid-column: span 1; }
}