/* The studio's origin, approach, and growth share the newsroom's reading rhythm. */
.about-hero h1 {
  max-width:24ch;
}
.about-hero .about-opening {
  max-width:62ch;
  margin-top:34px;
}
.about-origin {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  align-items:start;
  gap:clamp(40px,6vw,90px);
}
.about-story-copy p:not(.eyebrow) {
  max-width:58ch;
  line-height:1.75;
}
.about-story-copy h2 {
  font-size:var(--compact-title);
}
.about-story-copy .about-story-emphasis {
  margin-top:32px;
  margin-bottom:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(23px,2.1vw,28px);
  line-height:1.4;
  letter-spacing:-.025em;
  color:var(--red);
}
.about-founder-portraits {
  gap:40px 24px;
  padding-top:6px;
}
.about-founder-portraits .person:nth-child(2) {
  margin-top:100px;
}
.about-founder-portraits .person-picture {
  margin-bottom:18px;
}
.about-founder-portraits .person-role {
  min-height:4.35em;
  font-size:12px;
}
.about-founder-portraits .person h3 {
  font-size:clamp(23px,2.2vw,30px);
}
.about-founder-portraits .person-biography p {
  font-size:15px;
}
.about-story-section {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:clamp(40px,7vw,100px);
}
.about-section-heading h2 {
  font-size:var(--section-title);
}
.about-approach,
.about-family {
  border-top:1px solid var(--rule);
}
.about-story-section .about-story-copy > :last-child {
  margin-bottom:0;
}
@media(max-width:1000px) {
  .about-origin {
    grid-template-columns:1fr;
    gap:42px;
  }
  .about-origin .about-story-copy {
    max-width:700px;
  }
  .about-founder-portraits {
    max-width:700px;
  }
  .about-founder-portraits .person:nth-child(2) {
    margin-top:0;
  }
  .about-founder-portraits .person-role {
    min-height:2.9em;
    font-size:14px;
  }
}
@media(max-width:700px) {
  .about-hero h1 {
    font-size:clamp(42px,7.5vw,60px);
    max-width:18ch;
  }
  .about-hero .about-opening {
    margin-top:28px;
  }
  .about-story-section {
    grid-template-columns:1fr;
    gap:32px;
  }
  .about-section-heading h2 {
    margin-bottom:0;
  }
}
@media(max-width:560px) {
  .about-founder-portraits {
    grid-template-columns:1fr;
    gap:32px;
  }
  .about-founder-portraits .person {
    display:grid;
    grid-template-columns:100px minmax(0,1fr);
    column-gap:20px;
  }
  .about-founder-portraits .person-picture {
    grid-column:1;
    grid-row:1 / 3;
    margin:0;
  }
  .about-founder-portraits .person-content {
    display:contents;
  }
  .about-founder-portraits .person-role {
    grid-column:2;
    min-height:0;
    font-size:12px;
  }
  .about-founder-portraits .person h3 {
    grid-column:2;
    align-self:end;
    font-size:24px;
    margin-bottom:0;
  }
  .about-founder-portraits .person-bio {
    grid-column:1 / -1;
    margin-top:18px;
  }
  .about-founder-portraits .person-biography {
    overflow-wrap:anywhere;
  }
  .about-founder-portraits .person-links a {
    font-size:12px;
  }
}