/* Use the available reading width and keep sentence endings together. */
body.ms-experience-page[data-page="index.html"] #main #about .about-body {max-width:100%}
body.ms-experience-page[data-page="index.html"] #main #about .about-explanation>p {text-wrap:pretty}
body.ms-experience-page[data-page="index.html"] #main #about .phrase-unit {white-space:nowrap}
/* These four headings identify peer business areas. */
body.ms-experience-page[data-page="index.html"] #main :is(#services .service-row h3,#products .product-intro h3,#pilates .studio-copy h3) {
 font-family:var(--sans);font-size:24px;font-weight:600;line-height:1.65;letter-spacing:0;
}
body.ms-experience-page #main .case-dialog-copy blockquote p {text-wrap:pretty}
body.ms-experience-page[data-page="index.html"] #main #contact .contact-reply-note {
 margin:12px 0 0;font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.9;color:var(--muted);
}
/* Use the same compact image-and-copy relationship as the case entry. */
body.ms-experience-page[data-page="index.html"] #main #company .company-card {
 display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;
 gap:40px;width:100%;min-height:0;max-height:none;aspect-ratio:auto;
 padding:0 0 28px;border:0;border-bottom:1px solid var(--line);background:transparent;
}
body.ms-experience-page[data-page="index.html"] #main #company .company-photo {
 position:static;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/10;
 object-fit:cover;object-position:50% 50%;z-index:auto;opacity:1;
}
body.ms-experience-page[data-page="index.html"] #main #company .company-card-copy {
 position:static;width:auto;max-width:none;min-width:0;align-self:center;
}
body.ms-experience-page[data-page="index.html"] #main #company .company-name {margin:0 0 14px}
body.ms-experience-page[data-page="index.html"] #main #company .company-card h3 {
 display:flex;align-items:center;justify-content:flex-start;gap:24px;margin:0;
}
body.ms-experience-page[data-page="index.html"] #main #company .company-card h3>span {display:flex;flex:0 0 auto;color:var(--mint)}
body.ms-experience-page[data-page="index.html"] #main #company .company-card .link-arrow {width:22px;height:22px}
@media(max-width:1100px){
 body.ms-experience-page[data-page="index.html"] #main #company .company-card {gap:28px}
}
@media(max-width:760px){
 body.ms-experience-page[data-page="index.html"] #main :is(#services .service-row h3,#products .product-intro h3,#pilates .studio-copy h3) {font-size:21px}
 body.ms-experience-page[data-page="index.html"] #main #company .company-card {grid-template-columns:minmax(0,1fr);gap:20px;padding:0 0 24px}
 body.ms-experience-page[data-page="index.html"] #main #company .company-photo {aspect-ratio:16/9}
 body.ms-experience-page[data-page="index.html"] #main #company .company-card-copy {width:auto;align-self:auto}
 body.ms-experience-page[data-page="index.html"] #main #company .company-name {margin-bottom:10px}
}