.ocf-home-help-grid__header { margin-bottom: calc(var(--ocf-grid-gap) * 1.25); }
.ocf-home-help-grid__header .heading-2 { max-width: var(--ocf-section-heading-width); margin: 0; }
.ocf-home-help-grid__tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ocf-grid-gap); }
.ocf-home-help-grid__tile {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: var(--image-radius);
  background: var(--ocf-primary);
  box-shadow: var(--image-shadow);
  isolation: isolate;
}
.ocf-home-help-grid__tile::after { display: none; }
.ocf-home-help-grid__tile:hover::after { display: none; }
.ocf-home-help-grid__tile img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 260ms ease; }
.ocf-home-help-grid__tile:hover img { transform: scale(1.035); }
.ocf-home-help-grid__label { position: absolute; inset: auto 0 18px; z-index: 1; display: block; width: fit-content; max-width: calc(100% - 36px); margin-inline: auto; padding: 12px 20px; border-radius: var(--radius); background: rgba(255, 255, 255, 0.9); color: #042A48; font-family: var(--ocf-font-heading); font-size: var(--font-h3-size); font-weight: var(--font-weight-bold); line-height: 1.2; text-align: center; }
@media (max-width: 640px) {
  .ocf-home-help-grid__tiles { grid-template-columns: 1fr; }
  .ocf-home-help-grid__tile { aspect-ratio: 16 / 10; }
  .ocf-home-help-grid__label { padding: 12px 16px; font-size: 20px; }
}