/* قسم من نحن في الصفحة الرئيسية — V6.3 صورة شفافة */
.home-about{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 92% 10%,rgba(182,154,104,.13),transparent 30%),
        linear-gradient(180deg,#fbfaf7 0%,#f5f2ec 100%);
    border-top:1px solid rgba(13,41,71,.06);
    border-bottom:1px solid rgba(13,41,71,.06);
}
.home-about::before{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    top:-230px;
    left:-150px;
    border:1px solid rgba(182,154,104,.20);
    border-radius:50%;
    box-shadow:0 0 0 68px rgba(13,41,71,.018),0 0 0 136px rgba(13,41,71,.012);
    pointer-events:none;
}
.home-about__container{
    position:relative;
    z-index:1;
}
.home-about__heading{
    max-width:900px;
    margin:0 auto 28px;
    text-align:center;
}
.home-about__heading h2{
    margin:8px 0 22px;
    color:#0d2947;
    font-size:clamp(1.85rem,4vw,3.1rem);
    line-height:1.28;
}
.home-about__experience{
    width:min(100%,620px);
    margin-inline:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    padding:18px 24px;
    color:#fff;
    background:linear-gradient(135deg,#071d33,#123b62);
    border:1px solid rgba(182,154,104,.48);
    border-radius:22px;
    box-shadow:0 18px 40px rgba(7,29,51,.14);
}
.home-about__number{
    flex:0 0 auto;
    color:#d7b679;
    font-size:clamp(3rem,8vw,5.2rem);
    line-height:.9;
    font-weight:900;
    letter-spacing:-.04em;
}
.home-about__experience-copy{
    display:flex;
    flex-direction:column;
    gap:5px;
    text-align:right;
}
.home-about__experience-copy strong{
    color:#fff;
    font-size:clamp(1.2rem,3vw,1.7rem);
    line-height:1.3;
}
.home-about__experience-copy small{
    color:rgba(255,255,255,.74);
    font-size:.92rem;
    line-height:1.7;
}
.home-about__content{
    max-width:980px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.home-about__content p{
    margin:0;
    padding:20px 22px;
    color:#42546a;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(13,41,71,.085);
    border-radius:18px;
    line-height:2;
    box-shadow:0 8px 24px rgba(7,29,51,.035);
}
.home-about__content strong{
    color:#9b7540;
    font-weight:900;
}
.home-about__visual{
    max-width:820px;
    margin:34px auto 0;
    padding:0;
    overflow:visible;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
}
.home-about__visual img{
    width:100%;
    height:auto;
    display:block;
    border-radius:0;
    filter:drop-shadow(0 22px 34px rgba(7,29,51,.16));
}
.home-about__visual figcaption{
    padding:10px 14px 0;
    color:#42546a;
    text-align:center;
    font-size:.82rem;
    line-height:1.6;
}
@media(max-width:760px){
    .home-about__content{
        grid-template-columns:1fr;
    }
    .home-about__content p{
        padding:17px 18px;
        line-height:1.9;
    }
}
@media(max-width:620px){
    .home-about{
        padding-top:58px;
        padding-bottom:58px;
    }
    .home-about__heading{
        margin-bottom:20px;
    }
    .home-about__experience{
        gap:14px;
        padding:16px;
        border-radius:18px;
    }
    .home-about__number{
        font-size:3.45rem;
    }
    .home-about__experience-copy strong{
        font-size:1.1rem;
    }
    .home-about__experience-copy small{
        font-size:.78rem;
    }
    .home-about__visual{
        margin-top:24px;
        padding:0;
        border-radius:0;
    }
    .home-about__visual img{
        border-radius:0;
    }
}