.collab-intro,
.collab-booking {
  background: transparent;
}

.collab-copy > h1 {
  max-width: 16ch;
  margin: 22px 0 28px;
  font-size: clamp(3rem, 5.2vw, 5.2rem);
  font-weight: 520;
  letter-spacing: -.064em;
  line-height: .95;
}

.collab-copy > .collab-lead {
  max-width: 64ch;
  margin: 0;
  color: var(--muted);
  font-size: clamp(1.05rem, 1.35vw, 1.22rem);
  line-height: 1.68;
}

.collab-copy > .collab-primary-action {
  max-width: none;
  margin: 28px 0 0;
  font-size: 1rem;
}

.collab-primary-action .collab-jump {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  padding: 11px 17px;
  border: 1px solid var(--accent);
  background: var(--accent);
  color: var(--light);
  font-weight: 600;
  text-decoration: none;
}

.collab-primary-action .collab-jump:hover,
.collab-primary-action .collab-jump:focus-visible {
  border-color: var(--ink);
  background: var(--ink);
  color: var(--light);
}

.collab-work,
.collab-start {
  margin-top: clamp(64px, 8vw, 96px);
  padding-top: clamp(36px, 5vw, 56px);
  border-top: 1px solid var(--rule);
}

.collab-work > h2,
.collab-start > h2 {
  max-width: 16ch;
  margin: 0 0 clamp(36px, 5vw, 52px);
  font-family: Manrope, system-ui, sans-serif;
  font-size: clamp(2.15rem, 3.5vw, 3.35rem);
  font-weight: 550;
  letter-spacing: -.052em;
  line-height: 1.02;
}

.collab-work > h2 { max-width: none; white-space: nowrap; }

.collab-work-list article {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(340px, 1.2fr);
  gap: clamp(40px, 7vw, 88px);
  padding: 28px 0;
  border-top: 0;
}

.collab-work-list article:first-child {
  padding-top: 0;
  border-top: 0;
}
.collab-work-list h3,
.collab-work-list p,
.collab-start p { margin: 0; }

.collab-work-list h3 {
  max-width: 18ch;
  color: var(--ink);
  font-family: Manrope, system-ui, sans-serif;
  font-size: clamp(1.4rem, 2vw, 1.9rem);
  font-weight: 550;
  letter-spacing: -.038em;
  line-height: 1.12;
}

.collab-work-list p,
.collab-start p {
  max-width: 62ch;
  color: #363b40;
  font-size: 1rem;
  line-height: 1.7;
}

.collab-start {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(340px, 1.2fr);
  gap: clamp(40px, 7vw, 88px);
}

.collab-start > h2 { margin-bottom: 0; }
.collab-start > div p + p { margin-top: 18px; }

.collab-booking {
  margin-top: 0;
  padding-top: clamp(52px, 7vw, 84px);
  border-top: 1px solid var(--rule);
  background: transparent;
  color: var(--ink);
}

.collab-booking-head {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(340px, 1.2fr);
  gap: clamp(44px, 7vw, 88px);
  align-items: start;
  padding-top: 0;
  border: 0;
}

.collab-booking h2 {
  max-width: 15ch;
  margin: 0;
  color: var(--ink);
  font-size: clamp(2.4rem, 4.1vw, 4rem);
  font-weight: 550;
  letter-spacing: -.055em;
  line-height: 1.02;
}

.collab-booking-copy {
  max-width: 62ch;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.65;
}

.collab-booking-copy p { margin: 0; }
.collab-booking-copy p + p { margin-top: 18px; }

@media (max-width: 700px) {
  .collab-copy > h1 {
    max-width: 13ch;
    font-size: clamp(2.55rem, 11.8vw, 3.75rem);
    line-height: .97;
  }
  .collab-work-list article,
  .collab-start {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .collab-work > h2 { white-space: normal; }
  .collab-booking-head { grid-template-columns: 1fr; gap: 18px; }
  .collab-work > h2,
  .collab-start > h2 {
    margin-bottom: 30px;
  }
  .collab-start > div { grid-column: 1; }
  .collab-work-list article { padding: 24px 0; }
}