/* ==========================================================================
   دربارهٔ ما  —  /about/
   شورت‌کد: [hug_about]
   همهٔ قاعده‌ها زیر .hug-scope.hug-about اسکوپ شده‌اند؛ با استایل آسترا تداخل ندارند.
   font-family عمداً تعریف نشده تا فونت از سفارشی‌سازی آسترا ارث برسد.
   ========================================================================== */

/* ── تنظیمات محلی ───────────────────────────────────────────────────── */
.hug-scope.hug-about{
  /* آفست اسکرول برای هدر چسبانِ وردپرس — با ارتفاع هدر خودتان تنظیم کنید */
  --hug-anchor-offset: 110px;
  /* علامتِ جهت: جابه‌جایی‌های افقی در چپ‌چین آینه می‌شوند */
  --hug-dx: 1;
}
.hug-scope.hug-about.hug-ltr{ --hug-dx: -1; }
.hug-scope.hug-about [id]{scroll-margin-top:var(--hug-anchor-offset)}

/* اگر برگه را «تمام‌عرض / Stretched» نکردید و نوارهای رنگی بریده می‌شوند،
   کامنت سه خط زیر را بردارید. (اول تنظیم آسترا را امتحان کنید؛ بهتر است.)
.hug-scope.hug-about{
  margin-inline: calc(50% - 50vw); width: 100vw; max-width: 100vw;
} */

.hug-scope.hug-about{--accent:#F59E1B; --accent-hi:#FFB84D; --accent-soft:#FEF6E9; --accent-btn:#F59E1B; --accent-ink:#B45309;
  --ink:#2E3D5C; --ink-soft:#41527A; --ink-deep:#22304A;
  --bg:#F7F8FA; --surface:#FFFFFF; --surface-2:#EEF1F5; --line:#E2E6EC;
  --text:#22304A; --muted:#6B7280; --on-dark:#F3F6FA;
  --success:#16A34A;
  --r-card:12px; --r-btn:8px; --r-pill:999px;
  --shadow-md:0 8px 24px rgba(30,42,56,.10);
  --focus:0 0 0 3px rgba(245,158,11,.45);
  --dur-fast:160ms; --dur-base:220ms; --dur-mod:360ms;
  --ease-out:cubic-bezier(.16,.84,.44,1);
  --maxw:1280px; --pad-x:80px; --gutter:24px;
  --measure:66ch;}
