/* Mobile about page — display switching + scoped styles */

/* --- Default: hide mobile about on desktop --- */
#about-mobile { display: none !important; }

/* --- Mobile (<=768px): swap desktop <-> mobile about --- */
@media screen and (max-width: 768px) {
    .about[data-v-bb8fdd3e] { display: none !important; }
    #about-mobile { display: block !important; }
}

/* ===================================================================
   Mobile about scoped styles [data-v-3e938014]
   =================================================================== */

.about[data-v-3e938014] {
    padding-top: 10.66667vw;
}

.about .title[data-v-3e938014] {
    font-family: Montserrat-Bold;
    font-size: 5.33333vw;
    line-height: 8vw;
    color: #fafafa;
    text-align: center;
    white-space: pre-line;
}

.about .text[data-v-3e938014] {
    font-family: Montserrat-Medium;
    font-size: 3.46667vw;
    line-height: 5.33333vw;
    color: #fafafa;
    text-align: center;
    white-space: pre-line;
}

body.zh .about .title[data-v-3e938014] {
    font-family: HONORSansCN-Bold;
}

body.zh .about .text[data-v-3e938014] {
    font-family: HONORSansCN-Medium;
    line-height: 5.86667vw;
}

/* ---------- Section 1 — Hero ---------- */
.about .section1[data-v-3e938014] {
    background-image: url(/_nuxt/about_img1.Ds34Pv1n.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vw;
    padding-top: 22.93333vw;
}

/* ---------- Section 2 — Mission & Vision ---------- */
.about .section2[data-v-3e938014] {
    background-image: url(/_nuxt/about_img2.Dd_MHtjV.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 146.66667vw;
    padding-top: 10.66667vw;
}

.about .section2 .spec[data-v-3e938014] {
    margin: 5.06667vw 0;
}

/* ---------- Section 3 — History / Map ---------- */
.about .section3[data-v-3e938014] {
    height: 200vh;
}

.about .section3 .sticky[data-v-3e938014] {
    height: 100vh;
    position: sticky;
    top: 0;
}

.about .section3 .sticky .img-box[data-v-3e938014] {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.about .section3 .sticky .img-box img[data-v-3e938014] {
    height: 100%;
}

.about .section3 .sticky .img-box .dot-gif[data-v-3e938014] {
    height: 10.66667vw;
    width: 10.66667vw;
}

.about .section3 .info[data-v-3e938014] {
    left: 0;
    top: 12vw;
    width: 100%;
}

.about .section3 .info .title[data-v-3e938014] {
    margin-bottom: 7.2vw;
}

.about .section3 .list[data-v-3e938014] {
    bottom: 10.66667vw;
    left: 0;
    padding: 0 15.2vw;
    width: 100%;
}

.about .section3 .list svg[data-v-3e938014] {
    height: 10.66667vw;
    width: 10.66667vw;
    fill: #fafafa;
}

.about .section3 .list .count[data-v-3e938014] {
    color: #fafafa;
    font-family: Montserrat-Bold;
    font-size: 6.13333vw;
    margin: 1.6vw 0 .8vw;
}

.about .section3 .list .small-text[data-v-3e938014] {
    color: #fafafa;
    font-size: 2.4vw;
    line-height: 3.2vw;
    white-space: pre-line;
}