.about-page .footer-nav [aria-current="page"]{color:var(--colour-teal);text-decoration:underline;} .about-hero h1{max-width:18ch;} .about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:26px;border-block:1px solid var(--colour-line);} .about-facts dt{font-size:14px;font-weight:600;} .about-facts dd{margin-top:6px;color:var(--colour-body);font-size:15px;} .about-person-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:88px;align-items:start;} .about-person-grid > *{min-width:0;} .about-person h2{font-size:clamp(38px,3.2vw,46px);} .about-person-meta{margin-top:22px;color:var(--colour-muted);font-size:16px;line-height:1.7;} .about-person-copy > p{font-size:18px;} .about-person-copy h3{margin-top:30px;font-size:21px;} .about-person-copy h3 + p{margin-top:14px;} .about-person-copy .text-link{margin-top:26px;} .about-story-copy p{font-size:18px;} .about-story-copy p + p{margin-top:22px;} .about-story-copy .text-link{margin-top:26px;} .about-business{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:88px;} .about-business-copy > p{margin-top:24px;font-size:18px;} .about-business-copy .text-link{margin-top:26px;} .about-business-details > div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px;padding-block:19px;border-top:1px solid var(--colour-line);} .about-business-details > div:last-child{border-bottom:1px solid var(--colour-line);} .about-business-details dt{font-size:14px;font-weight:600;} .about-business-details dd{min-width:0;color:var(--colour-body);font-size:16px;overflow-wrap:anywhere;} .about-business-details address{font-style:normal;} .about-work-link{margin-top:32px;} @media (max-width:1100px){.about-person-grid,.about-business{gap:48px;} } @media (max-width:900px){.about-person-grid,.about-business{grid-template-columns:1fr;gap:38px;} .about-person,.about-person-copy,.about-story-copy,.about-business-details{max-width:680px;} } @media (max-width:600px){.about-facts{grid-template-columns:1fr;gap:20px;padding-block:24px;} .about-person h2{font-size:34px;} .about-person-copy > p,.about-story-copy p,.about-business-copy > p{font-size:17px;} .about-business-details > div{grid-template-columns:72px minmax(0,1fr);gap:18px;} }