@media (max-width:768px){
.hug-scope.hug-about{--pad-x:24px;}
}
.hug-scope.hug-about, .hug-scope.hug-about *{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
.hug-scope.hug-about{background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}
.hug-scope.hug-about .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x)}
.hug-scope.hug-about section{padding-block:104px}
@media (max-width:768px){
.hug-scope.hug-about section{padding-block:64px}
}
.hug-scope.hug-about h1, .hug-scope.hug-about h2, .hug-scope.hug-about h3{line-height:1.15; color:var(--ink); font-weight:700}
.hug-scope.hug-about h2{font-size:clamp(25px,3vw,31px); font-weight:600}
.hug-scope.hug-about h3{font-size:20px; font-weight:600}
.hug-scope.hug-about .overline{color:var(--accent-ink); font-size:13px; font-weight:600; letter-spacing:.06em; margin-bottom:12px}
.hug-scope.hug-about .muted{color:var(--muted)}
.hug-scope.hug-about a{color:inherit; text-decoration:none}
.hug-scope.hug-about .sec-head{max-width:660px; margin-bottom:40px}
.hug-scope.hug-about .prose{max-width:var(--measure); font-size:17px; color:var(--ink-soft)}
.hug-scope.hug-about .prose p + p{margin-top:18px}
.hug-scope.hug-about .prose a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32); transition:border-color var(--dur-fast)}
.hug-scope.hug-about .prose a:hover{border-bottom-color:var(--accent-ink)}
.hug-scope.hug-about .prose b{color:var(--ink); font-weight:600}
.hug-scope.hug-about .ph{background:repeating-linear-gradient(45deg,#E8ECF2,#E8ECF2 10px,#F1F4F8 10px,#F1F4F8 20px);
  border:1px dashed #C3CBD8; border-radius:var(--r-card); display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:#78859A; font-size:13px; text-align:center; padding:16px}
.hug-scope.hug-about .ph small{display:block; color:#94A0B2; margin-top:4px}
.hug-scope.hug-about .btn{display:inline-flex; align-items:center; gap:8px; height:44px; padding-inline:22px; border-radius:var(--r-btn);
  font-weight:500; font-size:15px; border:1px solid transparent; cursor:pointer; font-family:inherit;
  transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast)}
.hug-scope.hug-about .btn:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-about .btn-primary{background:var(--ink); color:var(--on-dark)}
.hug-scope.hug-about .btn-primary:hover{transform:translateY(-1px); background:#1A263C}
.hug-scope.hug-about .btn-ghost{background:transparent; border-color:var(--line); color:var(--ink)}
.hug-scope.hug-about .btn-ghost:hover{background:var(--surface)}
.hug-scope.hug-about .rv{opacity:0; transform:translateY(14px); transition:opacity var(--dur-mod) var(--ease-out), transform var(--dur-mod) var(--ease-out)}
.hug-scope.hug-about .rv.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-about .rv{opacity:1; transform:none; transition:none}
html{scroll-behavior:auto}
}
.hug-scope.hug-about :where(a,button,[tabindex]):focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-about[id], .hug-scope.hug-about [id]{scroll-margin-top:88px}
.hug-scope.hug-about .masthead{padding-block:56px 0; border-bottom:1px solid var(--line)}
.hug-scope.hug-about .crumb{font-size:13px; color:var(--muted); margin-bottom:38px}
.hug-scope.hug-about .crumb a:hover{color:var(--ink)}
.hug-scope.hug-about .crumb span{margin-inline:6px; color:var(--line)}
.hug-scope.hug-about .masthead h1{font-size:clamp(34px,5.2vw,64px); letter-spacing:-.015em; max-width:16ch}
.hug-scope.hug-about .masthead h1 small{display:block; font-size:.42em; font-weight:500; color:var(--ink-soft); letter-spacing:0; margin-top:14px; line-height:1.4}
.hug-scope.hug-about .deck{font-size:clamp(18px,2vw,22px); color:var(--ink-soft); max-width:52ch; margin-top:26px; line-height:1.55}
.hug-scope.hug-about .idbar{display:flex; flex-wrap:wrap; gap:0; margin-top:44px; border-top:1px solid var(--line)}
.hug-scope.hug-about .idbar div{flex:1 1 180px; padding:20px 24px 22px; border-inline-start:1px solid var(--line)}
.hug-scope.hug-about .idbar div:first-child{border-inline-start:0; padding-inline-start:0}
.hug-scope.hug-about .idbar dt{font-size:12px; color:var(--muted); margin-bottom:6px}
.hug-scope.hug-about .idbar dd{font-size:18px; font-weight:600; color:var(--ink); font-variant-numeric:tabular-nums}
.hug-scope.hug-about .idbar dd.q{font-size:14px; font-weight:400; color:var(--accent-ink)}
.hug-scope.hug-about .masthead-figure{margin-top:44px}
.hug-scope.hug-about .masthead-figure .ph{aspect-ratio:16/7}
.hug-scope.hug-about .masthead-figure figcaption{font-size:13px; color:var(--muted); margin-top:12px; padding-bottom:56px}
@media (max-width:768px){
.hug-scope.hug-about .idbar div{flex:1 1 50%; padding-inline:16px}
.hug-scope.hug-about .idbar div:nth-child(odd){border-inline-start:0; padding-inline-start:0}
}
.hug-scope.hug-about .editorial{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:64px; align-items:start}
.hug-scope.hug-about .editorial .side{position:sticky; top:104px}
.hug-scope.hug-about .editorial .side h2{margin-bottom:14px}
.hug-scope.hug-about .pull{border-top:2px solid var(--accent); padding-top:16px; margin-top:28px; font-size:15px; color:var(--ink); max-width:34ch}
@media (max-width:900px){
.hug-scope.hug-about .editorial{grid-template-columns:minmax(0,1fr); gap:28px}
.hug-scope.hug-about .editorial .side{position:static}
}
.hug-scope.hug-about .meaning{background:var(--surface-2); border-block:1px solid var(--line)}
.hug-scope.hug-about .panels{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--gutter)}
.hug-scope.hug-about .panel{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:34px 32px 28px;
  min-height:290px; display:flex; flex-direction:column; transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast), box-shadow var(--dur-fast)}
