.solidarity {
  display: grid;
  grid-template-columns: minmax(320px, .7fr) 1.3fr;
  gap: clamp(3rem, 8vw, 8rem);
  align-items: center;
  padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 8vw, 8rem);
  background: #f7f3ec;
}

.solidarity-image {
  width: min(100%, 460px);
  aspect-ratio: 1 / 2;
  justify-self: center;
  border-radius: 8px;
  background: #0b1014 url("assets/venezuela-solidaritaet.png") center / contain no-repeat;
  box-shadow: 0 28px 65px rgba(20, 26, 31, .24), 14px 14px 0 #f5c62d;
}

.solidarity-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 0;
}

.solidarity-copy h2 {
  max-width: 720px;
  margin-bottom: 1.7rem;
  font-family: "Oswald", sans-serif;
  font-size: clamp(2.7rem, 5vw, 5rem);
  line-height: 1;
  text-transform: uppercase;
}

.solidarity-copy > p:not(.kicker):not(.spanish-line) {
  max-width: 620px;
  color: #46535c;
  font-size: 1.08rem;
}

.spanish-line {
  margin: 1.4rem 0;
  color: var(--blue2);
  font-family: "Oswald", sans-serif;
  font-size: 1.55rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.dark-link {
  align-self: flex-start;
  padding: .5rem 0;
  border-bottom: 1px solid #84919a;
}

@media (max-width: 800px) {
  .solidarity { grid-template-columns: 1fr; min-height: auto; }
  .solidarity-image { width: min(100%, 420px); min-height: 0; }
  .solidarity-copy { padding: 2rem 0 0; }
}

@media (max-width: 480px) {
  .solidarity { padding-right: 1.25rem; padding-left: 1.25rem; }
  .solidarity-image { width: calc(100% - 14px); min-height: 0; }
}