.transport {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(320px, 1.1fr);
  gap: clamp(36px, 7vw, 100px);
  align-items: center;
  background: var(--cream);
}

.transport-photo {
  overflow: hidden;
  border-radius: var(--radius);
  box-shadow: 0 22px 55px #09253820;
}

.transport-photo img {
  display: block;
  width: 100%;
  height: clamp(440px, 55vw, 650px);
  object-fit: cover;
}

.transport-copy h2 { margin-bottom: 28px; }

.transport-copy p:not(.eyebrow) {
  max-width: 650px;
  color: #445761;
  font-size: 1.08rem;
}

@media (max-width: 850px) {
  .transport { grid-template-columns: 1fr; }
  .transport-photo img { height: min(120vw, 620px); }
}