.hug-scope.hug-about .panel:hover{transform:translateY(-2px); border-color:var(--accent); box-shadow:var(--shadow-md)}
.hug-scope.hug-about .panel .glyph{width:52px; height:52px; color:var(--ink-soft); margin-bottom:20px}
.hug-scope.hug-about .panel .glyph svg{width:100%; height:100%; stroke:currentColor; fill:none; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round}
.hug-scope.hug-about .panel h3{font-size:25px; margin-bottom:12px}
.hug-scope.hug-about .panel h3 em{font-style:normal; color:var(--muted); font-size:15px; font-weight:400; margin-inline-start:8px}
.hug-scope.hug-about .panel p{color:var(--ink-soft); max-width:44ch}
.hug-scope.hug-about .panel .concept{margin-top:auto; padding-top:20px; border-top:1px solid var(--line); font-size:14px}
.hug-scope.hug-about .panel .concept b{color:var(--ink); display:block; margin-bottom:2px}
.hug-scope.hug-about .panel .concept span{color:var(--muted)}
@media (max-width:768px){
.hug-scope.hug-about .panels{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-about .journey{position:relative; height:54px; margin-top:6px}
.hug-scope.hug-about .jline{position:absolute; top:50%; inset-inline:8px; height:1px; background:var(--line)}
.hug-scope.hug-about .jdot{position:absolute; top:50%; right:0; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:var(--accent);
  transform:translateX(0); transition:transform 2400ms var(--ease-out)}
.hug-scope.hug-about .jring{position:absolute; top:50%; left:0; width:26px; height:26px; margin-top:-13px; border-radius:50%; border:1.5px solid var(--ink-soft); opacity:.55}
.hug-scope.hug-about .journey.go .jdot{transform:translateX(calc(var(--travel,0px) * -1))}
.hug-scope.hug-about .jlabels{display:flex; justify-content:space-between; font-size:12px; color:var(--muted)}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-about .jdot{transition:none; transform:translateX(calc(var(--travel,0px) * -1))}
}
.hug-scope.hug-about .tl{position:relative}
.hug-scope.hug-about .tl-line{position:absolute; top:26px; inset-inline:0; height:2px; background:var(--line)}
.hug-scope.hug-about .tl-row{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; position:relative}
.hug-scope.hug-about .tl-dot{width:14px; height:14px; border-radius:50%; background:var(--bg); border:2px solid var(--ink-soft); margin-bottom:26px; position:relative; z-index:1;
  transition:background var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast) var(--ease-out)}
.hug-scope.hug-about .tl-item.now .tl-dot{background:var(--accent); border-color:var(--accent)}
.hug-scope.hug-about .tl-item:hover .tl-dot, .hug-scope.hug-about .tl-item:focus-visible .tl-dot{background:var(--accent); border-color:var(--accent); transform:scale(1.15)}
.hug-scope.hug-about .tl-year{font-size:25px; font-weight:700; color:var(--ink); font-variant-numeric:tabular-nums; line-height:1.2}
.hug-scope.hug-about .tl-title{font-size:16px; font-weight:600; color:var(--ink); margin:6px 0}
.hug-scope.hug-about .tl-desc{font-size:14px; color:var(--muted); max-width:32ch}
.hug-scope.hug-about .tl-flag{display:inline-block; margin-top:8px; font-size:11px; color:var(--accent-ink); background:var(--accent-soft); border-radius:var(--r-pill); padding:3px 10px}
@media (max-width:900px){
.hug-scope.hug-about .tl-line{inset-inline:auto; inset-inline-start:6px; top:6px; bottom:6px; width:2px; height:auto}
.hug-scope.hug-about .tl-row{grid-template-columns:minmax(0,1fr); gap:34px; padding-inline-start:34px}
.hug-scope.hug-about .tl-dot{position:absolute; inset-inline-start:-34px; margin-bottom:0; margin-top:6px}
.hug-scope.hug-about .tl-item{position:relative}
}
.hug-scope.hug-about .anat{background:var(--surface-2); border-block:1px solid var(--line)}
.hug-scope.hug-about .flow{position:relative}
.hug-scope.hug-about .flow-line{position:absolute; top:19px; inset-inline:0; height:2px; background:linear-gradient(to left,var(--line),var(--accent) 55%,var(--line))}
.hug-scope.hug-about .flow-row{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:14px; position:relative}
.hug-scope.hug-about .node .sn{width:40px; height:40px; border-radius:var(--r-btn); background:var(--surface); border:1px solid var(--line); color:var(--ink);
  display:grid; place-items:center; font-weight:600; font-size:14px; margin-bottom:20px; position:relative; z-index:1;
  transition:border-color var(--dur-fast), color var(--dur-fast), transform var(--dur-fast) var(--ease-out)}
