/* ICHA Our Work navigation information architecture */

.our-work-mega {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr);
  grid-template-rows: auto repeat(4, auto);
  column-gap: clamp(28px, 3vw, 52px);
  row-gap: 0;
  min-width: min(680px, calc(100vw - 40px));
}

.our-work-mega__heading {
  list-style: none;
  margin: 0;
  padding: 10px 0 12px;
  font-size: 0.76rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ifrc-red, #d9232e);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.our-work-mega__heading--core {
  grid-column: 1;
  grid-row: 1;
}

.our-work-mega__heading--theme {
  grid-column: 2;
  grid-row: 1;
}

.our-work-mega__item {
  min-width: 0;
}

.our-work-mega__core-1 { grid-column: 1; grid-row: 2; }
.our-work-mega__core-2 { grid-column: 1; grid-row: 3; }
.our-work-mega__core-3 { grid-column: 1; grid-row: 4; }
.our-work-mega__core-4 { grid-column: 1; grid-row: 5; }

.our-work-mega__theme-1 { grid-column: 2; grid-row: 2; }
.our-work-mega__theme-2 { grid-column: 2; grid-row: 3; }
.our-work-mega__theme-3 { grid-column: 2; grid-row: 4; }
.our-work-mega__theme-4 { grid-column: 2; grid-row: 5; }

@media (max-width: 1000px) {
  .our-work-mega {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto repeat(4, auto) auto repeat(4, auto);
    min-width: 0;
    column-gap: 0;
  }

  .our-work-mega__heading {
    margin: 0;
    padding: 14px 0 12px;
  }

  .our-work-mega__heading--core {
    grid-column: 1;
    grid-row: 1;
  }

  .our-work-mega__core-1 { grid-column: 1; grid-row: 2; }
  .our-work-mega__core-2 { grid-column: 1; grid-row: 3; }
  .our-work-mega__core-3 { grid-column: 1; grid-row: 4; }
  .our-work-mega__core-4 { grid-column: 1; grid-row: 5; }

  .our-work-mega__heading--theme {
    grid-column: 1;
    grid-row: 6;
    margin-top: 14px;
  }

  .our-work-mega__theme-1 { grid-column: 1; grid-row: 7; }
  .our-work-mega__theme-2 { grid-column: 1; grid-row: 8; }
  .our-work-mega__theme-3 { grid-column: 1; grid-row: 9; }
  .our-work-mega__theme-4 { grid-column: 1; grid-row: 10; }
}


/* V1 navigation: keep Consultancies within Our Work without creating another top-level item. */
.our-work-mega__consultancies {
  grid-column: 1 / -1;
  grid-row: 6;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

@media (max-width: 1000px) {
  .our-work-mega__consultancies {
    grid-column: 1;
    grid-row: 11;
    margin-top: 14px;
  }
}