.about-hero { padding: 82px 0 86px; background: linear-gradient(145deg, #f7f3e9 0%, #fafaf8 52%, #eef3f6 100%); border-bottom: 1px solid var(--border); }
.about-hero-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 58px; align-items: center; }
.about-breadcrumb { margin-bottom: 28px; color: var(--text-light); font-size: 13px; }
.about-breadcrumb a { color: var(--navy); text-decoration: none; }
.about-eyebrow { margin-bottom: 10px; color: var(--gold-text); font-size: 12px; font-weight: 700; letter-spacing: 1.7px; text-transform: uppercase; }
.about-hero h1 { max-width: 760px; margin-bottom: 21px; font-size: clamp(44px, 6vw, 68px); line-height: 1.03; }
.about-lead { max-width: 760px; color: var(--navy); font-size: clamp(20px, 2.2vw, 25px); line-height: 1.55; }
.about-hero-copy { max-width: 720px; margin-top: 16px; color: var(--text-light); line-height: 1.78; }
.about-actions { margin-top: 30px; display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.about-secondary-link { color: var(--navy); font-weight: 700; text-decoration-color: var(--gold); text-underline-offset: 5px; }
.about-summary { padding: 30px; border: 1px solid rgba(200,169,106,.52); border-radius: 16px; background: rgba(255,255,255,.9); box-shadow: var(--shadow-card); }
.about-summary-label { margin-bottom: 8px; color: var(--gold-text); font-size: 12px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; }
.about-summary div { padding: 16px 0; display: grid; gap: 5px; border-bottom: 1px solid var(--border); }
.about-summary div:last-child { border-bottom: 0; }
.about-summary span { color: var(--text-light); font-size: 12px; letter-spacing: .7px; text-transform: uppercase; }
.about-summary strong { color: var(--navy); line-height: 1.48; }
.about-section { padding: 84px 0; }
.about-section-soft { background: #f6f7f6; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.about-heading { max-width: 820px; margin: 0 auto 42px; text-align: center; }
.about-heading h2, .about-copy h2, .about-cta h2 { margin-bottom: 16px; font-size: clamp(34px, 4vw, 48px); line-height: 1.12; }
.about-heading > p:last-child, .about-copy p, .about-cta p { color: var(--text-light); line-height: 1.8; }
.about-copy { max-width: 900px; margin: auto; }
.about-copy p + p { margin-top: 19px; }
.about-technology-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.about-technology-card { padding: 27px; border: 1px solid var(--border); border-radius: 14px; background: #fff; box-shadow: var(--shadow-card); }
.about-technology-card span { color: var(--gold-text); font-size: 12px; font-weight: 700; letter-spacing: 1px; }
.about-technology-card h3 { margin: 20px 0 10px; font-size: 25px; line-height: 1.16; }
.about-technology-card p { color: var(--text-light); font-size: 14px; line-height: 1.7; }
.about-specialty-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.about-specialty-card { min-height: 245px; padding: 28px; border: 1px solid var(--border); border-radius: 14px; background: #fff; color: inherit; text-decoration: none; box-shadow: var(--shadow-card); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.about-specialty-card:hover { transform: translateY(-4px); border-color: rgba(200,169,106,.75); box-shadow: 0 18px 38px rgba(15,45,70,.1); }
.about-specialty-card:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.about-specialty-card > span { color: var(--gold-text); font-size: 12px; font-weight: 700; letter-spacing: 1px; }
.about-specialty-card h3 { margin: 25px 0 11px; font-size: 28px; line-height: 1.12; }
.about-specialty-card p { color: var(--text-light); font-size: 14px; line-height: 1.7; }
.about-values-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.about-value { padding: 22px 18px; border: 1px solid var(--border); border-radius: 12px; background: #fff; color: var(--navy); font-weight: 650; line-height: 1.45; text-align: center; }
.about-vision-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.about-vision-card { padding: 36px; border: 1px solid var(--border); border-radius: 16px; background: #fff; box-shadow: var(--shadow-card); }
.about-vision-card h2 { margin: 8px 0 15px; font-size: clamp(32px, 3vw, 42px); }
.about-vision-card p { color: var(--text-light); line-height: 1.8; }
.about-cta { padding: 76px 0; background: var(--navy); color: #fff; }
.about-cta-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 64px; align-items: center; }
.about-cta h2 { color: #fff; }
.about-cta p { color: rgba(255,255,255,.76); }
.about-cta-details { padding: 27px; border: 1px solid rgba(200,169,106,.58); border-radius: 14px; }
.about-cta-details .btn { margin-bottom: 20px; background: var(--gold); color: var(--navy); }
.about-cta-details p { margin-bottom: 12px; }
.about-cta-details a:not(.btn) { color: #fff; text-underline-offset: 4px; }
@media (max-width: 1050px) { .about-values-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 980px) { .about-hero-grid, .about-cta-grid { grid-template-columns: 1fr; gap: 34px; } .about-technology-grid, .about-specialty-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) { .about-hero { padding: 52px 0 58px; } .about-section { padding: 60px 0; } .about-technology-grid, .about-specialty-grid, .about-values-grid, .about-vision-grid { grid-template-columns: 1fr; } }