/* QANDIRO About page — HOME-H2H. */
.about-page { background: #071a2d; }
.about-page .site-header { position: relative; background: #071a2d; }
.about-banner { padding: 26px 0 65px; color: var(--white); background: linear-gradient(120deg,#071a2d,#0b3553); }
.about-banner h1 { margin: 16px 0 22px; font-size: clamp(36px,4.8vw,62px); line-height: 1.12; letter-spacing: -1px; }
.about-banner p { max-width: 730px; font-size: 18px; color: rgba(255,255,255,.86); }
.about-location { color: var(--gold-soft); font-size: 14px; }
.about-page .section { background: var(--white); }
.about-page .section.section-light { background: var(--off-white); }
.about-page .section.section-dark { background: var(--navy); }
.about-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); gap: 65px; align-items: start; }
.about-intro h2 { margin: 15px 0 0; font-size: clamp(28px,3vw,40px); line-height: 1.25; color: var(--navy); }
.about-intro-copy p { margin: 0 0 18px; color: #526272; }
.about-intro-copy .about-company { color: var(--navy); font-weight: 700; }
.about-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--blue); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.about-page a[aria-current="page"] { color: var(--gold-soft); }
.about-page a:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
@media (max-width:850px) { .about-intro { grid-template-columns: 1fr; gap: 28px; } }
@media (max-width:560px) { .about-banner { padding: 20px 0 40px; } .about-banner p { font-size: 16px; } }