.hug-scope.hug-about .node:hover .sn{border-color:var(--accent); color:var(--accent-ink); transform:translateY(-2px)}
.hug-scope.hug-about .node h3{font-size:16px; margin-bottom:6px}
.hug-scope.hug-about .node p{font-size:13.5px; color:var(--muted); margin-bottom:14px}
.hug-scope.hug-about .node dl{font-size:12px; border-top:1px solid var(--line); padding-top:10px}
.hug-scope.hug-about .node dt{color:var(--muted); display:inline}
.hug-scope.hug-about .node dd{display:inline; color:var(--ink-soft); font-weight:500}
.hug-scope.hug-about .node dl div + div{margin-top:4px}
.hug-scope.hug-about .node dl div{display:block}
@media (max-width:1100px){
.hug-scope.hug-about .flow-row{grid-template-columns:repeat(4,minmax(0,1fr)); gap:34px 24px}
.hug-scope.hug-about .flow-line{display:none}
}
@media (max-width:760px){
.hug-scope.hug-about .flow-row{grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px}
}
.hug-scope.hug-about .domainmap{margin-top:44px; padding-top:24px; border-top:1px solid var(--line); font-size:14px; color:var(--muted); max-width:var(--measure)}
.hug-scope.hug-about .domainmap b{color:var(--ink)}
.hug-scope.hug-about .dark{background:var(--ink); color:var(--on-dark)}
.hug-scope.hug-about .vision{max-width:900px; margin-inline:auto; text-align:center}
.hug-scope.hug-about .vision .overline{color:var(--accent-hi)}
.hug-scope.hug-about .vision blockquote{font-size:clamp(25px,3.4vw,39px); font-weight:600; color:#fff; line-height:1.25; max-width:22ch; margin-inline:auto}
.hug-scope.hug-about .vision p{color:#c2c9d2; margin-top:18px}
.hug-scope.hug-about .values{border-top:1px solid var(--line)}
.hug-scope.hug-about .vrow{display:grid; grid-template-columns:72px minmax(0,1fr) minmax(0,1.5fr); gap:24px; align-items:center; padding:24px 12px; border-bottom:1px solid var(--line);
  transition:background var(--dur-fast), transform var(--dur-fast) var(--ease-out)}
.hug-scope.hug-about .vrow:hover{background:var(--surface); transform:translateX(calc(var(--hug-dx,1) * -3px))}
.hug-scope.hug-about .vrow .vn{font-variant-numeric:tabular-nums; font-size:20px; font-weight:600; color:var(--line); transition:color var(--dur-fast)}
.hug-scope.hug-about .vrow:hover .vn{color:var(--accent)}
.hug-scope.hug-about .vrow p{color:var(--muted); font-size:15px}
@media (max-width:768px){
.hug-scope.hug-about .vrow{grid-template-columns:44px minmax(0,1fr); row-gap:6px}
.hug-scope.hug-about .vrow p{grid-column:2/-1}
}
.hug-scope.hug-about .spec{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:56px; align-items:start}
.hug-scope.hug-about .spectable{width:100%; border-collapse:collapse; font-size:15px}
.hug-scope.hug-about .spectable th{text-align:start; font-weight:400; color:var(--muted); padding:14px 0; border-bottom:1px solid var(--line); width:46%}
.hug-scope.hug-about .spectable td{text-align:start; font-weight:600; color:var(--ink); padding:14px 0; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums}
.hug-scope.hug-about .spectable td.q{font-weight:400; color:var(--accent-ink); font-size:14px}
.hug-scope.hug-about .spectable tr:last-child th, .hug-scope.hug-about .spectable tr:last-child td{border-bottom:0}
@media (max-width:900px){
.hug-scope.hug-about .spec{grid-template-columns:minmax(0,1fr); gap:28px}
}
.hug-scope.hug-about .team{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--gutter)}
.hug-scope.hug-about .person .ph{aspect-ratio:1/1; margin-bottom:12px}
.hug-scope.hug-about .person b{display:block}
.hug-scope.hug-about .person span{font-size:14px; color:var(--muted)}
.hug-scope.hug-about .cond{font-size:13px; color:var(--accent-ink); background:var(--accent-soft); border:1px solid #F3DFBE; border-radius:var(--r-btn); padding:10px 14px; margin-bottom:26px; display:inline-block}
@media (max-width:900px){
.hug-scope.hug-about .team{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.hug-scope.hug-about .faq{max-width:820px}
.hug-scope.hug-about .qa{border-bottom:1px solid var(--line)}
.hug-scope.hug-about .qa summary{list-style:none; cursor:pointer; padding:20px 0; font-size:17px; font-weight:600; color:var(--ink);
  display:flex; align-items:center; justify-content:space-between; gap:16px}
.hug-scope.hug-about .qa summary::-webkit-details-marker{display:none}
.hug-scope.hug-about .qa summary:hover{color:var(--accent-ink)}
.hug-scope.hug-about .qa summary:focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-about .qa .chev{flex:0 0 auto; width:18px; height:18px; stroke:var(--muted); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  transition:transform var(--dur-base) var(--ease-out)}
.hug-scope.hug-about .qa[open] .chev{transform:rotate(180deg)}
.hug-scope.hug-about .qa .ans{padding:0 0 22px; color:var(--ink-soft); max-width:var(--measure); font-size:16px}
.hug-scope.hug-about .qa .ans a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-about .close{background:var(--surface-2); border-top:1px solid var(--line); padding-block:64px}
.hug-scope.hug-about .close .row{display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap}
.hug-scope.hug-about .close h2{font-size:25px}
.hug-scope.hug-about .close p{color:var(--muted); margin-top:6px; max-width:48ch}
.hug-scope.hug-about .close .acts{display:flex; gap:12px; flex-wrap:wrap}