/* Alternative 2: a continuous brand story, isolated from the active site. */
body.brand-system .about-story{--as-ink:#172d46;--as-blue:#245577;--as-text:#45617e;--as-pale:#eef4f8;--as-line:#d8e3ea;padding-bottom:44px}
body.brand-system .about-story .company-subnav{margin-bottom:42px}
body.brand-system .about-story .as-opening{padding:0 0 42px;max-width:940px}
body.brand-system .about-story .as-opening h1{font:400 clamp(36px,4.4vw,56px)/1.12 Arial,sans-serif;letter-spacing:-.04em;max-width:24ch;margin:0 0 28px;text-wrap:pretty}
body.brand-system .about-story p.as-lead{font-size:20px;line-height:1.7;color:var(--as-ink);max-width:63ch;margin:0}
body.brand-system .about-story .as-origin{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center;padding:0 0 52px}
body.brand-system .about-story .as-photo{margin:0;min-width:0}
body.brand-system .about-story .as-photo img{display:block;width:100%;height:auto;aspect-ratio:640/424;object-fit:cover;object-position:50% 50%;border-radius:10px}
body.brand-system .about-story .as-photo figcaption{font-size:12px;line-height:1.6;color:var(--as-text);margin-top:12px}
body.brand-system .about-story .as-origin h2{font-size:29px;line-height:1.25;letter-spacing:-.025em;margin-bottom:22px}
body.brand-system .about-story .as-origin p{max-width:49ch}
body.brand-system .about-story .as-chapter{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;padding:38px 0 40px;border-top:1px solid var(--as-line)}
body.brand-system .about-story .as-chapter h2{font-size:28px;max-width:20ch;margin:0}
body.brand-system .about-story .as-chapter-copy{min-width:0}
body.brand-system .about-story .as-chapter-copy p{max-width:64ch}
body.brand-system .about-story .sector-list{gap:2px 26px;margin:12px 0 0!important}
body.brand-system .about-story .sector-list li{font-size:15px;line-height:1.6;padding:8px 0}
body.brand-system .about-story .as-proof{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;background:var(--as-pale);padding:30px 34px;margin-top:8px;border-left:3px solid #af862e}
body.brand-system .about-story .as-proof h2{font-size:26px;margin-bottom:12px}
body.brand-system .about-story .as-proof p{font-size:15px;line-height:1.7;max-width:49ch}
body.brand-system .about-story .as-proof-links{display:flex;flex-direction:column;align-items:stretch}
body.brand-system .about-story .as-proof-links a{display:flex;justify-content:space-between;gap:20px;min-height:48px;padding:10px 0;border-bottom:1px solid #cad9e3;text-decoration:none;font-size:15px}
body.brand-system .about-story .as-proof-links a:last-child{border-bottom:0}
body.brand-system .about-story .as-proof-links a:hover{text-decoration:underline;text-underline-offset:5px}
body.brand-system .about-story .as-proof-links span{font-size:19px}
body.brand-system .about-story .as-technology{margin-top:40px;padding:25px 0}
body.brand-system .about-story .as-technology h2{font-size:16px;font-weight:400;color:var(--as-text);margin-bottom:20px}
body.brand-system .about-story .technology-grid{gap:18px}
/* WCAG 2.4.7: show the keyboard focus on each native link. */
body.brand-system .about-story a:focus-visible{outline:3px solid var(--as-blue);outline-offset:5px}
/* WCAG 1.4.10: preserve reading order when columns become a single stream. */
@media(max-width:1000px){
 body.brand-system .about-story .as-opening{max-width:850px;padding-bottom:36px}
 body.brand-system .about-story .as-origin{gap:32px;align-items:start}
 body.brand-system .about-story .as-origin h2{font-size:26px}
 body.brand-system .about-story .as-chapter{gap:34px;grid-template-columns:.76fr 1.24fr}
 body.brand-system .about-story .as-proof{gap:32px;padding:28px}
 body.brand-system .about-story .technology-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:760px){
 body.brand-system .about-story .company-subnav{margin-bottom:30px}
 body.brand-system .about-story .as-opening{padding-bottom:28px}
 body.brand-system .about-story .as-opening h1{font-size:38px;margin-bottom:20px}
 body.brand-system .about-story p.as-lead{font-size:18px;line-height:1.7;max-width:45ch}
 body.brand-system .about-story .as-origin{grid-template-columns:1fr;gap:30px;padding-bottom:30px}
 body.brand-system .about-story .as-origin h2{font-size:27px;max-width:24ch}
 body.brand-system .about-story .as-origin p{max-width:64ch}
 body.brand-system .about-story .as-photo img{border-radius:9px}
 body.brand-system .about-story .as-chapter{grid-template-columns:1fr;gap:18px;padding:28px 0 30px}
 body.brand-system .about-story .as-chapter h2{font-size:26px;max-width:none}
 body.brand-system .about-story .as-proof{grid-template-columns:1fr;gap:18px;padding:26px 24px;margin-top:4px}
 body.brand-system .about-story .as-proof h2{font-size:24px}
 body.brand-system .about-story .as-proof p{max-width:50ch}
 body.brand-system .about-story .as-technology{margin-top:30px;padding:24px 0}
 body.brand-system .about-story .technology-grid{gap:12px 18px}
 body.brand-system .about-story .technology-grid img{height:40px}
}
@media(max-width:420px){
 body.brand-system .about-story .as-opening h1{font-size:34px;letter-spacing:-.035em}
 body.brand-system .about-story p.as-lead{font-size:17px}
 body.brand-system .about-story .as-proof{padding:24px 20px}
}
/* WCAG 2.3.3: retain the site's reduced-motion behavior; no new animation. */
@media(prefers-reduced-motion:reduce){body.brand-system .about-story *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Approved A: sector copy left, existing scroll-linked emblem right. */
body.brand-system .about-story .as-sectors.cross-a{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:64px;align-items:center;padding:36px 0;margin-bottom:10px}
body.brand-system .about-story .cross-a .cross-copy{min-width:0}
body.brand-system .about-story .cross-a h2{max-width:none;margin:0 0 18px}
body.brand-system .about-story .cross-a p{max-width:49ch}
body.brand-system .about-story .cross-a .sector-list{gap:4px 26px;margin-top:18px!important;max-width:54ch}
body.brand-system .about-story .cross-a .cross-art{display:flex;align-items:center;justify-content:center;min-width:0;min-height:300px}
body.brand-system .about-story .cross-a .company-emblem{width:280px;max-width:100%;height:auto;margin:0;opacity:1;flex:none}
body.brand-system .about-story .cross-a .company-emblem svg{width:100%;height:auto;display:block;overflow:visible}
@media(max-width:1000px){body.brand-system .about-story .as-sectors.cross-a{gap:32px}body.brand-system .about-story .cross-a .company-emblem{width:240px}}
/* WCAG 1.4.10: emblem remains visible below the text on narrow screens. */
@media(max-width:760px){body.brand-system .about-story .as-sectors.cross-a{grid-template-columns:1fr;gap:22px;padding:28px 0}body.brand-system .about-story .cross-a .cross-art{min-height:0;padding:8px 0;border:0}body.brand-system .about-story .cross-a .company-emblem{width:230px;max-width:85%}}