*,body,html{margin:0;padding:0}.about-title,.section-heading h2,body{color:var(--clr-dark)}@font-face{font-family:Vazirmatn;src:url('../Fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2'),url('../Fonts/ttf/Vazirmatn-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}:root{--clr-bg:#f8f4ed;--clr-dark:#001b2e;--clr-accent:#f8e462;--clr-accent-2:#e7d447;--clr-text:#163046;--clr-muted:#587084;--clr-white:rgba(255, 255, 255, 0.6);--clr-border:rgba(0, 27, 46, 0.08);--shadow-lg:0 18px 50px rgba(0, 27, 46, 0.12);--shadow-md:0 12px 30px rgba(0, 27, 46, 0.08);--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--container:1180px;--dark-purple:rgba(0, 27, 46, 0.7);--light-green:#faeb85;--black-purple:var(--clr-dark)}*{box-sizing:border-box;font-family:Vazirmatn,sans-serif}body,html{width:100%;min-height:100vh;overflow-x:hidden}body{background-color:var(--clr-bg);background-image:radial-gradient(circle at 15% 50%,rgba(248,228,98,.15),transparent 30%),radial-gradient(circle at 85% 20%,rgba(0,27,46,.08),transparent 30%);background-attachment:fixed;background-repeat:no-repeat}p{text-align:justify}img{display:block;max-width:100%}.about-page{width:min(100% - 32px,var(--container));margin:0 auto;padding:32px 0 64px;width:80%;max-width:1400px;direction:rtl}.glass-panel{background:rgba(255,255,255,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:0 8px 32px 0 rgba(0,27,46,.05)}.about-hero{display:grid;grid-template-columns:1.05fr 0.95fr;gap:28px;padding:28px;align-items:center;overflow:hidden;min-height:420px;margin:80px 0 0}.about-hero__content{padding:12px}.about-kicker,.section-badge{display:inline-flex;align-items:center;gap:8px;padding:.5rem 2rem;border-radius:999px;background:rgba(248,228,98,.22);color:var(--clr-dark);font-size:.9rem;font-weight:700;margin-bottom:14px;border:1px solid var(--clr-accent)}.mission-grid,.stats-grid,.team-list{gap:18px;grid-template-columns:repeat(3,1fr)}.about-title{font-size:clamp(2rem, 3vw, 3.25rem);line-height:1.25;margin-bottom:16px}.about-description,.about-intro{color:var(--dark-purple);text-align:justify}.about-description{font-size:1.02rem;max-width:58ch;line-height:40px}.about-hero__image-wrap{border-radius:calc(var(--radius-xl) - 6px);overflow:hidden;width:100%;box-shadow:var(--shadow-lg);border:2px solid rgba(255,255,255,.5)}.about-hero__image{width:100%;height:100%;object-fit:contain;display:block}.about-section{margin-top:75px}.section-heading{margin-top:16px;margin-bottom:16px}.section-heading h2{font-size:clamp(1.35rem, 2vw, 2rem);margin-top:4px}.about-intro{padding:22px 24px;font-size:1rem}.stat-number,.team-card__body h3{color:var(--clr-dark);margin-bottom:8px}.mission-grid,.stats-grid{display:grid}.stat-card{padding:22px 18px;text-align:center}.stat-number{display:block;font-size:2rem;font-weight:800}.stat-label{color:var(--clr-muted);font-weight:500}.team-list{display:grid}.team-card{grid-template-columns:180px 1fr;gap:20px;padding:18px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .3s;box-shadow:0 8px 32px 0 rgba(28,20,39,.08)}.team-card:hover{box-shadow:0 12px 40px 0 rgba(28,20,39,.12)}.team-card__image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius-lg)}.team-card__body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;gap:25px}.team-card__info{font-size:20px}.team-card__body h3{font-size:1.3rem;text-align:center}.team-card__body p{color:var(--dark-purple);max-width:70ch;text-align:justify}.mission-card{padding:22px}.mission-card h3{font-size:1.2rem;color:var(--clr-dark);margin-bottom:10px}.mission-card p{color:var(--dark-purple);text-align:justify}@media (max-width:992px){.about-hero,.mission-grid,.stats-grid,.team-list{grid-template-columns:1fr}.about-hero__image-wrap{min-height:280px}}@media (max-width:576px){.about-page{width:min(100% - 20px,var(--container));padding:20px 0 40px}.about-hero,.about-intro,.mission-card,.stat-card,.team-card{border-radius:20px}.about-hero__image-wrap{width:100%;height:100%}.about-hero__image{object-fit:cover;aspect-ratio:16/9}.about-hero{padding:18px;gap:18px}}