/* About Us rollout. Geometry is shared in hero-standards.css. */
.about-standards { background: #fff; color: #3668b0; }
.about-standards #preloader { display: none !important; }
.about-standards .about-section { padding: 80px 0; color: #3668b0; }
.about-white { background: #fff; }
.about-gray { background: #f8f8f8; }
.about-standards .about-section :is(h2,h3,h4,h5,h6,p,li) { color: #3668b0; }
.about-standards :is(.about-section,.about-hero) a:not(.btn) { color: #3668b0; text-decoration: underline; text-underline-offset: 3px; }
.about-standards :is(.about-section,.about-hero) .btn { display: inline-block; background: #087b23 !important; border: 2px solid #087b23 !important; color: #fff !important; padding: 12px 24px; border-radius: 6px; font-weight: 600; white-space: normal; max-width: 100%; transition: background-color .2s,border-color .2s; }
.about-standards :is(.about-section,.about-hero) .btn:is(:hover,:focus-visible,:active) { background: #06631c !important; border-color: #06631c !important; }
.about-standards :is(a,button,summary):focus-visible { outline: 3px solid #3668b0; outline-offset: 4px; }
.about-standards .about-hero .standard-hero-copy :is(h1,h6,p) { color: #fff; }
.about-hero .about-eyebrow { font-size: .85rem; line-height: 1.5; font-weight: 600; }
.about-hero .standard-hero-copy p:last-child { margin-bottom: 0; }
.about-standards .about-hero :is(a,button):focus-visible { outline-color: #fff; }
.about-story-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); align-items: center; gap: 60px; }
.about-team-photo { display: block; width: 100%; height: auto; border-radius: 16px; }
.about-team-invitation { padding: 24px 0 0 20px; margin-top: 24px; border-left: 3px solid #049b22; }
.about-team-invitation h3 { margin-top: 0 !important; }
.about-split-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-checklist ul { list-style: none; margin: 0; padding: 0; }
.about-checklist li { position: relative; padding-left: 30px; margin-bottom: 20px; line-height: 1.6; }
.about-checklist li:last-child { margin-bottom: 0; }
.about-checklist li:before { content: '\2713'; position: absolute; left: 0; top: -2px; color: #049b22; font-size: 1.4rem; font-weight: 700; }
.about-open-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.about-open-columns > div + div { border-left: 1px solid rgb(54 104 176 / 24%); padding-left: 56px; }
.about-open-columns h2 { margin-top: 0 !important; }
.about-open-columns ul { padding-left: 20px; }
.about-open-columns li { margin-bottom: 10px; }
.about-section-intro { max-width: 920px; margin-bottom: 36px; }
.about-section-intro h2 { margin-top: 0 !important; }
.about-values { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 64px; list-style: none; padding: 0; margin: 0; }
.about-values li { display: flex; align-items: start; gap: 18px; font-size: 1.05rem; line-height: 1.6; }
.about-values li > span { color: #049b22; font-size: 1.5rem; line-height: 1.2; }
.about-services-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px 48px; }
.about-services-list li { display: flex; gap: 16px; align-items: start; padding-bottom: 20px; border-bottom: 1px solid rgb(54 104 176 / 24%); }
.about-services-list i { font-size: 1.5rem; min-width: 28px; margin-top: 3px; }
.about-team-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.about-person { display: flex; flex-direction: column; background: #3668b0; border-radius: 18px; padding: 0 10px 10px; overflow: hidden; box-shadow: 0 5px 16px rgb(0 0 0 / 7%); }
.about-person-header { padding: 24px 0 36px; display: flex; justify-content: center; }
.about-person-portrait { width: 160px; height: 160px; overflow: hidden; border-radius: 50%; background: #fff; box-shadow: 0 0 0 5px #fff; }
.about-person .about-person-photo { display: block; width: 228px; height: 228px; max-width: none; transform: translate(-34px,-34px); }
.about-person-copy { flex: 1; background: #fff; border-radius: 12px; margin-top: -16px; padding: 28px; }
.about-person-copy h3 { margin-top: 0 !important; font-size: 1.4rem; }
.about-person-copy h6 { font-size: .95rem; font-weight: 600; }
.about-person-copy p { font-size: .95rem; line-height: 1.7; }
.about-faq .aeo-section-heading { color: #3668b0; margin-top: 0; }
.about-faq .aeo-section-intro { margin: 16px 0 28px; }
.about-faq .aeo-accordion { border-top: 1px solid rgb(54 104 176 / 25%); }
.about-faq .aeo-item { border-bottom: 1px solid rgb(54 104 176 / 25%); }
.about-faq .aeo-item summary { list-style: none; cursor: pointer; padding: 22px 24px; display: flex; gap: 24px; justify-content: space-between; align-items: center; color: #3668b0; background: #fff; }
.about-faq .aeo-item summary::-webkit-details-marker { display: none; }
.about-faq .aeo-item summary h3 { margin: 0; font: 600 1.1rem/1.5 'Open Sans',sans-serif; color: inherit; }
.about-faq .aeo-item summary::after { content: '+'; font-size: 1.5rem; flex-shrink: 0; }
.about-faq .aeo-item[open] summary { color: #fff; background: #3668b0; }
.about-faq .aeo-item[open] summary::after { content: '\2212'; }
.about-faq .aeo-answer { padding: 24px; line-height: 1.7; }
.about-faq .aeo-answer p { margin-bottom: 0; }
.about-cta-panel { padding: 48px; border-radius: 20px; background: #3668b0; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-standards .about-cta-panel :is(h2,h4,p) { color: #fff; }
.about-cta-panel h2 { font-size: 1.8rem; line-height: 1.3; margin-top: 0 !important; }
.about-cta-panel h4 { font-size: .95rem; }
.about-get-started { border-left: 1px solid rgb(255 255 255 / 40%); padding-left: 40px; }
.about-get-started p:last-child { margin-bottom: 0; }
.about-standards .main-header .sticky-header { background: #04347c !important; }
.about-standards .main-header .main-menu > li > .nav-link { color: #fff !important; }
.about-standards .main-header .nav-cta-button { background: #087b23 !important; border-color: #087b23 !important; color: #fff !important; }
.about-standards .main-header .nav-cta-button:is(:hover,:focus-visible) { background: #06631c !important; border-color: #06631c !important; }
.about-standards .main-header .mobile-nav-link, .about-standards .main-header .dropdown-link { color: #3668b0 !important; }
.about-standards .main-header .sticky-header :is(a,button):focus-visible { outline-color: #fff; }
.about-standards .footer-section .footer-top { background: #04347c !important; }
.about-standards .footer-section .footer-top :is(h4,p,li) { color: #fff; }
.about-standards .footer-section .footer-top a { color: #5dd679; text-decoration: underline; text-underline-offset: 3px; }
.about-standards .footer-section .footer-bottom, .about-standards .footer-section .footer-bottom p { background: #f8f8f8; color: #3668b0; }
.about-standards .footer-section .footer-bottom a { color: #3668b0; }
.about-standards .footer-top a:focus-visible { outline-color: #fff; }
@media (max-width:991px) {
  .about-story-layout, .about-split-layout { grid-template-columns: 1fr; gap: 32px; }
  .about-team-feature { max-width: 640px; }
  .about-services-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-team-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-team-grid > article:last-child { grid-column: 1 / -1; width: calc(50% - 14px); justify-self: center; }
  .about-cta-panel { grid-template-columns: 1fr; gap: 28px; }
  .about-get-started { border-left: 0; border-top: 1px solid rgb(255 255 255 / 40%); padding: 28px 0 0; }
}
@media (max-width:767px) {
  .about-standards .about-section { padding: 52px 0; }
  .about-open-columns, .about-values, .about-services-list, .about-team-grid { grid-template-columns: 1fr; }
  .about-open-columns > div + div { border-left: 0; border-top: 1px solid rgb(54 104 176 / 24%); padding: 32px 0 0; }
  .about-team-grid > article:last-child { grid-column: auto; width: 100%; }
  .about-cta-panel { padding: 30px 24px; }
  .about-person-copy { padding: 24px; }
  .about-faq .aeo-item summary { padding: 20px 16px; }
  .about-faq .aeo-answer { padding: 20px 16px; }
  .about-standards [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; }
}
@media (prefers-reduced-motion:reduce) {
  .about-standards [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; }
}
/* Typography follows the approved body palette, including legacy utility classes. */
.about-standards .about-section h2 { font-size: clamp(1.7rem,2.1vw,2.1rem); line-height: 1.25; }
.about-standards .about-section .text-brand { color: #3668b0 !important; }
.about-standards .about-cta-panel .text-warning { color: #fff !important; }
.about-standards .about-section p { line-height: 1.65; }

/* Furniture sits in the open area beside the hero copy. */
@media (min-width:1400px) {
  .about-standards .standard-page-hero .standard-hero-media img { object-position: 66% 30%; }
}
