/* About-page content uses the same container and type scale as the site. */
.company-story,
.company-mission{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px}
.company-story{border-top:1px solid var(--line);padding-block:36px 48px}
.company-story h2,
.company-mission h2{font-size:26px;line-height:1.3}
.company-story p{font-size:17px;line-height:1.8;color:var(--muted)}
.company-story p+p{margin-top:18px}
.company-mission{padding:36px;background:var(--dark);color:var(--paper);align-items:start}
.company-mission p{font-size:21px;line-height:1.65;letter-spacing:-.015em}
.about-section{padding-block:48px}
.about-section+.about-section{border-top:1px solid var(--line)}
.about-section>h2{font-size:var(--section-title-size);margin-bottom:28px}
.about-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.about-activities{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.about-columns article{border-top:1px solid var(--line);padding-top:20px;min-width:0}
.about-columns h3{font-size:23px;line-height:1.35;margin-bottom:14px}
.about-columns p{color:var(--muted);font-size:16px;line-height:1.75}
.about-activities article{display:flex;flex-direction:column;align-items:flex-start}
.about-activities p{margin-bottom:22px}
.about-activities .text-link{margin-top:auto;font-weight:500}
.about-activities .text-link svg{width:18px;height:18px;flex-shrink:0}
.about-principles{padding-bottom:40px}
.about-company-details{border-top:1px solid var(--line)}
@media(max-width:900px){
  .company-story,.company-mission{grid-template-columns:minmax(0,1fr);gap:22px}
  .about-columns{gap:24px}
  .about-columns h3{font-size:21px}
}
@media(max-width:700px){
  .company-story{padding-block:28px 32px}
  .company-story h2,.company-mission h2{font-size:24px}
  .company-story p{font-size:16px}
  .company-mission{padding:26px 24px;gap:18px}
  .company-mission p{font-size:18px;line-height:1.75}
  .about-section{padding-block:36px}
  .about-section>h2{margin-bottom:24px}
  .about-columns,.about-activities{grid-template-columns:minmax(0,1fr);gap:28px}
  .about-columns h3{font-size:22px}
}
