/* About Us exact approved hero treatment from public/css/premium-experience.css.
   Scoped to Flyttom About component; does not affect other CMS pages. */
.flyttom-about-approved.inner-hero { background:#f0f2fa !important; color:#26336b !important; overflow:hidden; }
.flyttom-about-approved.inner-hero .inner-hero-grid { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); min-height:490px; gap:65px; align-items:center; }
.flyttom-about-approved.inner-hero .inner-hero-copy { padding:42px 0 55px; }
.flyttom-about-approved.inner-hero .breadcrumb,
.flyttom-about-approved.inner-hero .eyebrow { color:#596078 !important; }
.flyttom-about-approved.inner-hero h1 { color:#26336b !important; font-size:clamp(44px,5vw,76px); line-height:1.04; letter-spacing:-.065em; }
.flyttom-about-approved.inner-hero p { color:#596078 !important; }
.flyttom-about-approved.inner-hero .inner-hero-photo { margin-block:40px; min-height:430px; align-self:stretch; }
.flyttom-about-approved.inner-hero .inner-hero-photo > img { position:absolute; inset:0; width:100%; max-width:none; height:100%; object-fit:cover; object-position:65% center; border-radius:50% 50% 0 0; }
.flyttom-about-approved.inner-hero .inner-photo-note { left:20px; bottom:20px; transform:none; }
/* The approved About manifesto's large f is navy blue, not brand red. */
.about-manifesto .about-seal { color:#26336b !important; background:#f0f2fa; }
.about-manifesto .about-seal span { color:#26336b; }
@media(max-width:900px) { .flyttom-about-approved.inner-hero .inner-hero-grid { gap:30px; } }
@media(max-width:767px) {
 .flyttom-about-approved.inner-hero .inner-hero-grid { grid-template-columns:1fr; min-height:auto; gap:0; }
 .flyttom-about-approved.inner-hero .inner-hero-copy { padding:36px 0 10px; }
 .flyttom-about-approved.inner-hero .inner-hero-photo { min-height:340px; margin-block:20px 0; }
 .flyttom-about-approved.inner-hero .inner-hero-photo > img { object-position:center; }
}