#home-who-we-support { background: #fff; padding-block: 76px; }
#home-who-we-support > .container { width: min(1280px,100%); max-width: 1280px; padding-inline: 40px; }
#home-who-we-support .section-heading { text-align: center; max-width: 1000px; margin: 0 auto 76px; }
#home-who-we-support .eyebrow { color: #007dcc; font-size: 14px; margin-bottom: 16px; }
#home-who-we-support h2 { color: #0b2038; font-size: 36px; line-height: 1.3; letter-spacing: 0; }
body main #home-who-we-support h2::after { margin-inline: auto; }
#home-who-we-support .industry-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(2,minmax(260px,auto));
  gap: 52px 32px;
  align-items: stretch;
}
#home-who-we-support .industry-grid article {
  --support-accent: #007dcc;
  --support-tint: #f1f8ff;
  position: relative;
  min-width: 0;
  padding: 48px 32px 30px;
  border: 1.5px solid var(--support-accent);
  border-radius: 48px;
  background: var(--support-tint);
  box-shadow: 0 14px 30px rgba(0,61,115,.07);
  overflow: visible;
  transition: transform .25s ease, box-shadow .25s ease;
}
#home-who-we-support article:nth-child(1) { grid-column: 1; grid-row: 1; }
#home-who-we-support article:nth-child(2) { --support-accent: #be6a10; --support-tint: #fff8ed; grid-column: 2; grid-row: 1; }
#home-who-we-support article:nth-child(3) { --support-accent: #078b7e; --support-tint: #effaf7; grid-column: 1; grid-row: 2; }
#home-who-we-support article:nth-child(4) { --support-accent: #c12760; --support-tint: #fff3f7; grid-column: 2; grid-row: 2; }
#home-who-we-support .industry-grid article::before,
#home-who-we-support .industry-grid article::after { display: none; }
#home-who-we-support .support-orbit-number {
  display: grid;
  place-items: center;
  position: absolute;
  top: -28px;
  left: 28px;
  width: 64px;
  height: 64px;
  background: var(--support-accent);
  color: #fff;
  border-radius: 50%;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
}
#home-who-we-support article:nth-child(even) .support-orbit-number { left: auto; right: 28px; }
#home-who-we-support .industry-grid h3 { color: #0b2038; font-size: 23px; line-height: 1.4; letter-spacing: 0; margin: 0 0 18px; }
#home-who-we-support .industry-grid p { color: #36546c; font-size: 17px; line-height: 1.8; margin: 0; overflow-wrap: anywhere; }
#home-who-we-support .industry-grid article:hover,
#home-who-we-support .industry-grid article:focus-visible {
  background: var(--support-tint);
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(0,61,115,.12);
  border-color: var(--support-accent);
}
#home-who-we-support .industry-grid article:focus-visible { outline: 3px solid var(--support-accent); outline-offset: 5px; }
@media (max-width: 1100px) and (min-width: 1001px) {
  #home-who-we-support .industry-grid { gap: 52px 22px; }
  #home-who-we-support .industry-grid article { padding-inline: 26px; }
}
@media (max-width: 1000px) {
  #home-who-we-support .industry-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto; }
  #home-who-we-support .industry-grid article { grid-column: auto; grid-row: auto; }
}
@media (max-width: 600px) {
  #home-who-we-support { padding-block: 48px; }
  #home-who-we-support > .container { padding-inline: 20px; }
  #home-who-we-support .section-heading { margin-bottom: 40px; }
  #home-who-we-support h2 { font-size: 28px; }
  #home-who-we-support .industry-grid { grid-template-columns: 1fr; gap: 52px; }
  #home-who-we-support .industry-grid article { border-radius: 38px; padding: 48px 26px 28px; }
  #home-who-we-support .industry-grid h3 { font-size: 22px; }
  #home-who-we-support .industry-grid p { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  #home-who-we-support .industry-grid article { transition: none; }
  #home-who-we-support .industry-grid article:hover, #home-who-we-support .industry-grid article:focus-visible { transform: none; }
}
