/* =========================================================
   PAIDIA — EXECUTIVE PERSONAL BRAND PROFILE V2
   ========================================================= */

.executive-hero{
  position:relative;
  overflow:hidden;
  padding:82px 0 86px;
  background:
    radial-gradient(
      circle at 8% 8%,
      rgba(31,102,86,.13),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #f7faf9 0%,
      #edf4f1 100%
    );
}

.executive-hero-grid{
  display:grid;
  grid-template-columns:1.15fr .62fr;
  gap:72px;
  align-items:center;
}

.executive-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 13px;
  border-radius:999px;
  background:#dfeee9;
  color:#174f43;
  font-family:var(--font-ui,"B Yekan",Tahoma,sans-serif);
  font-size:12px;
  font-weight:700;
}

.executive-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#23715f;
}

.executive-name{
  margin:18px 0 5px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:clamp(45px,5vw,68px);
  line-height:1.55;
  color:#102d26;
}

.executive-role{
  margin:0;
  color:#236554;
  font-family:var(--font-ui,"B Yekan",Tahoma,sans-serif);
  font-size:17px;
  font-weight:700;
  line-height:1.9;
}

.executive-statement{
  max-width:790px;
  margin:27px 0 0;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:clamp(25px,3vw,36px);
  line-height:1.8;
  color:#152d27;
}

.executive-statement em{
  color:#246c59;
  font-style:normal;
}

.executive-summary{
  max-width:780px;
  margin:17px 0 0;
  color:#596c66;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:19px;
  line-height:2.15;
}

.executive-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

.executive-photo{
  position:relative;
  height:610px;
  overflow:hidden;
  border-radius:34px;
  background:#dce8e4;
  box-shadow:
    0 30px 70px rgba(17,58,48,.16);
}

.executive-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
}

.executive-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      transparent 57%,
      rgba(8,31,25,.78) 100%
    );
}

.executive-photo-label{
  position:absolute;
  z-index:2;
  right:25px;
  left:25px;
  bottom:25px;
  color:white;
}

.executive-photo-label strong{
  display:block;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:22px;
}

.executive-photo-label span{
  display:block;
  margin-top:3px;
  color:#d6e6e1;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:16px;
}


/* CREDENTIAL STRIP */

.credential-strip{
  position:relative;
  margin-top:-31px;
  z-index:5;
}

.credential-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  border:1px solid #dce7e3;
  border-radius:24px;
  background:white;
  box-shadow:0 18px 50px rgba(20,63,54,.09);
}

.credential{
  min-height:145px;
  padding:23px;
  border-left:1px solid #e3ece9;
}

.credential:last-child{
  border-left:0;
}

.credential-number{
  display:block;
  color:#175b4c;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:27px;
  line-height:1.5;
}

.credential-title{
  display:block;
  margin-top:4px;
  font-family:var(--font-ui,"B Yekan",Tahoma,sans-serif);
  font-size:13px;
  font-weight:700;
}

.credential-note{
  display:block;
  margin-top:5px;
  color:#76847f;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:14px;
  line-height:1.7;
}


/* POSITIONING */

.brand-positioning{
  padding:110px 0 82px;
}

.positioning-grid{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:70px;
}

.positioning-label{
  position:sticky;
  top:120px;
  align-self:start;
}

.positioning-label h2{
  margin:8px 0 14px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:38px;
  line-height:1.65;
}

.positioning-label p{
  margin:0;
  color:#667670;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:18px;
  line-height:2.05;
}

.positioning-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.position-card{
  min-height:260px;
  padding:25px;
  border:1px solid #dbe6e2;
  border-radius:23px;
  background:white;
  transition:.2s ease;
}

.position-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(20,63,54,.08);
}

.position-card .index{
  color:#93a59f;
  font-family:Georgia,serif;
  font-size:12px;
}

.position-card h3{
  margin:28px 0 8px;
  color:#163e34;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:22px;
}

.position-card p{
  margin:0;
  color:#65756f;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:16px;
  line-height:2;
}


/* NATIONAL ROLES */

.roles-section{
  padding:88px 0;
  background:#153f36;
  color:white;
}

.roles-heading{
  max-width:720px;
  margin-bottom:35px;
}

.roles-heading h2{
  margin:8px 0;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:40px;
}

.roles-heading p{
  margin:0;
  color:#bfd4cd;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:18px;
  line-height:2;
}

.roles-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:13px;
}

.role-item{
  position:relative;
  min-height:120px;
  padding:20px 23px 20px 60px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:19px;
  background:rgba(255,255,255,.06);
}

.role-item::after{
  content:"";
  position:absolute;
  left:23px;
  top:25px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#99cbbb;
}

.role-item strong{
  display:block;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:18px;
}

.role-item span{
  display:block;
  margin-top:4px;
  color:#bed0ca;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:15px;
}


/* EDUCATION */

.education-section{
  padding:88px 0;
  background:#fff;
}

.education-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}

