/* About v3 — isolated. Homepage styles are not overridden. */
.about-page{background:var(--bg)}
.about-label,.about-kicker{margin:0 0 14px;color:#c99863;font-family:"Inter",sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em}
.about-hero{position:relative;min-height:790px;display:grid;align-items:end;background:#0e1720;color:#fff;overflow:hidden}
.about-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,23,32,.18),rgba(14,23,32,.56) 42%,rgba(14,23,32,.95) 100%);pointer-events:none}
html[dir="ltr"] .about-hero::after{background:linear-gradient(270deg,rgba(14,23,32,.18),rgba(14,23,32,.56) 42%,rgba(14,23,32,.95) 100%)}
.about-hero::before{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(to top,rgba(14,23,32,.4),transparent);z-index:1}
.about-hero-media{position:absolute;inset:0}.about-hero-media picture{display:block;width:100%;height:100%}.about-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center}
.about-hero-inner{position:relative;z-index:2;padding:170px 0 92px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,650px);gap:70px;align-items:end}
html[dir="ltr"] .about-hero-inner{grid-template-columns:minmax(390px,650px) minmax(0,1fr)}
.about-hero-copy{grid-column:2;text-align:right;padding-right:28px;border-right:2px solid rgba(167,122,69,.85)}
html[dir="ltr"] .about-hero-copy{grid-column:1;text-align:left;padding-right:0;padding-left:28px;border-right:0;border-left:2px solid rgba(167,122,69,.85)}
.about-hero h1{margin:0;max-width:17ch;font-size:clamp(2.5rem,4.6vw,4.55rem);line-height:1.16;letter-spacing:-.045em}
html[lang="en"] .about-hero h1{max-width:15ch;line-height:1.04;font-size:clamp(2.5rem,4.4vw,4.4rem)}
.about-hero-lead{margin:24px 0 0;max-width:760px;color:#d4dde4;font-size:1.04rem;line-height:1.95}
.experience-section{padding:92px 0 96px;background:#fff;border-bottom:1px solid var(--line)}
.experience-intro{max-width:800px}.experience-intro h2{margin:0;font-size:clamp(2rem,3.2vw,3rem);line-height:1.35;letter-spacing:-.035em}
.experience-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.experience-facts>div{padding:34px 28px;border-inline-start:1px solid var(--line)}.experience-facts>div:first-child{border-inline-start:0}
.experience-facts strong{display:block;font-size:clamp(2rem,3.25vw,3.15rem);line-height:1.14;letter-spacing:-.035em;font-weight:700}.experience-facts span{display:block;margin-top:10px;color:var(--muted);font-size:.92rem}
.experience-copy{max-width:940px;margin:38px 0 0;color:#4f5b65;font-size:1.08rem;line-height:2.05}
.shift-section{padding:86px 0;background:#f6f4ef}.shift-inner{max-width:900px}.shift-inner h2{margin:0;font-size:clamp(2.3rem,4vw,4rem);line-height:1.3;letter-spacing:-.045em}.shift-inner>p:last-child{margin:22px 0 0;color:var(--muted);font-size:1.05rem}
.framework-section{padding:115px 0;background:#0e1720;color:#fff}.framework-copy{max-width:900px}.framework-copy h2{margin:0;font-size:clamp(2.35rem,4vw,4rem);line-height:1.25;letter-spacing:-.045em}.framework-copy>p:last-child{margin:24px 0 0;color:#b9c5cf;line-height:2;max-width:850px}
.system-flow{position:relative;display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:58px;padding:20px 0}.system-flow::before{content:"";position:absolute;inset-inline:28px;top:50%;height:1px;background:linear-gradient(90deg,rgba(167,122,69,.16),rgba(167,122,69,.62),rgba(167,122,69,.16));transform:scaleX(0);transform-origin:right;transition:transform .9s ease .15s}.system-flow.is-visible::before{transform:scaleX(1)}.system-flow span{position:relative;z-index:1;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0e1720;color:#e3eaf0;font-family:"Inter",sans-serif;font-size:.72rem;letter-spacing:.025em}.system-flow i,.method-flow i{position:relative;z-index:1;color:var(--bronze);font-style:normal;background:#0e1720;padding:0 3px}
.diagnosis-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px}.diagnosis-grid>div{padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.025)}.diagnosis-grid small{display:block;color:#81909c;margin-bottom:10px}.diagnosis-grid strong{font-size:clamp(1.3rem,2vw,1.8rem)}
.method-flow{display:flex;gap:13px;align-items:center;margin-top:26px;color:#b8c3cc;font-family:"Inter",sans-serif;font-size:.8rem}
.execution-section{padding:110px 0;background:#eef1f3}.execution-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.execution-grid h2{margin:0;max-width:13ch;font-size:clamp(2.3rem,3.7vw,3.7rem);line-height:1.2;letter-spacing:-.045em}.execution-copy{max-width:720px}.execution-copy p{margin:0 0 18px;color:#56616b;line-height:2}.execution-copy strong{color:var(--ink)}.text-link{display:inline-flex;margin-top:12px;color:var(--blue);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}
.questions-section{padding:115px 0;background:#fff}.questions-head{max-width:820px}.questions-head h2{margin:0;font-size:clamp(2.35rem,4vw,3.8rem);line-height:1.25;letter-spacing:-.045em}.questions-head>p:last-child{margin:20px 0 0;color:var(--muted);line-height:1.9}.question-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:55px}.question-card{position:relative;min-height:240px;padding:34px;border:1px solid var(--line);border-radius:20px;background:#fbfbfa;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.question-card:hover{transform:translateY(-4px);border-color:#c7cdd2;box-shadow:0 18px 45px rgba(17,20,24,.06)}.question-card span{font-family:"Inter",sans-serif;color:var(--bronze);font-size:.76rem}.question-card h3{margin:48px 0 0;max-width:26ch;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.65;letter-spacing:-.02em}
.latest-articles{display:none;padding:100px 0;background:#f6f4ef;border-top:1px solid var(--line)}.latest-articles.is-ready{display:block}.latest-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.latest-head h2{margin:0;font-size:clamp(2.2rem,3.8vw,3.5rem)}.latest-head>a{color:var(--blue);font-weight:700;text-decoration:none}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.latest-card{display:flex;min-height:230px;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .2s ease,border-color .2s ease}.latest-card:hover{transform:translateY(-3px);border-color:#c5cbd0}.latest-card small{color:var(--bronze);font-family:"Inter",sans-serif;font-size:.74rem}.latest-card h3{margin:22px 0 12px;font-size:1.28rem;line-height:1.5}.latest-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.8}.latest-arrow{margin-top:auto;padding-top:18px;color:var(--blue);font-weight:700}
.conversation-section{padding:110px 0;background:#101820;color:#fff}.conversation-inner{display:flex;align-items:end;justify-content:space-between;gap:70px}.conversation-inner>div{max-width:820px}.conversation-inner h2{margin:0;font-size:clamp(2.2rem,3.8vw,3.7rem);line-height:1.3;letter-spacing:-.04em}.conversation-inner p:not(.about-label){margin:22px 0 0;color:#b9c5cf;line-height:1.9;max-width:720px}.conversation-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex:0 0 auto;padding:15px 22px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;text-decoration:none;font-weight:700;transition:.22s ease}.conversation-button:hover{background:#fff;color:#101820;transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.system-flow::before{transform:scaleX(1);transition:none}.question-card,.conversation-button{transition:none}}
@media(max-width:1000px){.about-hero-inner{grid-template-columns:minmax(0,.7fr) minmax(360px,1.3fr);gap:28px}html[dir="ltr"] .about-hero-inner{grid-template-columns:minmax(360px,1.3fr) minmax(0,.7fr)}.execution-grid{gap:45px}.system-flow{flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:820px){.about-hero{display:block;min-height:0}.about-hero::before{display:none}.about-hero::after{top:0;bottom:auto;height:420px;background:linear-gradient(180deg,rgba(14,23,32,.04),rgba(14,23,32,.13) 55%,rgba(14,23,32,.82) 100%)}html[dir="ltr"] .about-hero::after{background:linear-gradient(180deg,rgba(14,23,32,.04),rgba(14,23,32,.13) 55%,rgba(14,23,32,.82) 100%)}.about-hero-media{position:relative;inset:auto;width:100%;height:420px;overflow:hidden}.about-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center}.about-hero-inner,html[dir="ltr"] .about-hero-inner{display:block;padding:0 0 54px}.about-hero-copy,html[dir="ltr"] .about-hero-copy{width:100%;margin:0;padding:28px 0 0;border:0;text-align:inherit}.about-hero-copy::before{content:"";display:block;width:58px;height:2px;margin-bottom:20px;background:var(--bronze)}html[dir="rtl"] .about-hero-copy::before{margin-left:auto}html[dir="ltr"] .about-hero-copy::before{margin-right:auto}.about-hero h1{max-width:100%;font-size:2.15rem;line-height:1.28}.about-hero-lead{font-size:.95rem;line-height:1.9}.experience-section,.framework-section,.execution-section,.questions-section,.conversation-section{padding:76px 0}.shift-section{padding:64px 0}.experience-facts{grid-template-columns:1fr;margin-top:40px}.experience-facts>div{padding:22px 0;border-inline-start:0;border-top:1px solid var(--line)}.experience-facts>div:first-child{border-top:0}.experience-facts strong{font-size:2.6rem}.execution-grid{grid-template-columns:1fr;gap:32px}.execution-grid h2{max-width:16ch}.system-flow{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0}.system-flow::before{display:none}.system-flow i{display:none}.system-flow span{text-align:center}.system-flow span:last-child{grid-column:1/-1}.diagnosis-grid{grid-template-columns:1fr;margin-top:38px}.diagnosis-grid>div{padding:22px 0}.question-cards{grid-template-columns:1fr}.question-card{min-height:190px}.question-card h3{margin-top:34px}.latest-grid{grid-template-columns:1fr}.latest-head{align-items:flex-start;flex-direction:column}.conversation-inner{align-items:flex-start;flex-direction:column;gap:34px}.conversation-button{width:100%}}
@media(max-width:560px){.about-hero-media{height:370px}.about-hero::after{height:370px}.about-hero h1{font-size:1.9rem}.experience-intro h2,.shift-inner h2,.framework-copy h2,.execution-grid h2,.questions-head h2,.conversation-inner h2{font-size:1.95rem}.experience-copy{font-size:.93rem}.method-flow{font-size:.72rem;gap:8px;flex-wrap:wrap}.question-card{padding:26px}.latest-articles{padding:70px 0}}

/* V3.3 — Persian About hero composition polish.
   Desktop only: keep the successful homepage composition — copy on the left,
   portrait breathing room on the right. Mobile and English remain unchanged. */
@media (min-width:821px){
  html[lang="fa"][dir="rtl"] .about-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(360px,610px);
    gap:80px;
  }
  html[lang="fa"][dir="rtl"] .about-hero-copy{
    max-width:610px;
    justify-self:end;
  }
  html[lang="fa"][dir="rtl"] .about-hero h1{
    max-width:15ch;
    font-size:clamp(2.25rem,4.5vw,4.55rem);
    line-height:1.24;
    letter-spacing:-.035em;
    margin-right:0;
    margin-left:auto;
  }
  html[lang="fa"][dir="rtl"] .about-hero-lead{
    max-width:64ch;
  }
}

/* V3.4 — Improve framework flow legibility on desktop and mobile. */
.system-flow span{
  padding:11px 16px;
  font-size:.88rem;
  font-weight:600;
  letter-spacing:0;
}
.system-flow i{
  font-size:1rem;
  font-weight:700;
}
.method-flow{
  gap:14px;
  font-size:1rem;
  font-weight:600;
  line-height:1.8;
}
.method-flow i{
  font-size:1rem;
  font-weight:700;
}
@media(max-width:820px){
  .system-flow{gap:10px;margin-top:42px}
  .system-flow span{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 12px;
    font-size:.94rem;
    line-height:1.35;
  }
  .method-flow{
    margin-top:28px;
    gap:9px 11px;
    font-size:.92rem;
    line-height:1.8;
  }
  .method-flow i{font-size:.92rem}
}
@media(max-width:560px){
  .system-flow span{font-size:.9rem}
  .method-flow{font-size:.88rem;gap:8px 9px}
  .method-flow i{font-size:.88rem}
}