:root{--text-xs:clamp(0.6rem,0.5rem + 0.2vw,0.75rem);--text-sm:clamp(0.7rem,0.6rem + 0.25vw,0.85rem);--text-base:clamp(0.85rem,0.8rem + 0.2vw,0.95rem);--text-lg:clamp(0.95rem,0.85rem + 0.3vw,1.1rem);--text-xl:clamp(1.2rem,1rem + 0.6vw,1.6rem);--text-2xl:clamp(1.6rem,1.3rem + 1.2vw,2.4rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-xl:1.5rem;--radius-full:999px;--color-text:#171b2a;--color-text-muted:#59627a;--color-primary:#0000fe;--shadow-sm:0 8px 20px #0000fe14;--shadow-md:0 14px 36px #0000fe1f;--shadow-lg:0 24px 56px #0000fe2e;--glass-bg:#ffffff38;--glass-border:#ffffff4d}
html{scroll-behavior:smooth}
body{min-height:100vh;padding:2rem 0}
header{border-bottom:none;margin-bottom:50px}
.page-shell{width:96%;max-width:1600px;margin:0 auto 80px;padding:0 1rem}
.section-head{text-align:center;padding:var(--space-8) 0 var(--space-6)}
.section-head h2{font-size:var(--text-2xl);margin-bottom:var(--space-2);font-weight:700;text-shadow:1px 1px 1px gray}
.section-head p{margin:0 auto 20px;color:var(--color-text-muted)}
.content-reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
.content-reveal.visible{opacity:1;transform:translateY(0)}
.org-chart{padding:var(--space-6) 0 var(--space-12)}
.stage{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem .3rem;align-items:start;justify-items:center}
.org-card{position:relative;width:100%;max-width:200px;aspect-ratio:3 / 4;border-radius:var(--radius-xl);overflow:hidden;background-size:cover;background-position:center;background-color:#eef1ff;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease;cursor:default;opacity:0;transform:translateY(30px) scale(0.96);box-shadow:0 26px 80px #0000fe2e}
.org-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg);z-index:2}
.org-card.ceo{max-width:280px;aspect-ratio:4 / 5;justify-self:center;grid-column:3 / 7;grid-row:1;opacity:0;transform:translateY(30px) scale(0.96)}
.org-card.small{max-width:150px;aspect-ratio:3 / 4}
.card-kashanaki-photo{background-image:url(/images/others/chart/کاشانکی.jpg)}
.card-dergi-photo{background-image:url(/images/others/chart/درگی.jpg)}
.card-emami-photo{background-image:url(/images/others/chart/امامی.jpg)}
.card-danayi-photo{background-image:url(/images/others/chart/دانایی.jpg)}
.card-sohrabi-photo{background-image:url(/images/others/chart/سهرابی.jpg)}
.card-hassanpour-photo{background-image:url(/images/others/chart/حسن-پور.jpg)}
.card-bayati-photo{background-image:url(/images/others/chart/بیاتی.jpg)}
.card-salari-photo{background-image:url(/images/others/chart/سالاری.jpg)}
.card-saeedpour-photo{background-image:url(/images/others/chart/سعیدپور.jpg)}
.card-emamverdi-photo{background-image:url(/images/others/chart/امام-وردی.jpg)}
.card-hendminipour-photo{background-image:url(/images/others/chart/نوربخش.jpg)}
.card-karami-photo{background-image:url(/images/others/chart/کرمی.jpg)}
.card-bakhtiyari-photo{background-image:url(/images/others/chart/بختیاری.jpg)}
.card-khaledian-photo{background-image:url(/images/others/chart/خالدیان.jpg)}
.glass-overlay{position:absolute;bottom:0;left:0;right:0;padding:.6rem .4rem;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--glass-border);text-align:center;color:#fff;text-shadow:0 2px 6px #0006;border-radius:0 0 var(--radius-xl) var(--radius-xl)}
.glass-overlay .role{display:inline-block;background:#0000fe8c;padding:.1rem .6rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;margin-bottom:.1rem;backdrop-filter:blur(4px);border:1px solid #fff3}
.glass-overlay h3{font-size:13px;font-weight:700;margin:10px 0 0;letter-spacing:.2px;color:#FFF}
.glass-overlay p{font-size:var(--text-xs);opacity:.9;margin:0;font-weight:400}
.card-kashanaki{grid-column:3 / 8;grid-row:1;justify-self:end;margin-top:150px;max-width:150px}
.card-dergi{grid-column:3/8;grid-row:1;justify-self:start;margin-top:100px;max-width:150px}
.card-emami{grid-column:2/8;grid-row:1;justify-self:start;max-width:150px;margin-top:320px;margin-right:-40px}
.card-danayi{grid-column:1;grid-row:4;margin-right:-40px}
.card-sohrabi{grid-column:2;grid-row:4;margin-right:-40px}
.card-hassanpour{grid-column:3;grid-row:4;margin-right:-40px}
.card-biyati{grid-column:4;grid-row:4;margin-left:-50px}
.card-salari{grid-column:5;grid-row:4;margin-left:-50px}
.card-saeedpour{grid-column:6;grid-row:4;margin-left:-50px}
.card-emamverdi{grid-column:7;grid-row:4;margin-left:-50px}
.card-hendminipour{grid-column:8;grid-row:4;margin-left:-50px}
.card-karami{grid-column:5;grid-row:5;justify-self:center;max-width:150px;margin-top:50px}
.card-bakhtiyari{grid-column:6;grid-row:5;justify-self:center;max-width:150px;margin-top:50px}
.card-khaledian{grid-column:7;grid-row:5;justify-self:center;max-width:150px;margin-top:50px}
.stage.in-view .org-card{animation:cardFadeIn .9s cubic-bezier(0.16,1,0.3,1) forwards}
.stage.in-view .card-ceo{animation-delay:.2s;background-image:url(/images/others/chart/آموزگار.jpg)}
.stage.in-view .card-kashanaki{animation-delay:.6s}
.stage.in-view .card-dergi{animation-delay:.8s}
.stage.in-view .card-emami{animation-delay:1.2s}
.stage.in-view .card-danayi{animation-delay:1.7s}
.stage.in-view .card-sohrabi{animation-delay:1.85s}
.stage.in-view .card-hassanpour{animation-delay:2s}
.stage.in-view .card-biyati{animation-delay:2.15s}
.stage.in-view .card-salari{animation-delay:2.3s}
.stage.in-view .card-saeedpour{animation-delay:2.45s}
.stage.in-view .card-emamverdi{animation-delay:2.6s}
.stage.in-view .card-hendminipour{animation-delay:2.75s}
.stage.in-view .card-karami{animation-delay:3.2s}
.stage.in-view .card-bakhtiyari{animation-delay:3.4s}
.stage.in-view .card-khaledian{animation-delay:3.6s}
@keyframes cardFadeIn {
0%{opacity:0;transform:translateY(30px) scale(0.96)}
100%{opacity:1;transform:translateY(0) scale(1)}
}
@media (max-width: 1100px) {
.stage{grid-template-columns:repeat(6,1fr);gap:.8rem}
.org-card.ceo{grid-column:2 / 6;grid-row:1;max-width:240px}
.card-kashanaki{grid-column:6;grid-row:2;justify-self:center}
.card-dergi{grid-column:1;grid-row:2;justify-self:center}
.card-emami{grid-column:5;grid-row:3}
.card-danayi{grid-column:1;grid-row:4;margin-top:30px}
.card-sohrabi{grid-column:2;grid-row:4;margin-top:30px}
.card-hassanpour{grid-column:3;grid-row:4;margin-top:30px}
.card-biyati{grid-column:4;grid-row:4;margin-top:30px}
.card-salari{grid-column:5;grid-row:4;margin-top:30px}
.card-saeedpour{grid-column:6;grid-row:4;margin-top:30px}
.card-emamverdi{grid-column:1;grid-row:5}
.card-hendminipour{grid-column:2;grid-row:5}
.card-karami{grid-column:3;grid-row:5}
.card-bakhtiyari{grid-column:4;grid-row:5}
.card-khaledian{grid-column:5;grid-row:5}
.org-card.small{max-width:140px}
}
@media (max-width: 768px) {
.stage{grid-template-columns:repeat(3,1fr);gap:.8rem}
.org-card.ceo{grid-column:1 / 5;grid-row:1;max-width:220px}
.card-kashanaki{grid-column:1;grid-row:2;justify-self:center;margin-top:30px}
.card-dergi{grid-column:2;grid-row:2;justify-self:center;margin-top:30px}
.card-emami{grid-column:3;grid-row:2;margin-top:30px;margin-right:0}
.card-danayi{grid-column:1;grid-row:3}
.card-sohrabi{grid-column:2;grid-row:3}
.card-hassanpour{grid-column:3;grid-row:3}
.card-biyati{grid-column:1;grid-row:4;margin-left:0}
.card-salari{grid-column:2;grid-row:4;margin-left:0}
.card-saeedpour{grid-column:3;grid-row:4;margin-left:0}
.card-emamverdi{grid-column:1;grid-row:5}
.card-hendminipour{grid-column:2;grid-row:5}
.card-karami{grid-column:1;grid-row:6}
.card-bakhtiyari{grid-column:2;grid-row:6}
.card-khaledian{grid-column:3;grid-row:6}
.org-card.small{max-width:130px}
.div-breadcrumb-main{margin-top:-35px;padding-right:5px}
}
@media (max-width: 480px) {
.org-card{max-width:120px}
.org-card.ceo{max-width:180px}
.glass-overlay{padding:.3rem .2rem}
.glass-overlay h3{font-size:.6rem}
.glass-overlay .role{font-size:.5rem;padding:.05rem .4rem}
.glass-overlay p{font-size:.5rem}
}
@media (prefers-reduced-motion: reduce) {
.org-card,.content-reveal{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}
}
@media(min-width:768px){
.bc-section{padding-left:25px;padding-right:30px}
.div-breadcrumb-main{margin-top:0px;padding:0}
}