@layer components {
.logos {
  --partner-h: min(3.25rem, calc(var(--lockup-w) * 0.095));

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-md) clamp(1.5rem, 0.8rem + 3vw, 5.6875rem);
}

.logos__item {
  flex: none;
}

.logos__item--interreg {
  margin-inline-start: calc((min(100%, var(--lockup-w)) - var(--lockup-w)) / 2);
}

.logos__link {
  display: block;
}

.logos__image {
  display: block;
}

.logos__image--interreg {
  inline-size: var(--lockup-w);
  block-size: auto;
}

.logos__image--partner {
  inline-size: auto;
  block-size: var(--partner-h);
}

@media (min-width: 56.25em) {
  .logos {
    --lockup-w: clamp(28rem, 12rem + 26vw, 40.75rem);
  }

  .logos--compact {
    --lockup-w: clamp(24rem, 10rem + 21vw, 33.25rem);
    --partner-h: min(2.75rem, calc(var(--lockup-w) * 0.08));
  }
}

@media (min-width: 75em) {
  .logos--compact {
    --lockup-w: clamp(27.5rem, 10rem + 21vw, 33.25rem);
  }
}
}