.salon-site .team-section {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(160px, .8fr) minmax(0, 1.25fr);
  column-gap: clamp(24px, 3.6vw, 58px);
  align-items: center;
  padding-top: 56px;
  padding-bottom: 64px;
}

.salon-site .team-section h2 {
  font-size: clamp(44px, 5.3vw, 76px);
  line-height: 1.04;
}

.team-fashion {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 238px;
  margin: 0;
  justify-self: center;
}

.team-fashion::before {
  content: "";
  position: absolute;
  inset: -6px 6px 6px -6px;
  z-index: -1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' preserveAspectRatio='none'%3E%3Cpath d='M6 1 L99 5 L94 124 L1 120 Z' fill='none' stroke='%23775099' stroke-width='.65' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  opacity: .7;
  pointer-events: none;
}

.team-fashion img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: 50% 45%;
  clip-path: polygon(6% 0, 100% 4%, 94% 100%, 0 96%);
}

.salon-site .team-section .team-copy {
  min-width: 0;
  padding-top: 0;
}

.salon-site .team-copy .large-copy { font-size: clamp(22px, 2.15vw, 27px); }

@media (max-width: 760px) {
  .salon-site .team-section {
    grid-template-columns: minmax(0, 1fr) clamp(100px, 31vw, 180px);
    gap: 24px 16px;
    padding-top: 38px;
    padding-bottom: 46px;
  }

  .team-intro { display: contents; }
  .team-intro .eyebrow { grid-column: 1 / -1; margin: 0; }

  .salon-site .team-section h2 {
    grid-column: 1;
    grid-row: 2;
    font-size: clamp(38px, 11.5vw, 62px);
    margin: 0;
    width: max-content;
  }

  .team-fashion { grid-column: 2; grid-row: 2; }
  .team-fashion::before { inset: -4px 4px 4px -4px; }
  .salon-site .team-section .team-copy { grid-column: 1 / -1; padding-top: 6px; }
  .salon-site .team-copy .large-copy { font-size: 25px; }
}