.education-card{
  min-height:250px;
  padding:24px;
  border:1px solid #dce6e3;
  border-radius:22px;
  background:#fbfdfc;
}

.degree{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  background:#e1efe9;
  color:#1c5c4d;
  font-family:var(--font-ui,"B Yekan",Tahoma,sans-serif);
  font-size:11px;
  font-weight:700;
}

.education-card h3{
  margin:22px 0 8px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:21px;
}

.education-card .university{
  color:#1e6755;
  font-family:var(--font-ui,"B Yekan",Tahoma,sans-serif);
  font-size:13px;
  font-weight:700;
}

.education-card p{
  color:#66756f;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:16px;
  line-height:1.95;
}


/* RESEARCH */

.research-showcase{
  padding:90px 0;
}

.featured-research{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  overflow:hidden;
  border:1px solid #dce6e3;
  border-radius:28px;
  background:white;
}

.research-visual{
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:30px;
  background:
    linear-gradient(
      150deg,
      #153f36,
      #26715e
    );
  color:white;
}

.research-visual .q1{
  align-self:flex-start;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  font-family:var(--font-ui,"B Yekan",Tahoma,sans-serif);
  font-size:11px;
}

.research-visual strong{
  font-family:Georgia,serif;
  font-size:75px;
  line-height:1;
  opacity:.95;
}

.research-visual span{
  color:#cee1da;
  font-size:12px;
}

.research-copy{
  padding:37px;
}

.research-copy .label{
  color:#28705e;
  font-family:var(--font-ui,"B Yekan",Tahoma,sans-serif);
  font-size:11px;
  font-weight:700;
}

.research-copy h3{
  margin:12px 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1.5;
  direction:ltr;
  text-align:left;
}

.research-copy p{
  margin:0;
  color:#62726c;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:17px;
  line-height:2;
}

.research-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:16px;
}

.research-card{
  min-height:220px;
  padding:22px;
  border:1px solid #dce7e3;
  border-radius:20px;
  background:white;
}

.research-card small{
  color:#286b59;
  font-weight:700;
}

.research-card h4{
  margin:20px 0 7px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:18px;
}

.research-card p{
  margin:0;
  color:#6c7975;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:14px;
  line-height:1.9;
}


/* TEACHING */

.teaching-section{
  padding:88px 0;
  background:#f0f5f3;
}

.teaching-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.teaching-card{
  padding:24px;
  border-radius:22px;
  background:white;
  border:1px solid #dce6e2;
}

.teaching-card span{
  display:block;
  color:#26705e;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:26px;
}

.teaching-card strong{
  display:block;
  margin:9px 0;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:19px;
}

.teaching-card p{
  margin:0;
  color:#65746f;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:15px;
  line-height:1.9;
}


/* WORKS */

.works-section{
  padding:90px 0;
  background:white;
}

.works-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
}

.work-card{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:17px;
  min-height:170px;
  padding:22px;
  border:1px solid #dce6e3;
  border-radius:21px;
}

.work-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#e5f0ec;
  color:#155344;
  font-family:Georgia,serif;
  font-size:19px;
  font-weight:700;
}

.work-card h3{
  margin:0 0 7px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:19px;
}

.work-card p{
  margin:0;
  color:#65746f;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:15px;
  line-height:1.9;
}


/* PHILOSOPHY */

.philosophy{
  padding:90px 0;
}

.philosophy-card{
  position:relative;
  overflow:hidden;
  padding:55px;
  border-radius:30px;
  background:#153f36;
  color:white;
}

.philosophy-card::after{
  content:"P";
  position:absolute;
  left:-15px;
  bottom:-120px;
  font-family:Georgia,serif;
  font-size:360px;
  color:rgba(255,255,255,.035);
}

.philosophy-card h2{
  position:relative;
  z-index:2;
  max-width:840px;
  margin:0;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:clamp(31px,4vw,46px);
  line-height:1.7;
}

.philosophy-card p{
  position:relative;
  z-index:2;
  max-width:800px;
  margin:16px 0 0;
  color:#c6d9d2;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:19px;
  line-height:2.05;
}


/* RESPONSIVE */

@media(max-width:1050px){

  .executive-hero-grid,
  .featured-research,
  .positioning-grid{
    grid-template-columns:1fr;
  }

  .executive-photo{
    height:550px;
  }

  .credential-grid,
  .education-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .positioning-label{
    position:static;
  }
}

@media(max-width:760px){

  .executive-hero{
    padding:55px 0 70px;
  }

  .executive-photo{
    height:450px;
  }

  .credential-grid,
  .positioning-cards,
  .roles-grid,
  .education-grid,
  .research-list,
  .teaching-grid,
  .works-grid{
    grid-template-columns:1fr;
  }

  .credential{
    border-left:0;
    border-bottom:1px solid #e3ece9;
  }

  .credential:last-child{
    border-bottom:0;
  }

  .philosophy-card{
    padding:34px 24px;
  }
}