/* about banner */
.about-banner {
    position: relative;
    min-height: 380px;
    display: flex;
    align-items: center;
    color: #fff;
}
.about-banner__bg {
    position: absolute;
    inset:0;
    background: url("../images/banner.jpg") center / cover no-repeat;
}
.about-banner__bg::after {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(22, 71, 130, 0.65);
}
.about-banner__inner {
    position: relative;
    z-index: 2;
}
.breadcrumb {
    font-size:12px;
    margin-bottom:16px;
    opacity:0.9;
}
.breadcrumb a {
    color:#fff;
}
.about-banner__title {
    font-size:44px;
    font-weight:700;
    margin-bottom:12px;
    text-transform:uppercase;
}
.about-banner__desc {
    font-size:16px;
    line-height:1.6;
}
.section-subtitle {
    font-size:13px;
    text-transform:uppercase;
    color:var(--color-primary);
    font-weight:600;
    letter-spacing:0.5px;
    display:block;
    margin-bottom:8px;
}

/* who we are */
.about-who {
    padding:64px 0;
}
.about-who__wrap {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
    margin-bottom:40px;
}
.about-who__text h2 {
    font-size:28px;
    color:var(--color-dark-bg);
    margin-bottom:16px;
    line-height:1.3;
}
.about-who__text p {
    font-size:14px;
    color:var(--color-text-gray);
    margin-bottom:14px;
    line-height:1.65;
}
.about-who__media img {
    width:100%;
    border-radius:4px;
}
.about-stats {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}
.about-stats__item {
    display:flex;
    align-items:center;
    gap:12px;
    padding:20px 16px;
    background:#ffffff;
    box-shadow:0 2px 10px rgba(0,0,0,0.06);
    border-radius:4px;
}
.about-stats__item i {
    font-size:28px;
    color:var(--color-primary);
}
.about-stats__num {
    font-size:22px;
    font-weight:700;
    color:var(--color-dark-bg);
}
.about-stats__label {
    font-size:12px;
    color:var(--color-text-gray);
    line-height:1.3;
}

/* mission vision values */
.about-mission {
    padding:60px 0;
    background:#f7f9fb;
}
.about-mission__wrap {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
}
.about-mission__text h2 {
    font-size:28px;
    color:var(--color-dark-bg);
    margin-bottom:24px;
}
.mv-item {
    display:flex;
    gap:14px;
    margin-bottom:22px;
}
.mv-item__icon {
    width:48px;
    height:48px;
    border-radius:50%;
    background:var(--color-primary);
    color:#fff;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}
.mv-item__body h4 {
    font-size:14px;
    text-transform:uppercase;
    margin-bottom:6px;
    color:var(--color-dark-bg);
}
.mv-item__body p {
    font-size:14px;
    color:var(--color-text-gray);
    line-height:1.6;
}
.about-mission__media img {
    width:100%;
    border-radius:4px;
}

/* quality section */
.about-quality {
    padding:64px 0;
}
.about-quality__wrap {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
}
.about-quality__media img {
    width:100%;
    border-radius:4px;
}
.about-quality__text h2 {
    font-size:26px;
    color:var(--color-dark-bg);
    margin-bottom:14px;
    line-height:1.35;
}
.about-quality__text p {
    font-size:14px;
    color:var(--color-text-gray);
    margin-bottom:24px;
    line-height:1.65;
}
.quality-features {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.quality-features__item {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px;
}
.quality-features__item i {
    color:var(--color-primary);
    font-size:20px;
}

/* bottom cta */
.about-bottom-cta {
    padding:50px 0;
    background:var(--color-dark-bg);
    color:#fff;
    background-image:linear-gradient(rgba(25,40,56,0.92),rgba(25,40,56,0.92)), url("https://picsum.photos/id/1063/1920/600");
    background-size:cover;
    background-position:center;
}
.about-bottom-cta__text h2 {
    font-size:30px;
    margin-bottom:14px;
    line-height:1.3;
}
.about-bottom-cta__text p {
    color:#c8d1db;
    margin-bottom:22px;
    max-width:600px;
}

/* footer 补充社交和底部版权布局 */
.footer-social {
    display:flex;
    gap:12px;
    margin-top:14px;
}
.footer-social a {
    width:30px;
    height:30px;
    border-radius:50%;
    background:#283849;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:14px;
}
.footer__bottom-wrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.footer-bottom-links a {
    font-size:13px;
}
.footer-bottom-links span {
    margin:0 8px;
}

/* 响应式 */
@media(max-width:1024px){
    .about-who__wrap,
    .about-mission__wrap,
    .about-quality__wrap {
        grid-template-columns:1fr;
    }
    .about-stats {
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:640px){
    .about-banner__title {
        font-size:30px;
    }
    .about-stats {
        grid-template-columns:1fr;
    }
    .quality-features {
        grid-template-columns:1fr;
    }
    .footer__bottom-wrap {
        flex-direction:column;
        gap:10px;
        text-align:center;
    }
}