.expert-network {
  padding: 132px 0 92px;
}

.expert-network__grid {
  align-items: start;
  gap: 32px;
}

.expert-network__visual {
  grid-column: 1 / 6;
  min-width: 0;
  min-height: clamp(380px, 30vw, 520px);
  max-width: none;
  margin-top: -8px;
  overflow: hidden;
  border-radius: calc(var(--radius) + 2px);
  background: #ffffff;
}

.expert-network__visual picture {
  display: block;
  width: 100%;
  height: 100%;
  min-height: clamp(380px, 30vw, 520px);
}

.expert-network__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}

.expert-network__copy {
  grid-column: 6 / 13;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: start;
  max-width: 60ch;
  padding-top: clamp(10px, 1vw, 18px);
  padding-left: clamp(16px, 2vw, 40px);
}

.expert-network__copy h2 {
  max-width: 12ch;
  margin-bottom: 24px;
  font-size: clamp(42px, 5vw, 76px);
  font-weight: 550;
  line-height: 1.02;
  letter-spacing: -0.028em;
}

.expert-network__copy .lead {
  max-width: 42ch;
  color: color-mix(in srgb, var(--muted) 72%, var(--fg));
}

.expert-network__copy .actions {
  margin-top: 52px;
}

@media (max-width: 1000px) {
  .expert-network {
    padding: 104px 0 80px;
  }

  .expert-network__grid {
    gap: 28px;
  }

  .expert-network__visual {
    grid-column: 1 / 4;
    min-height: clamp(280px, 40vw, 380px);
    max-width: none;
    margin-top: -6px;
  }

  .expert-network__copy {
    grid-column: 4 / 9;
    max-width: 62ch;
    margin-top: 0;
    padding-top: 8px;
    padding-left: 0;
  }
}

@media (max-width: 760px) {
  .expert-network {
    padding: 72px 0 68px;
  }

  .expert-network__visual {
    grid-column: auto;
    min-height: 0;
    margin-top: 0;
    border-radius: var(--radius);
  }

  .expert-network__copy h2 {
    max-width: 14ch;
  }

  .expert-network__copy .lead {
    max-width: none;
  }
}
