@charset "utf-8";
@font-face {
    font-family: "IRANSansWeb";
    src: url("../fonts/IRANSansWeb_Bold.woff2") format("woff2"),
    url("../fonts/IRANSansWeb_Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "IRANSansWeb", "Tahoma", "Arial", sans-serif;
}
/* Accent هماهنگ با پروژه */
.accent{ color:#f59e0b; }

/* ===== Hero درباره (اوورلی طوسی + برش ۷) ===== */
.page-hero.about-hero{
    position:relative; overflow:hidden; color:#fff;
    height:30vh;
}
.page-hero.about-hero::before{
    content:""; position:absolute; inset:0;
    background-image: var(--hero-bg);
    background-size: cover; background-position: center;
    z-index:0;
}
.page-hero.about-hero::after{
    content:""; position:absolute; inset:0;
    background: rgba(107,114,128,.30);
    z-index:1;
}
.page-hero.about-hero .container{ position:relative; z-index:3; }


/* ===== Intro ===== */
.about-intro .about-photo{
    overflow:hidden; border-radius:16px; background:#f3f4f6;
    box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
.about-intro .about-photo img{
    width:100%; height:100%; object-fit:cover; display:block;
}

/* ===== Stats ===== */
.about-stats{
    background:#f6f8fb; border-top:1px solid #eef2f6; border-bottom:1px solid #eef2f6;
}
.stat{ padding:1.25rem 0; }
.stat-num{
    font-size:2rem; font-weight:900; color:#111827;
}
.stat-label{ color:#6b7280; font-weight:700; }

/* ===== Values ===== */
.value-card{
    background:#fff; border:1px solid #eef2f6; border-radius:14px;
    padding:1.5rem; height:100%;
    transition: transform .15s ease, box-shadow .15s ease;
}
.value-card:hover{ transform: translateY(-3px); box-shadow:0 16px 40px rgba(0,0,0,.08); }
.value-card .icon{
    width:56px;height:56px;border-radius:12px;display:grid;place-items:center;
    background:#fff3df;color:#111827;border:1px solid #ffe0a9;margin-bottom:.75rem;
}
.value-card .icon i{ color:#f59e0b; font-size:1.4rem; }

/* ریسپانسیو */
@media (max-width: 992px){
    .page-hero.about-hero{ padding-bottom: 6rem; }
    .page-hero.about-hero .container::after{ height:100px; bottom:-60px; }
}
@media (max-width: 576px){
    .page-hero.about-hero{ padding: 5rem 0 5.5rem; }
    .page-hero.about-hero .container::after{ height:88px; bottom:-50px; }
    .stat-num{ font-size:1.6rem; }
}