[data-component=e-congress2026-imageGrid2] {
  padding: 80px 0;
  background-color: #F7F7F7;
}
@media screen and (max-width: 768px) {
  [data-component=e-congress2026-imageGrid2] {
    padding: 64px 0;
  }
}
[data-component=e-congress2026-imageGrid2] .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(9, minmax(160px, auto));
  width: 100%;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  [data-component=e-congress2026-imageGrid2] .grid {
    gap: 4px;
    grid-template-columns: repeat(2, 1fr);
  }
}
[data-component=e-congress2026-imageGrid2] .grid__hero {
  grid-column: span 2;
  grid-row: span 4;
}
@media screen and (max-width: 768px) {
  [data-component=e-congress2026-imageGrid2] .grid__hero {
    grid-column: span 2;
    grid-row: span 2;
    max-height: 420px;
  }
}
[data-component=e-congress2026-imageGrid2] .grid__img-b {
  grid-column: span 2;
  grid-row: span 2;
}
@media screen and (max-width: 768px) {
  [data-component=e-congress2026-imageGrid2] .grid__img-b {
    grid-column: span 2;
    grid-row: span 1;
  }
}
[data-component=e-congress2026-imageGrid2] .grid__img {
  grid-column: span 1;
  grid-row: span 1;
}
[data-component=e-congress2026-imageGrid2] .grid__text {
  grid-column: span 2;
  grid-row: span 3;
  padding: 48px 32px;
  padding-top: 120px;
  background-color: var(--color-primary-90);
  color: #F6E8EA;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  position: relative;
}
@media screen and (max-width: 768px) {
  [data-component=e-congress2026-imageGrid2] .grid__text {
    padding: 24px;
    padding-top: 68px;
    grid-column: span 2;
    grid-row: span 2;
  }
}
[data-component=e-congress2026-imageGrid2] .grid__text_style2 {
  grid-column: span 2;
  grid-row: span 4;
  background-color: #E9ECF7;
  color: var(--color-neutral-90);
}
@media screen and (max-width: 768px) {
  [data-component=e-congress2026-imageGrid2] .grid__text_style2 {
    grid-column: span 2;
    grid-row: span 2;
  }
}
[data-component=e-congress2026-imageGrid2] .grid__text h2 {
  color: #fff;
}
[data-component=e-congress2026-imageGrid2] .grid .pattern {
  width: 100%;
  height: 88px;
  background-image: url(images/buta-white-min.svg);
  background-size: 64%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  [data-component=e-congress2026-imageGrid2] .grid .pattern {
    height: 44px;
  }
}
[data-component=e-congress2026-imageGrid2] .grid .pattern_style2 {
  background-image: url(images/buta-grey-min.svg);
  opacity: 0.2;
}
