/*
 * Page overrides for About section homepage.
 *
 * Extracted from the page's own style block during migration. These sit on top
 * of the shared `fbi-fb-*` stylesheets and repaint the shared structures for
 * this page. Loaded by any shared-system widget set to this page.
 */

/* ===== ANIMATED GRADIENT HEADINGS ===== */
@media(prefers-reduced-motion:reduce){.fbab .ghead,.fbab .ghead-w{animation:none}}

/* ===== HERO ===== */

/* ===== SECTIONS ===== */
.fbab .kicker::before{content:"";width:32px;height:2px;border-radius:2px;
background:linear-gradient(90deg,var(--cyan),var(--blue))}
.fbab .prose p{color:var(--mut);margin-bottom:16px;font-size:15.7px}

/* Overview: text + image */
.fbab .imgframe{position:relative}
.fbab .imgframe::before{content:"";position:absolute;inset:22px -22px -22px 22px;border-radius:16px;
background:linear-gradient(135deg,rgba(46,176,231,.16),rgba(0,102,204,.1));z-index:0}
.fbab .imgframe img{position:relative;z-index:1;width:100%;border-radius:16px;
box-shadow:0 20px 48px rgba(4,24,83,.18);object-fit:cover;aspect-ratio:4/3}
.fbab .imgbadge{position:absolute;z-index:2;left:-16px;bottom:26px;background:#fff;
border-radius:12px;padding:14px 20px;box-shadow:0 12px 30px rgba(4,24,83,.16);
display:flex;align-items:center;gap:12px;border:1px solid var(--line)}
.fbab .imgbadge .dot{width:38px;height:38px;border-radius:10px;flex:0 0 38px;
background:linear-gradient(135deg,var(--cyan),var(--blue));display:flex;align-items:center;justify-content:center}
.fbab .imgbadge .dot svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fbab .imgbadge b{font-family:'IBM Plex Sans',sans-serif;font-size:14px;color:var(--navy);
display:block;line-height:1.3;font-weight:700}
.fbab .imgbadge span{font-size:12px;color:var(--mut)}

/* Stats band */

/* Centered head + cards */

/* Consulting split + panel */

/* CTA */

@media(max-width:940px){
.fbab .imgframe::before{inset:16px -14px -14px 16px}}
@media(max-width:620px){
/* The badge was pinned by `left` only, so once its label wrapped it grew to
   the right with nothing to stop it and pushed past the image. Binding both
   edges lets it wrap inside the frame instead. */
.fbab .imgbadge{left:10px;right:10px;bottom:14px;padding:11px 15px}
/* The offset panel sits 14px to the right of the image, which is decoration
   at desktop widths and an overflow on a 360px screen. */
.fbab .imgframe::before{inset:12px 0 -12px 12px}}


/* ---- HOME EXTRAS ---- */
/* Stats inline under about */

/* Industry cards */

/* Cert showcase strip */

/* Sustainability (green-tinted) */

/* Labs (dark) */

/* Targets with progress */

/* Technical excellence */