/* About is a self-contained navy/gold editorial surface in every appearance mode. */
#page-about{--about-ink:#eef2f8;--about-muted:#b4c0d1;--about-gold:#d9bd79;--about-line:#2a3a51;background:#071329;color:var(--about-ink);padding:clamp(28px,5vw,72px);margin-block:32px 0;border:1px solid var(--about-line)}
#page-about .about-hero{padding-bottom:44px;max-width:850px}
#page-about .about-kicker{margin:0 0 24px;color:var(--about-gold);font-size:11px;font-weight:650;line-height:1.6;letter-spacing:.14em;text-transform:uppercase}
#page-about h1{margin:0 0 24px;max-width:21ch;color:var(--about-ink);font-size:clamp(32px,3.6vw,52px);line-height:1.12;letter-spacing:-.035em;font-weight:550;text-wrap:balance}
#page-about .about-lead{max-width:60ch;margin:0;color:#c6d1e0;font-size:clamp(16px,1.35vw,18px);line-height:1.75;text-wrap:pretty}
#page-about .about-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;border-top:1px solid var(--about-line);padding-block:34px 40px}
#page-about .about-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:40px;padding-block:34px;border-top:1px solid var(--about-line)}
#page-about h2{color:var(--about-ink);font-size:21px;line-height:1.35;letter-spacing:-.015em;font-weight:550;margin:0 0 14px;text-wrap:balance}
#page-about .about-number{display:block;color:var(--about-gold);font-size:11px;line-height:1.5;letter-spacing:.09em;margin-bottom:12px;font-variant-numeric:tabular-nums}
#page-about p{color:var(--about-muted);font-size:15px;line-height:1.8;margin:0;max-width:66ch;text-wrap:pretty}
#page-about .about-basis{margin-top:22px;padding:20px 22px;background:#101f36;border-left:2px solid var(--about-gold)}
#page-about h3{margin:0 0 8px;color:var(--about-gold);font-size:13px;line-height:1.5;font-weight:650}
#page-about .about-basis p{font-size:14px}
#page-about .about-copy p+p{margin-top:16px}
#page-about .about-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}
#page-about a{color:var(--about-gold);font-size:13px;line-height:1.7;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#817249}
#page-about a:hover{color:#f5dda8;text-decoration-color:currentColor}
#page-about a:focus-visible{outline:2px solid var(--about-gold);outline-offset:5px}
#page-about .about-legal{border-top:1px solid var(--about-line);padding-top:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:40px}
#page-about .about-legal h2{font-size:15px;margin:0 0 12px}
#page-about .about-legal p,#page-about address{color:#9eafc5;font-size:12px;line-height:1.85;font-style:normal}
#page-about address{margin-top:12px}
#page-about .about-legal a{font-size:12px;overflow-wrap:anywhere}
/* Stack before translated headings become cramped in the label column. */
@media(min-width:901px){body[data-surface=marketing]:has(#page-about.active) main{max-width:1220px}}
@media(max-width:900px){
 #page-about{margin-top:20px;padding:30px 22px}
 #page-about .about-hero{padding-bottom:30px}
 #page-about .about-kicker{font-size:10px;margin-bottom:18px;letter-spacing:.1em}
 #page-about h1{font-size:34px;max-width:23ch;line-height:1.16;letter-spacing:-.025em}
 #page-about .about-lead{font-size:16px;line-height:1.7}
 #page-about .about-intro{grid-template-columns:1fr;gap:28px;padding-block:28px}
 #page-about .about-section,#page-about .about-legal{grid-template-columns:1fr;gap:12px;padding-block:28px}
 #page-about h2{font-size:21px;margin-bottom:10px}
 #page-about p{font-size:14px;line-height:1.8}
 #page-about .about-number{margin-bottom:8px}
 #page-about .about-basis{padding:17px 16px}
 #page-about .about-legal{gap:22px;padding-bottom:0}
}
@media(max-width:360px){#page-about{padding-inline:17px}#page-about h1{font-size:30px}}
@media print{#page-about{background:white;color:#10233c;border-color:#ddd}#page-about :is(h1,h2){color:#10233c}#page-about :is(p,address){color:#344258}#page-about .about-basis{background:#f1f3f7}#page-about .about-section{break-inside:avoid}}