/* Clear, typographic secondary pages for the precision design direction. */
body.editorial-experiment main {
  background: var(--editorial-paper);
}
body.editorial-experiment main :is(.wrap, .lh-wrap) {
  width: calc(100% - var(--editorial-gutter) * 2);
  max-width: 1320px;
}
body.editorial-experiment
  :is(.lp-live, .services-overview, .live-access, .live-workshops) {
  --marketing-space: var(--editorial-space);
}
body.editorial-experiment
  :is(
    .review-services-intro,
    .live-intro,
    .lp-practice-hero,
    .lp-approach-hero,
    .lp-pricing-hero
  ) {
  padding-top: clamp(44px, 4.5vw, 64px);
  padding-bottom: clamp(32px, 3.5vw, 48px);
}
body.editorial-experiment
  :is(
    .review-services-intro,
    .live-intro,
    .lp-practice-opening,
    .lp-approach-opening
  )
  h1,
body.editorial-experiment .sp-pricing-hero h1 {
  max-width: 19ch;
  font-size: clamp(44px, 5.2vw, 76px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.025em;
}
body.editorial-experiment :is(.live-page-label, .lp-page-label) {
  margin-bottom: 18px;
  color: #5e6669;
  font-size: 12px;
  letter-spacing: 0.07em;
}
body.editorial-experiment
  :is(.live-intro, .review-services-intro)
  > p:last-child,
body.editorial-experiment .lp-deck {
  max-width: 66ch;
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.65;
}
body.editorial-experiment .lp-practice-hero,
body.editorial-experiment .lp-approach-hero {
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.65fr);
  gap: clamp(40px, 6vw, 100px);
  align-items: start;
}
body.editorial-experiment .lp-lead-portrait {
  height: clamp(240px, 24vw, 380px);
}
body.editorial-experiment .lp-lead-copy > p:nth-child(2) {
  font-size: 29px;
}
body.editorial-experiment .lh-practice h2 {
  font-size: clamp(34px, 3.2vw, 48px);
}
body.editorial-experiment .lh-services li a {
  padding-block: 28px;
}
body.editorial-experiment .lp-service {
  padding-block: clamp(40px, 5vw, 72px);
  border-color: var(--editorial-line);
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.3fr);
  gap: clamp(32px, 6vw, 88px);
}
body.editorial-experiment .lp-service-title h2 {
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.15;
}
body.editorial-experiment .lp-testimonial-grid {
  align-items: start;
}
body.editorial-experiment .lp-judgment-panel h2 {
  font-size: clamp(30px, 3vw, 42px);
}
body.editorial-experiment :is(.lp-protections, .lp-get-quote) {
  padding-block: 0 var(--editorial-space);
}
body.editorial-experiment :is(.lp-workflow, .lp-clients) {
  padding-block: clamp(32px, 4vw, 50px) var(--editorial-space);
}
body.editorial-experiment .lp-protections h2,
body.editorial-experiment .lp-clients h2 {
  font-size: clamp(32px, 3.5vw, 48px);
}
body.editorial-experiment .lp-pricing-hero.sp-pricing-hero {
  padding-block: clamp(44px, 4.5vw, 64px) 48px;
}
body.editorial-experiment .sp-pricing-hero > div:first-child {
  max-width: 1160px;
}
body.editorial-experiment .lp-fee-models h2 {
  font-size: clamp(30px, 3vw, 42px);
}
body.editorial-experiment .live-workshop-grid {
  min-height: 0;
  gap: clamp(36px, 5vw, 72px);
  align-items: end;
  padding-block: 48px 64px;
}
body.editorial-experiment .live-workshops .live-intro {
  padding: 0;
}
body.editorial-experiment .live-commentary {
  padding-block: 40px;
}
body.editorial-experiment .live-commentary blockquote {
  font-size: clamp(25px, 2.7vw, 36px);
  line-height: 1.45;
}
body.editorial-experiment .live-person-copy h2 {
  font-size: clamp(30px, 3vw, 44px);
}
body.editorial-experiment .live-biography-grid {
  gap: clamp(40px, 7vw, 108px);
  row-gap: 24px;
  grid-template-rows: min-content 1fr;
  grid-template-columns: minmax(240px, 330px) minmax(0, 1fr);
}
/* The longer profile column can end with a contact button against the footer. */
@media (width > 800px) {
  body.editorial-experiment .live-bio-story {
    padding-block-end: var(--editorial-space);
  }
}
body.editorial-experiment .live-bio-story h1 {
  font-size: clamp(44px, 5vw, 76px);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
body.editorial-experiment .live-bio-story > h2 {
  margin-block: 40px 18px;
}
body.editorial-experiment .live-bio-story > p + .live-bio-experience {
  margin-top: 24px;
}
body.editorial-experiment .live-bio-address > span {
  display: block;
}
body.editorial-experiment .live-bio-facts .live-bio-social {
  display: flex;
  align-items: center;
  gap: 12px;
}
body.editorial-experiment .live-bio-social a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  min-width: 44px;
  text-decoration: underline;
  text-underline-offset: 5px;
}
body.editorial-experiment .live-resource-card {
  padding-block: 40px;
}
body.editorial-experiment .live-resource-card h2 {
  font-size: clamp(34px, 3.5vw, 48px);
}
body.editorial-experiment .lr-page {
  padding-block: 52px var(--editorial-space);
}
body.editorial-experiment .lr-title {
  max-width: 24ch;
  font-size: clamp(38px, 4.5vw, 68px);
  line-height: 1.12;
  letter-spacing: -0.025em;
}
body.editorial-experiment .lr-prose {
  max-width: 72ch;
  font-size: 18px;
  line-height: 1.85;
}
@media (max-width: 900px) {
  body.editorial-experiment .live-workshop-grid {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  body.editorial-experiment .lp-service {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  body.editorial-experiment .lp-practice-hero,
  body.editorial-experiment .lp-approach-hero {
    grid-template-columns: 1fr;
  }
  body.editorial-experiment .lp-lead-portrait {
    height: 260px;
  }
  body.editorial-experiment .live-biography-grid {
    grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
    gap: 36px;
  }
}
@media (max-width: 720px) {
  body.editorial-experiment
    :is(
      .review-services-intro,
      .live-intro,
      .lp-practice-hero,
      .lp-approach-hero,
      .lp-pricing-hero
    ) {
    padding-block: 42px 36px;
  }
  body.editorial-experiment
    :is(
      .review-services-intro,
      .live-intro,
      .lp-practice-opening,
      .lp-approach-opening
    )
    h1,
  body.editorial-experiment .sp-pricing-hero h1 {
    font-size: clamp(40px, 9.4vw, 52px);
    line-height: 1.08;
  }
  body.editorial-experiment .lp-service {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  body.editorial-experiment .live-workshop-grid {
    padding-block: 42px 36px;
  }
  body.editorial-experiment .live-biography-grid,
  body.editorial-experiment .live-testimonials-grid {
    display: block;
  }
  body.editorial-experiment .live-bio-story {
    padding-top: 36px;
  }
  body.editorial-experiment .live-bio-facts {
    margin-top: 36px;
  }
  body.editorial-experiment .lr-title {
    font-size: clamp(35px, 8.5vw, 48px);
  }
  body.editorial-experiment .lr-prose {
    font-size: 17px;
  }
}