/* Reference-led About layout: three content sizes, one quiet type family. */
body.about-aligned main{padding:20px 24px 36px}
body.about-aligned .inner-hero{display:flex;flex-direction:column;padding:0;border:0;background:transparent;gap:14px}
body.about-aligned .inner-hero .about-banner{order:-1;position:relative;display:grid;place-items:center;isolation:isolate;min-height:310px;border-radius:5px;overflow:hidden;background:#17232e}
body.about-aligned .about-banner::before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/chess-hero.png') 68% 55%/cover no-repeat;filter:grayscale(1);opacity:.62}
body.about-aligned .about-banner::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111b2580,#111b2526)}
body.about-aligned .about-banner p{font:400 32px/1.2 Arial,sans-serif!important;color:#fff;letter-spacing:-.035em}
body.about-aligned .inner-hero>.wrap{display:block;width:100%;max-width:none;padding:36px;background:#f0ece3;border-radius:5px}
body.about-aligned .inner-hero .crumb{display:none}
body.about-aligned main :is(h1,h2){font:400 32px/1.2 Arial,sans-serif!important;letter-spacing:-.035em;color:#17232e;max-width:850px;margin:0!important;text-wrap:pretty}
body.about-aligned main :is(p,.lead){font:400 16px/1.7 Arial,sans-serif!important;letter-spacing:0;color:#676761}
body.about-aligned .inner-hero .lead{margin:18px 0 0;max-width:760px}
body.about-aligned main .eyebrow{font:500 11px/1.5 Arial,sans-serif!important;color:#676761;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px!important;max-width:none}
body.about-aligned main .eyebrow::before{display:none}
body.about-aligned main>.two-col{display:block;width:100%;max-width:none;padding:44px 36px}
body.about-aligned main>.two-col>div:first-child{display:block}
body.about-aligned main>.two-col>div:last-child{margin-top:20px;max-width:880px}
body.about-aligned main>.two-col p{max-width:none}
body.about-aligned .soft-band{padding:36px;background:#f0ece3;border-radius:5px}
body.about-aligned .soft-band>.wrap{width:100%;max-width:none}
body.about-aligned .principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;align-items:stretch}
body.about-aligned .principle{background:#faf8f3;border:0;border-radius:3px;padding:24px;min-width:0}
body.about-aligned .principle>span{display:block;font:500 11px/1.5 Arial,sans-serif!important;color:#203f61;margin:0 0 22px;letter-spacing:.1em}
body.about-aligned .principle h3{font:600 16px/1.45 Arial,sans-serif!important;color:#17232e;letter-spacing:0;margin:0 0 12px}
body.about-aligned .principle p{margin:0}
body.about-aligned main .info-band{font:400 16px/1.7 Arial,sans-serif}
@media(max-width:760px){body.about-aligned main{padding:14px 16px 24px}body.about-aligned .inner-hero .about-banner{min-height:240px}body.about-aligned .inner-hero>.wrap,body.about-aligned .soft-band{padding:26px 22px}body.about-aligned main>.two-col{padding:34px 22px}body.about-aligned .principles{grid-template-columns:1fr}body.about-aligned .principle{padding:24px}body.about-aligned main :is(h1,h2){font-size:28px!important}body.about-aligned .about-banner p{font-size:28px!important}}
body.about-aligned main .about-banner p{font-size:32px!important;color:#fff;line-height:1.2}
@media(max-width:760px){body.about-aligned main .about-banner p{font-size:28px!important}}