/* =========================================
   ABOUT BACKGROUND SECTION (WHO WE ARE)
   LAZY VERSION
========================================= */

.about-bg-image {
    position: relative;
    overflow: hidden;
    padding: 100px 0;

    /* ❌ 不再寫 background-image */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 共用 lazy class */
.bg-lazy {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 上 → 下 漸層遮罩 */
.about-bg-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background: linear-gradient(
        to bottom,
        rgba(15,17,21,0.88) 0%,
        rgba(15,17,21,0.70) 40%,
        rgba(15,17,21,0.45) 75%,
        rgba(15,17,21,0.18) 100%
    );
}

.about-bg-image .container {
    position: relative;
    z-index: 2;
    max-width: 820px;
}


/* =========================================================
   Typography（保留你原本的視覺設定）
   ========================================================= */

.about-bg-image h2 {
    font-size: clamp(28px, 2.8vw, 36px);
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 28px;
    color: #ffffff;

    text-shadow:
        0 2px 6px rgba(0,0,0,0.85),
        0 10px 30px rgba(0,0,0,0.6);
}

.about-bg-image p {
    font-size: 18px;
    line-height: 1.9;
    color: #e2e8f0;
}