/* About Us carries the homepage services palette and 4:5 portrait photos. */
body[data-page="about"] #main{background:#F0F5FB;color:#0A215B}
body[data-page="about"] .page-intro .lead,
body[data-page="about"] .about-story p,
body[data-page="about"] .about-story li{color:#425267}
body[data-page="about"] .about-story h2,
body[data-page="about"] .about-standard-details h3{color:#0A215B}
body[data-page="about"] .about-story{border-top-color:#cbd7e7;padding-block:64px}
body[data-page="about"] .about-story:first-child{padding-top:16px}
body[data-page="about"] .about-stories{padding-bottom:48px}
body[data-page="about"] .about-story-photo{width:100%;max-width:480px;justify-self:end}
body[data-page="about"] .about-story.is-reversed .about-story-photo{justify-self:start}
body[data-page="about"] .about-photo-visual{position:relative;isolation:isolate;aspect-ratio:4/5;margin-right:18px}
body[data-page="about"] .about-photo-visual:before{content:"";position:absolute;z-index:-1;right:-18px;bottom:-18px;width:82%;height:90%;background:#F4455A}
body[data-page="about"] .about-story.is-reversed .about-photo-visual{margin-right:0;margin-left:18px}
body[data-page="about"] .about-story.is-reversed .about-photo-visual:before{right:auto;left:-18px}
body[data-page="about"] .about-story .about-photo-visual img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;border:0}
body[data-page="about"] .about-story figcaption{margin-top:30px;color:#596777}
body[data-page="about"] .about-story .inline-link{color:#0A215B;border-bottom-color:#F4455A}
body[data-page="about"] .about-story .inline-link:hover{color:#F4455A}
@media(max-width:760px){
  body[data-page="about"] .about-story{padding-block:42px;gap:30px}
  body[data-page="about"] .about-story-photo,
  body[data-page="about"] .about-story.is-reversed .about-story-photo{justify-self:center;max-width:420px}
  body[data-page="about"] .about-photo-visual{margin-right:14px}
  body[data-page="about"] .about-photo-visual:before{right:-14px;bottom:-14px}
  body[data-page="about"] .about-story.is-reversed .about-photo-visual{margin-left:14px}
  body[data-page="about"] .about-story.is-reversed .about-photo-visual:before{left:-14px}
  body[data-page="about"] .about-story figcaption{margin-top:26px}
}