/* BOPELNEWS v1.4.13 — Editorial about page. Scoped to avoid header/article changes. */
.newsroom .editorial-nav a[aria-current="page"]{color:var(--brand,#2251b8)}
.newsroom .editorial-nav a[aria-current="page"]:after{width:100%}
.bopel-about{color:#122b51;background:#fff;font-family:inherit}
.bopel-about *{box-sizing:border-box}
.bopel-about .about-crumbs{display:flex;align-items:center;gap:10px;min-height:54px;font-size:11px;color:#71819b}
.bopel-about .about-crumbs a:hover{color:var(--brand,#2851bb)}
.bopel-about .about-hero{background:linear-gradient(118deg,#edf3fc 0%,#f7f9fe 58%,#e8effb 100%);overflow:hidden;border-top:1px solid #e0e8f5;border-bottom:1px solid #d9e3f2}
.bopel-about .about-hero-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);align-items:center;gap:36px;min-height:410px;padding-top:50px;padding-bottom:54px}
.bopel-about .about-eyebrow,.bopel-about .about-section-heading>span,.bopel-about .about-contact-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--brand,#2851bb)}
.bopel-about .about-eyebrow-line{width:26px;height:2px;background:currentColor;display:inline-block}
.bopel-about .about-hero h1{font-size:clamp(34px,4.7vw,60px);letter-spacing:-.055em;line-height:1.09;max-width:610px;margin:19px 0 19px;font-weight:800}
.bopel-about .about-hero h1 em{color:var(--brand,#2851bb);font-style:normal}
.bopel-about .about-hero-copy>p{color:#4f6180;font-size:clamp(14px,1.35vw,17px);line-height:1.85;max-width:640px;margin:0}
.bopel-about .about-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:26px}
.bopel-about .about-btn-primary,.bopel-about .about-btn-outline{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;text-align:left;padding:14px 18px;border-radius:4px;min-height:46px;font-size:12px;font-weight:750;transition:filter .15s,background .15s}
.bopel-about .about-btn-primary{color:#fff;background:var(--brand,#2851bb)}.bopel-about .about-btn-primary:hover{filter:brightness(.91)}
.bopel-about .about-btn-outline{color:var(--brand,#2851bb);border:1px solid #a6b8d8;background:#fff}.bopel-about .about-btn-outline:hover{background:#ecf2ff}
.bopel-about .about-text-link{font-weight:730;font-size:12px;color:#284879;white-space:nowrap}
.bopel-about .about-text-link:hover{text-decoration:underline}
.bopel-about .about-hero-art{width:100%;aspect-ratio:1.4;min-height:280px;max-height:340px;position:relative;isolation:isolate;background:radial-gradient(circle at 45% 50%,#e0eafa 0%,transparent 65%);display:flex;justify-content:center;align-items:center}
.bopel-about .about-hero-art:before{position:absolute;content:"";inset:12%;background-image:linear-gradient(#c8d6ed45 1px,transparent 1px),linear-gradient(90deg,#c8d6ed45 1px,transparent 1px);background-size:26px 26px;transform:rotate(-8deg);border-radius:16px;z-index:-1}
.bopel-about .about-art-orbit{border:1px solid #9db2d642;border-radius:50%;position:absolute;width:78%;aspect-ratio:1}.bopel-about .about-orbit-two{width:60%;border-color:#758fc344}
.bopel-about .about-art-center{width:142px;height:142px;display:grid;place-items:center;background:#12396c;color:#fff;box-shadow:0 24px 38px #10366a2b;border-radius:24px;transform:rotate(-8deg)}
.bopel-about .about-art-label{position:absolute;bottom:14px;right:6px;padding:15px 20px;background:#fff;box-shadow:0 12px 30px #193c701b;display:flex;flex-direction:column;gap:4px;font-size:15px;font-weight:800;letter-spacing:-.02em}.bopel-about .about-art-label span{font-size:9px;font-weight:700;letter-spacing:.19em;color:var(--brand,#2851bb)}
.bopel-about .about-intro-section,.bopel-about .about-standards-section{padding-top:76px;padding-bottom:79px}
.bopel-about .about-intro-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px}
.bopel-about .about-section-heading h2{margin:13px 0 0;font-size:clamp(27px,3vw,39px);font-weight:800;line-height:1.2;letter-spacing:-.045em}
.bopel-about .about-section-heading>p{font-size:14px;color:#63748f;max-width:600px;line-height:1.8;margin:14px 0 0}
.bopel-about .about-copy-column{font-size:15px;line-height:1.95;color:#52647f}.bopel-about .about-copy-column p{margin:0 0 16px}
.bopel-about .about-topics-section{padding:72px 0 80px;background:#f6f8fc;border-top:1px solid #e6ecf5;border-bottom:1px solid #e6ecf5}
.bopel-about .about-topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:31px}
.bopel-about .about-topic{position:relative;display:flex;flex-direction:column;min-height:183px;padding:22px 24px 24px;border:1px solid #dfe6f1;background:#fff;transition:transform .16s,border-color .16s,box-shadow .16s;min-width:0}
.bopel-about a.about-topic:hover{transform:translateY(-2px);border-color:#97acd0;box-shadow:0 9px 26px #12345e10}
.bopel-about .about-topic-num{font-size:11px;font-weight:850;color:var(--brand,#2851bb)}
.bopel-about .about-topic strong{font-size:19px;font-weight:800;letter-spacing:-.03em;line-height:1.25;margin:23px 20px 8px 0}
.bopel-about .about-topic>span:nth-last-child(2),.bopel-about .about-topic-empty>span{color:#718199;font-size:12px;line-height:1.6}
.bopel-about .about-topic-arrow{position:absolute;right:21px;top:21px;color:var(--brand,#2851bb);font-size:18px}
.bopel-about .about-section-lead{font-size:15px;line-height:1.9;color:#53637c;max-width:950px;margin:22px 0 34px}
.bopel-about .about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bopel-about .about-principles article{border-top:2px solid #cedaf0;padding:26px 14px 0 0}
.bopel-about .about-principle-icon{display:grid;place-items:center;width:46px;height:46px;color:var(--brand,#2851bb);background:#edf3ff;border-radius:10px}
.bopel-about .about-principle-icon svg{width:25px;height:25px}
.bopel-about .about-principles h3{font-size:17px;line-height:1.35;letter-spacing:-.02em;margin:20px 0 9px}.bopel-about .about-principles p{margin:0;color:#677894;font-size:13px;line-height:1.75}
.bopel-about .about-contact-section{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 37px;margin-bottom:75px;background:#122e54;color:#fff;border-radius:5px}
.bopel-about .about-contact-label{color:#b5d1ff}
.bopel-about .about-contact-main h2{margin:12px 0 10px;font-size:clamp(25px,2.7vw,35px);letter-spacing:-.04em;line-height:1.1}
.bopel-about .about-contact-main p{max-width:600px;font-size:13px;line-height:1.8;color:#dce7f7;margin:0}
.bopel-about .about-contact-actions{display:flex;align-items:stretch;flex-direction:column;gap:9px;flex:none;min-width:190px}
.bopel-about .about-contact-actions .about-btn-outline{background:#fff;color:#163c76;border-color:#fff}
.bopel-about a:focus-visible{outline:3px solid var(--brand,#2851bb);outline-offset:3px}
@media(max-width:950px){.bopel-about .about-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}.bopel-about .about-art-center{width:110px;height:110px}.bopel-about .about-topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bopel-about .about-contact-section{align-items:flex-start;flex-direction:column}.bopel-about .about-contact-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:700px){.bopel-about .about-hero-grid{grid-template-columns:1fr;padding-top:37px;padding-bottom:42px;gap:8px}.bopel-about .about-hero h1{font-size:clamp(34px,9vw,48px)}.bopel-about .about-hero-art{min-height:180px;max-height:230px}.bopel-about .about-art-center{width:90px;height:90px;border-radius:17px}.bopel-about .about-art-center svg{width:54px;height:54px}.bopel-about .about-art-label{font-size:12px;padding:10px 13px}.bopel-about .about-intro-section{display:block;padding-top:48px;padding-bottom:50px}.bopel-about .about-copy-column{margin-top:20px;font-size:14px}.bopel-about .about-topics-section{padding:50px 0}.bopel-about .about-standards-section{padding-top:54px;padding-bottom:50px}.bopel-about .about-principles{grid-template-columns:1fr;gap:25px}.bopel-about .about-principles article{padding-top:17px}.bopel-about .about-contact-section{padding:25px 22px;margin-bottom:45px}.bopel-about .about-topic strong{font-size:17px}}
@media(max-width:480px){.bopel-about .about-topics-grid{grid-template-columns:1fr}.bopel-about .about-topic{min-height:140px}.bopel-about .about-contact-actions{flex-direction:column;width:100%}.bopel-about .about-contact-actions a{width:100%}.bopel-about .about-hero-links{gap:16px}}
@media(prefers-reduced-motion:reduce){.bopel-about .about-topic,.bopel-about .about-btn-primary,.bopel-about .about-btn-outline{transition:none}}