.about-public-page { margin:0; color:#17333f; background:#fcfbf7; font-family:"Segoe UI",Arial,sans-serif; font-size:15px; line-height:1.75; }
.about-public-page *, .about-public-page *::before, .about-public-page *::after { box-sizing:border-box; }
.about-public-page a { text-decoration:none; }
.about-public-page a:focus-visible, .about-public-page button:focus-visible, .about-public-page select:focus-visible { outline:3px solid #d99a2b; outline-offset:4px; }
.about-container { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }
.about-skip-link { position:fixed; top:-100px; left:16px; z-index:6000; padding:10px 18px; background:white; color:#062f3f; }
.about-skip-link:focus { top:16px; }
.about-site-header { color:white; background:#062f3f; border-bottom:1px solid #ffffff20; }
.about-site-header .navbar { min-height:92px; padding-block:16px; }
.about-site-brand { display:inline-flex; align-items:center; gap:12px; color:white; flex-shrink:0; }
.about-site-brand:hover { color:white; }
.about-site-brand img { width:52px; height:52px; object-fit:contain; background:white; border-radius:9px; }
.about-site-brand strong { display:block; font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:500; line-height:1.3; }
.about-site-brand small { display:block; color:#d2dddf; font-size:10px; letter-spacing:1.5px; margin-top:4px; text-transform:uppercase; }
.about-header-actions { display:flex; align-items:center; gap:12px; order:3; margin-left:24px; }
.about-site-header .public-language-select { border:1px solid #ffffff40; border-radius:6px; color:white; background:#ffffff0c; padding:7px 9px; font-size:13px; }
.about-site-header .public-language-select option { color:#17333f; background:white; }
.about-site-header .navbar-nav { gap:13px; }
.about-site-header .nav-link { color:#e5ecee; font-size:13px; padding:10px 4px; }
.about-site-header .nav-link:hover, .about-site-header .nav-link.active { color:#ffd36c; }
.about-site-header .navbar-toggler { width:44px; height:44px; font-size:16px; }
.about-hero { border-bottom:1px solid #e7e5dc; background:linear-gradient(115deg,#f8f4e9,#fcfbf7); padding:36px 0 64px; }
.about-hero-grid { display:grid; grid-template-columns:1.45fr 1fr; gap:90px; align-items:center; }
.about-breadcrumb { display:flex; gap:12px; font-size:12px; color:#617079; margin-bottom:45px; }
.about-breadcrumb a { color:#17333f; }
.about-eyebrow { color:#87621d; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.7px; margin-bottom:16px; }
.about-public-page h1, .about-public-page h2, .about-public-page h3 { font-family:Georgia,"Times New Roman",serif; color:#062f3f; font-weight:500; }
.about-public-page h1 { font-size:clamp(34px,4.2vw,57px); line-height:1.13; letter-spacing:-1.8px; margin-bottom:24px; max-width:700px; }
.about-public-page h1 em { color:#886221; font-style:normal; }
.about-intro { max-width:610px; color:#53656e; font-size:16px; line-height:1.85; margin-bottom:28px; }
.about-button { display:inline-flex; align-items:center; justify-content:center; gap:22px; padding:13px 22px; min-height:48px; color:white; background:#062f3f; border:1px solid #062f3f; border-radius:5px; font-size:13px; font-weight:600; }
.about-button:hover { color:white; background:#104559; }
.about-brand-card { border:1px solid #e1d9c5; background:#fffefb; border-radius:12px; padding:40px 32px 32px; text-align:center; box-shadow:0 15px 45px #17333f08; }
.about-brand-card img { display:block; width:140px; height:140px; object-fit:contain; margin:24px auto 18px; }
.about-card-rule { display:block; width:44px; height:2px; background:#d8a245; margin:auto; }
.about-card-name { font-family:Georgia,"Times New Roman",serif; font-size:29px; line-height:1.3; margin:0 0 9px; color:#062f3f; }
.about-card-tagline { font-size:10px; letter-spacing:1.8px; color:#6a7068; text-transform:uppercase; margin-bottom:23px; }
.about-card-note { font-size:13px; color:#53656e; max-width:300px; margin:22px auto 0; }
.about-purpose { display:grid; grid-template-columns:1fr 1.1fr; gap:70px; align-items:center; padding-block:72px; }
.about-public-page h2 { font-size:34px; line-height:1.2; margin-bottom:20px; }
.about-purpose-copy > p:last-child { color:#53656e; margin-bottom:0; }
.about-services { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.about-services article { padding:28px 24px; border:1px solid #e3e5dc; background:white; border-radius:8px; }
.about-service-icon { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; background:#f5efdf; color:#87621d; border-radius:8px; margin-bottom:22px; }
.about-services h3 { font-size:22px; margin-bottom:13px; }
.about-services p { font-size:14px; color:#53656e; margin:0; }
.about-statements { display:grid; grid-template-columns:1fr 1fr; border-block:1px solid #e3e5dc; padding-block:40px; }
.about-statements article { display:flex; gap:25px; padding:10px 35px 10px 0; }
.about-statements article + article { padding-left:35px; padding-right:0; border-left:1px solid #e3e5dc; }
.about-statement-number { font-family:Georgia,"Times New Roman",serif; color:#87621d; font-size:32px; line-height:1.2; }
.about-statements h2 { font-size:28px; }
.about-statements p:last-child { color:#53656e; margin:0; }
.about-statements .about-eyebrow { margin-bottom:10px; }
.about-connect { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-block:64px; padding:38px 42px; background:#edf1eb; border-radius:10px; }
.about-connect h2 { margin-bottom:10px; }
.about-connect p:last-child { color:#53656e; margin-bottom:0; max-width:630px; }
.about-connect-actions { display:flex; flex-shrink:0; align-items:center; gap:25px; }
.about-connect-actions > a:last-child { color:#17333f; font-size:13px; padding:12px 0; text-decoration:underline; }
@media (max-width:1100px) { .about-hero-grid { gap:40px; } .about-purpose { gap:35px; } .about-site-header .navbar-nav { gap:5px; } .about-site-brand strong { font-size:19px; } }
@media (max-width:991.98px) {
    .about-site-header .navbar { min-height:76px; padding-block:12px; }
    .about-header-actions { margin-left:auto; order:2; }
    .about-site-header .navbar-collapse { order:4; flex-basis:100%; padding-top:15px; }
    .about-site-header .nav-link { min-height:44px; padding:10px 4px; }
    .about-hero-grid { grid-template-columns:1.3fr 1fr; gap:30px; }
    .about-brand-card { padding:30px 18px; }
    .about-brand-card img { width:100px; height:100px; }
    .about-card-name { font-size:24px; }
    .about-purpose { grid-template-columns:1fr; padding-block:48px; }
    .about-connect { flex-direction:column; align-items:flex-start; gap:24px; }
}
@media (max-width:767.98px) {
    .about-container { width:calc(100% - 36px); }
    .about-site-brand img { width:44px; height:44px; }
    .about-hero { padding:22px 0 35px; }
    .about-hero-grid { grid-template-columns:1fr; gap:30px; }
    .about-breadcrumb { margin-bottom:30px; }
    .about-public-page h1 { letter-spacing:-1px; font-size:38px; }
    .about-intro { font-size:15px; }
    .about-brand-card { padding:25px 24px; }
    .about-brand-card img { width:90px; height:90px; margin:18px auto; }
    .about-brand-card .about-card-note { max-width:340px; }
    .about-services { gap:14px; }
    .about-services article { padding:23px 18px; }
    .about-services h3 { font-size:21px; }
    .about-public-page h2 { font-size:30px; }
    .about-statements { grid-template-columns:1fr; gap:26px; padding-block:30px; }
    .about-statements article, .about-statements article + article { padding:0; border-left:0; gap:20px; }
    .about-statements article + article { border-top:1px solid #e3e5dc; padding-top:26px; }
    .about-statements h2 { font-size:26px; }
    .about-connect { margin-block:38px; padding:28px 24px; }
}
@media (max-width:480px) { .about-services { grid-template-columns:1fr; } .about-service-icon { margin-bottom:17px; } .about-connect-actions { flex-wrap:wrap; gap:20px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }