/* Layout refinements from the portfolio review. */
.c5 { grid-column: 5 / 9; grid-row: 7 / 12; }
.c6 { grid-column: 9 / 13; grid-row: 10 / 17; }
.c7 { grid-column: 1 / 9; grid-row: 12 / 17; }

.o1 { grid-column: 1 / 8; grid-row: 1 / 7; }
.o2 { grid-column: 8 / 13; grid-row: 1 / 7; }
.o3 { grid-column: 1 / 5; grid-row: 7 / 13; }
.o4 { grid-column: 5 / 13; grid-row: 7 / 13; }
.o5 { grid-column: 1 / 7; grid-row: 13 / 18; }
.o6 { grid-column: 7 / 13; grid-row: 13 / 18; }

.portrait-case .case-desc .large { color: #303531; }

.portrait-team { margin-top: 10px; }
.portrait-team img {
  width: min(100%, 900px);
  height: auto;
  object-fit: contain;
  margin-inline: auto;
}

@media (max-width: 820px) {
  .competition-grid,
  .off-grid,
  .portrait-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .competition-grid figure,
  .off-grid figure,
  .portrait-grid figure {
    width: 100%;
    height: auto;
    flex: none;
  }

  .competition-grid img,
  .off-grid img,
  .portrait-grid img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .portrait-team { margin-top: 6px; }
}