.mingjian-about-page { overflow: clip; }
.mingjian-about-hero__inner { display: grid; align-content: center; min-height: 340px; padding-block: 4rem; }
.mingjian-about-hero h1 { margin: 0.55rem 0 0.75rem; font-size: 36px; line-height: 1.15; }
.mingjian-about-hero p:last-child { max-width: 42rem; margin: 0; color: #d6e8e9; font-size: 18px; }
.mingjian-about-section { padding-block: 5rem; }
.mingjian-about-section__heading h2, .mingjian-about-applications h2 { margin: 0.55rem 0 0; font-size: 30px; line-height: 1.25; }
.mingjian-about-section__heading #about-company-heading { font-size: 26px; }
.mingjian-about-company { display: grid; grid-template-columns: minmax(15rem, 0.8fr) minmax(0, 1.2fr); gap: 4rem; }
.mingjian-about-company__visual { aspect-ratio: 3 / 2; margin: 2rem 0 0; overflow: hidden; border-radius: 8px; background: var(--mingjian-color-surface-muted); }
.mingjian-about-company__visual img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.mingjian-about-company__visual:hover img { transform: scale(1.025); }
.mingjian-about-company__copy { margin-top: 80px; color: var(--mingjian-color-muted); font-size: 15px; }
.mingjian-about-company__copy p { margin: 0 0 1rem; }
.mingjian-about-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 3rem; }
.mingjian-about-metric { padding: 1.4rem; border-top: 3px solid var(--mingjian-color-brand); background: var(--mingjian-color-surface-muted); }
.mingjian-about-metric p { margin: 0.5rem 0 0; color: var(--mingjian-color-muted); }
.mingjian-about-metric__value { color: var(--mingjian-color-brand-dark) !important; font-size: 34px; font-weight: 800; line-height: 1 !important; }
.mingjian-about-metric__value span { margin-left: 0.15rem; font-size: 18px; }
.mingjian-about-capabilities { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: 2.5rem; }
.mingjian-about-capabilities article { min-height: 15rem; padding: 1.5rem; border: 1px solid var(--mingjian-color-line); border-radius: var(--mingjian-radius); background: #fff; transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; }
.mingjian-about-capabilities article:hover { border-color: var(--mingjian-color-brand); box-shadow: var(--mingjian-shadow); transform: translateY(-4px); }
.mingjian-about-capabilities span { color: var(--mingjian-color-brand-dark); font-weight: 800; }
.mingjian-about-capabilities h3 { margin: 2.5rem 0 0.7rem; font-size: 21px; }
.mingjian-about-capabilities p { margin: 0; color: var(--mingjian-color-muted); }
.mingjian-about-culture { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2.5rem; }
.mingjian-about-culture article { min-height: 12rem; padding: 1.5rem; border-left: 3px solid var(--mingjian-color-brand); background: var(--mingjian-color-surface-muted); }
.mingjian-about-culture h3 { margin: 1.5rem 0 0; font-size: 21px; line-height: 1.55; }
.mingjian-timeline { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(2rem, 6vw, 7rem); align-items: center; }
.mingjian-timeline__media { position: relative; min-height: 25rem; overflow: hidden; border-radius: 8px; background: var(--mingjian-color-surface-muted); }
.mingjian-timeline-carousel__track { position: relative; min-height: inherit; }
.mingjian-timeline-slide { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transition: opacity 400ms ease, visibility 400ms ease; }
.mingjian-timeline-slide.is-active { opacity: 1; visibility: visible; }
.mingjian-timeline-slide img { width: 100%; height: 100%; min-height: 25rem; object-fit: cover; }
.mingjian-timeline-controls { position: absolute; right: 1rem; bottom: 1rem; z-index: 2; display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem; border-radius: var(--mingjian-radius); background: rgb(0 82 156 / 0.9); color: #fff; backdrop-filter: blur(8px); }
.mingjian-timeline-controls > button { display: inline-grid; width: 2.25rem; height: 2.25rem; place-items: center; padding: 0; border: 1px solid rgb(255 255 255 / 0.58); border-radius: 50%; background: transparent; color: #fff; }
.mingjian-timeline-controls > button:hover, .mingjian-timeline-controls > button:focus-visible { border-color: #fff; background: #fff; color: var(--mingjian-color-brand-dark); }
.mingjian-timeline-pagination { display: flex; gap: 0.3rem; }
.mingjian-timeline-pagination button { width: 1.3rem; height: 0.3rem; padding: 0; border: 0; border-radius: 999px; background: rgb(255 255 255 / 0.38); }
.mingjian-timeline-pagination button[aria-current="true"] { background: #fff; }
.mingjian-timeline-pause { font-size: 0.75rem; }
.mingjian-timeline-pause[hidden] { display: none; }
.mingjian-timeline__content h2 { max-width: none; margin: 0 0 2rem; font-size: 30px; line-height: 1.2; }
.mingjian-timeline__content ol { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.mingjian-timeline__content li { position: relative; display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 1rem; padding: 1rem 0.75rem 0.9rem 1rem; border: 1px solid transparent; border-top-color: var(--mingjian-color-line); border-radius: 4px; transition: border-color 220ms ease, background-color 220ms ease, box-shadow 220ms ease, transform 220ms ease; }
.mingjian-timeline__content li::before { position: absolute; top: 0.7rem; bottom: 0.7rem; left: 0; width: 3px; border-radius: 999px; background: var(--mingjian-color-brand); content: ""; opacity: 0; transform: scaleY(0.35); transition: opacity 220ms ease, transform 220ms ease; }
.mingjian-timeline__content li:hover { border-color: rgb(41 167 225 / 0.2); background: rgb(41 167 225 / 0.07); box-shadow: 0 0.7rem 1.5rem rgb(0 82 156 / 0.1); transform: translateX(0.35rem); }
.mingjian-timeline__content li:hover::before { opacity: 1; transform: scaleY(1); }
.mingjian-timeline__content time { color: var(--mingjian-color-brand-dark); font-weight: 800; }
.mingjian-timeline__content strong { font-size: 1.05rem; }
.mingjian-timeline__content p { margin: 0.2rem 0 0; color: var(--mingjian-color-muted); font-size: 0.9rem; }
.mingjian-about-applications { position: relative; isolation: isolate; overflow: hidden; }
.mingjian-about-applications__particles { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; pointer-events: none; opacity: 0.82; }
.mingjian-about-applications__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 4rem; }
.mingjian-about-applications ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0; padding: 0; list-style: none; }
.mingjian-about-applications li { padding: 1rem 0; border-top: 1px solid rgb(255 255 255 / 0.25); color: #d6e8e9; }
@media (max-width: 900px) {
    .mingjian-about-company, .mingjian-about-applications__inner, .mingjian-timeline { grid-template-columns: 1fr; gap: 2rem; }
    .mingjian-about-company__copy { margin-top: 0; }
    .mingjian-about-capabilities { grid-template-columns: 1fr 1fr; }
    .mingjian-timeline__media, .mingjian-timeline-slide img { min-height: 15rem; }
}
@media (max-width: 576px) {
    .mingjian-about-hero__inner { min-height: 300px; }
    .mingjian-about-hero h1 { font-size: 24px; }
    .mingjian-about-section { padding-block: 3.5rem; }
    .mingjian-about-section__heading h2, .mingjian-about-applications h2 { font-size: 24px; }
    .mingjian-about-section__heading #about-company-heading { font-size: 20px; }
    .mingjian-timeline__content h2 { font-size: 24px; }
    .mingjian-about-metrics, .mingjian-about-capabilities, .mingjian-about-culture, .mingjian-about-applications ul { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .mingjian-timeline-slide, .mingjian-timeline__content li, .mingjian-timeline__content li::before { transition: none; }
    .mingjian-timeline__content li:hover { transform: none; }
}