/* Use Home hero layout, responsive sizes, overlay, and entrance animations. */
body[data-page="about"]{background:#fbfdfc}
.about-hero{display:block;padding:0}
.about-visual{margin:0}
.about-visual .responsive-media{height:100%;border-radius:0}
.about-visual .responsive-media img{filter:none}
.about-visual .responsive-media:after{display:none}
.about-hero .breadcrumb{position:absolute;inset:32px 0 auto;margin-inline:auto;color:#ffffffd9}
.about-hero .breadcrumb a{color:white}
.about-hero .eyebrow{text-transform:uppercase}
.about-hero .btn:focus-visible{outline-color:white}
.about-hero-caption{position:absolute;bottom:28px;inset-inline:0;display:flex;justify-content:flex-end;gap:20px;font-size:11px;color:#ffffffe0}
@media(max-width:640px){.about-hero .breadcrumb{top:24px;font-size:10px}.about-hero-caption{bottom:24px;font-size:9px;gap:8px;flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){.about-hero .btn:is(:hover,:focus-visible)>span[aria-hidden]{transform:translateY(3px)}}