/* About page presentation only; content and shared navigation behavior are preserved. */
body.mos-about-page { background:#f7f8f8; }
html body.mos-about-page :is(.base-container:not(.full-width),.container,.about-shared-shell,.mos-process-cta__inner) { padding-inline:32px!important; }

html body.mos-about-page .about-profile-metrics { padding:40px 0 0; }
html body.mos-about-page .about-profile-metrics .about-banner-numbers-grid { gap:16px; background:none; border:0; box-shadow:none; }
html body.mos-about-page .about-profile-metrics .about-banner-cell { min-height:132px; padding:28px 24px; border:1px solid #e3e6e7; border-radius:8px; background:#fff; box-shadow:0 6px 22px #15222a05; }
html body.mos-about-page .about-capability-title { color:#30383c; font-size:18px; font-weight:600; line-height:1.5; }
html body.mos-about-page > section.section { padding-block:96px; }
html body.mos-about-page .about-us-wrap { grid-template-columns:minmax(0,.75fr) minmax(0,1.65fr); gap:64px; align-items:start; }
html body.mos-about-page .label { color:#b7480c; font:600 13px/1.5 "DM Sans",Arial,sans-serif; letter-spacing:.08em; margin-bottom:20px; }
html body.mos-about-page .about-us-title-wrap .h4-text-style { display:block; font-size:clamp(30px,3vw,40px); line-height:1.2; letter-spacing:-.025em; margin:0; }
html body.mos-about-page .about-us-wrap .why-choose-us-grid.about-photo-grid { gap:16px; }
html body.mos-about-page .about-us-wrap .about-photo-grid > .about-capability-photo { aspect-ratio:4/3; border-radius:8px; }
html body.mos-about-page > section.without-top-spacing { background:#fff; border-top:1px solid #e8ebed; }
html body.mos-about-page .vertical-section { grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr); gap:80px; align-items:start; }
html body.mos-about-page .services-block-title h2 { font-size:clamp(32px,3vw,42px); line-height:1.2; letter-spacing:-.025em; margin:0; }
html body.mos-about-page .services-block-title-wrapper { gap:28px; }
html body.mos-about-page .faq-block-image { width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; border-radius:8px; margin:28px 0; }
html body.mos-about-page .faq-one-column { border-top:1px solid #dce1e3; }
html body.mos-about-page .faq-dropdown { margin:0; border:0; border-bottom:1px solid #dce1e3; background:transparent; }
html body.mos-about-page .faq-dropdown-toggle { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:94px; padding:24px 16px; transition:background .2s; }
html body.mos-about-page .faq-dropdown-toggle:hover { background:#f7f8f8; }
html body.mos-about-page .faq-title { font:500 18px/1.55 "DM Sans",Arial,sans-serif; }
html body.mos-about-page .faq-arrow { flex:0 0 24px; width:24px; height:24px; filter:brightness(0) saturate(100%) invert(35%) sepia(93%) saturate(1480%) hue-rotate(354deg) brightness(90%); }
html body.mos-about-page .faq-paragraph { padding:0 16px 24px; margin:0; font-size:16px; line-height:1.75; color:#576168; }
html body.mos-about-page .mos-process-cta { background:radial-gradient(ellipse at 90% 0,#f587292e,transparent 65%),linear-gradient(115deg,#b94708,#cf580e 65%,#ae4006); }
html body.mos-about-page .mos-process-cta__inner { padding-block:72px!important; gap:64px; }
html body.mos-about-page .mos-process-cta__inner h2 { max-width:780px; font-size:40px; line-height:1.2; margin-bottom:18px; }
html body.mos-about-page .mos-process-cta__description { max-width:700px; line-height:1.7; }
html body.mos-about-page :is(.primary-button,.mos-process-cta__button) { border-radius:4px; font-family:"DM Sans",Arial,sans-serif; font-size:14px; font-weight:600; min-height:50px; }

@media(max-width:991px) {
 html body.mos-about-page .about-us-wrap,html body.mos-about-page .vertical-section { grid-template-columns:1fr; gap:36px; }
 html body.mos-about-page .faq-section-left-sidebar { max-width:600px; }
 html body.mos-about-page > section.section { padding-block:64px; }
 html body.mos-about-page .mos-process-cta__inner { gap:32px; }
}
@media(max-width:767px) {
 html body.mos-about-page :is(.base-container:not(.full-width),.container,.about-shared-shell,.mos-process-cta__inner) { padding-inline:22px!important; }
 html body.mos-about-page .about-profile-metrics .about-banner-numbers-grid { gap:12px; }
 html body.mos-about-page .about-profile-metrics .about-banner-cell { min-height:124px; padding:20px 12px; }
 html body.mos-about-page .about-capability-title { font-size:15px; }
 html body.mos-about-page .about-us-wrap .why-choose-us-grid.about-photo-grid { gap:10px; }
 html body.mos-about-page .faq-dropdown-toggle { min-height:90px; padding:20px 0; gap:16px; }
 html body.mos-about-page .faq-title { font-size:17px; }
 html body.mos-about-page .mos-process-cta__inner { grid-template-columns:1fr; padding-block:52px!important; }
 html body.mos-about-page .mos-process-cta__inner h2 { font-size:32px; }
}

/* Use the common inner-page banner sizing without About container padding. */
html body.mos-about-page .mos-standard-banner > .container { padding:0!important; }