/* R160 — Cinematic About credits: home-page progress typing, founders cards, license reveal. */
.hasht-about-page{background:var(--bg)}
html.hasht-about-roll-locked,body.hasht-about-roll-locked{height:100dvh;overflow:hidden!important;overscroll-behavior:none}
.about-cinema{position:relative;min-height:100dvh;padding-top:var(--header-h,84px);overflow:hidden;background:var(--bg);color:var(--text);--about-logo-base:10rem;--about-logo-rest-size:10rem;--about-roll-y:0px}
.about-cinema__stage{position:relative;height:calc(100dvh - var(--header-h,84px));min-height:32rem;overflow:hidden;isolation:isolate}
.about-cinema__roll{position:absolute;z-index:2;inset:0 auto auto 50%;width:min(1180px,calc(100% - 2rem));height:100%;transform:translate3d(-50%,var(--about-roll-y),0);will-change:transform}
.about-cinema__visual{position:absolute;z-index:3;left:50%;top:50%;width:min(50vw,50vh);height:min(50vw,50vh);display:grid;place-items:center;transform:translate(-50%,-50%);perspective:1600px;transform-style:preserve-3d;pointer-events:none}
.about-cinema__logo{position:relative;display:block;width:var(--about-logo-base);height:var(--about-logo-base);object-fit:contain;transform-style:preserve-3d;backface-visibility:visible;will-change:width,height,transform,filter;filter:drop-shadow(0 0 .75rem color-mix(in srgb,var(--c-gold) 34%,transparent))}
.about-cinema__credits{position:absolute;z-index:2;left:50%;top:calc(50% + (var(--about-logo-rest-size,10rem) / 2) + clamp(4.25rem,8vh,6rem));width:min(1120px,calc(100% - 1rem));transform:translateX(-50%);text-align:center;opacity:0;visibility:hidden;pointer-events:none;padding-bottom:18vh}
.about-cinema__intro{width:min(860px,100%);margin-inline:auto}
.about-cinema__eyebrow{margin:0 0 .8rem;color:var(--c-gold);font-size:.82rem;font-weight:800;letter-spacing:.06em}
.about-cinema__credits h1{margin:0 0 1.4rem;font-size:clamp(2rem,6vw,4.6rem);line-height:1.2;letter-spacing:-.035em}
.about-cinema__copy{display:grid;gap:1.15rem;text-align:justify;text-align-last:right}
.about-cinema__copy p{margin:0;color:var(--text-dim);font-size:clamp(1rem,1.45vw,1.15rem);line-height:2.25}
.about-cinema [data-about-type],.about-cinema [data-founder-type]{white-space:pre-wrap}
.about-cinema .story-scene__cursor{margin-inline-start:.18em;vertical-align:-.08em}

.about-section-heading{display:grid;justify-items:center;gap:.45rem;margin:clamp(6rem,12vh,9rem) auto 2rem;opacity:var(--section-head-opacity,1);transform:translateY(var(--section-head-y,0));transition:none}
.about-section-heading>span{color:var(--c-gold);font-size:.7rem;font-weight:900;letter-spacing:.18em}
.about-section-heading h2{margin:0;font-size:clamp(1.7rem,4vw,3rem);line-height:1.25}
.about-empty-state{margin:1rem auto;padding:1rem 1.2rem;max-width:760px;border:1px dashed var(--line);border-radius:1rem;color:var(--text-dim);background:var(--bg-soft)}

/* مؤسسان: 4 کارت در هر ردیف دسکتاپ، ترتیب DOM در RTL از راست به چپ است. */
.about-founders{margin-top:1rem}
.about-founders__grid{direction:rtl;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}
.about-founder-card{--founder-clip:100%;--founder-photo-opacity:0;--founder-photo-x:42px;--founder-action-opacity:0;position:relative;min-width:0;overflow:hidden;padding:1rem;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:1.15rem;background:color-mix(in srgb,var(--bg-raised) 94%,transparent);box-shadow:0 1rem 2.7rem rgba(0,0,0,.10);clip-path:inset(0 0 var(--founder-clip) 0 round 1.15rem);will-change:clip-path,transform,opacity}
.about-founder-card__body{display:grid;grid-template-columns:82px minmax(0,1fr);gap:.85rem;align-items:start;text-align:right;direction:rtl}
.about-founder-card__photo-wrap{width:82px;aspect-ratio:3/4;border-radius:.9rem;overflow:hidden;border:1px solid var(--line);background:var(--bg-soft);opacity:var(--founder-photo-opacity);transform:translateX(var(--founder-photo-x));will-change:opacity,transform}
.about-founder-card__photo{display:block;width:100%;height:100%;object-fit:cover}
.about-founder-card__avatar{display:grid;place-items:center;width:100%;height:100%;font-size:2rem;font-weight:900;color:var(--c-gold);background:color-mix(in srgb,var(--c-gold) 10%,var(--bg-soft))}
.about-founder-card__info{min-width:0;display:grid;gap:.36rem;align-content:start}
.about-founder-card__info h3{margin:0 0 .2rem;font-size:1rem;line-height:1.65;color:var(--text)}
.about-founder-card__info p{margin:0;color:var(--text-dim);font-size:.77rem;line-height:1.75;min-height:1.35em}
.about-founder-card__view{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.45rem;margin-top:.9rem;border:1px solid color-mix(in srgb,var(--c-gold) 48%,var(--line));border-radius:.8rem;background:color-mix(in srgb,var(--c-gold) 7%,var(--bg-raised));color:var(--text);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;opacity:var(--founder-action-opacity);transition:border-color .2s ease,background .2s ease,transform .2s ease}
.about-founder-card__view:hover,.about-founder-card__view:focus-visible{border-color:var(--c-gold);background:color-mix(in srgb,var(--c-gold) 13%,var(--bg-raised));transform:translateY(-1px);outline:none}
.about-founder-card__view.is-disabled{cursor:default;color:var(--text-faint);border-color:var(--line);background:transparent}

/* مجوزها: نیمه اول از راست و نیمه دوم از چپ وارد می‌شوند. */
.about-licenses{margin-top:2rem}
.about-licenses__grid{direction:rtl;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.about-license-card{--license-opacity:0;--license-x:0px;display:grid;grid-template-rows:minmax(140px,1fr);gap:.65rem;align-items:center;min-width:0;padding:1rem;border:1px solid var(--line);border-radius:1.15rem;background:var(--bg-raised);color:var(--text);font:inherit;text-align:center;cursor:pointer;opacity:var(--license-opacity);transform:translateX(var(--license-x)) scale(var(--license-scale,.96));will-change:transform,opacity;box-shadow:0 1rem 2.5rem rgba(0,0,0,.08)}
.about-license-card:hover,.about-license-card:focus-visible{border-color:color-mix(in srgb,var(--c-gold) 58%,var(--line));outline:none}
.about-license-card__image{display:grid;place-items:center;width:100%;height:100%;min-height:140px;border-radius:.9rem;background:var(--bg-soft);overflow:hidden}
.about-license-card__image img{display:block;max-width:100%;max-height:170px;object-fit:contain}
.about-license-card strong{font-size:.88rem;line-height:1.7}.about-license-card small{color:var(--text-faint);font-size:.72rem}

/* Intro مشترک staged/manual: Loader size -> 50% viewport -> hold -> impact back to Loader size. */
.about-cinema.is-cinematic .about-cinema__logo{animation:about-logo-intro 3.05s cubic-bezier(.22,.78,.18,1) both}
.about-cinema.is-cinematic.is-intro-complete .about-cinema__logo{animation:about-logo-highlight 2.2s ease-in-out infinite}
.about-cinema.is-cinematic.is-hover-paused .about-cinema__logo{animation-play-state:paused!important}
.about-cinema.is-roll-started .about-cinema__credits{opacity:1;visibility:visible;pointer-events:auto}

/* حالت ثابت: همه محتوا کامل، بدون motion/type؛ فقط خود لوگو highlight دارد. */
.about-cinema.is-fixed{min-height:auto;overflow:visible}
.about-cinema.is-fixed .about-cinema__stage{height:auto;min-height:calc(100dvh - var(--header-h,84px));overflow:visible;padding:clamp(2rem,5vw,4rem) 1rem clamp(5rem,10vw,8rem)}
.about-cinema.is-fixed .about-cinema__roll{position:relative;left:auto;inset:auto;width:min(1180px,100%);height:auto;margin:0 auto;transform:none}
.about-cinema.is-fixed .about-cinema__visual{position:relative;left:auto;top:auto;width:100%;height:clamp(13rem,28vh,18rem);transform:none;margin:0 auto 1.5rem}
.about-cinema.is-fixed .about-cinema__logo{animation:about-logo-highlight 2.2s ease-in-out infinite;width:var(--about-logo-base);height:var(--about-logo-base)}
.about-cinema.is-fixed .about-cinema__credits{position:relative;left:auto;top:auto;width:min(1120px,100%);transform:none;opacity:1;visibility:visible;pointer-events:auto;margin:0 auto;padding-bottom:0}
.about-cinema.is-fixed .about-founder-card{--founder-clip:0%;--founder-photo-opacity:1;--founder-photo-x:0px;--founder-action-opacity:1;clip-path:none}
.about-cinema.is-fixed .about-license-card{--license-opacity:1;--license-x:0px}

/* Modal عمومی درباره ما */
.about-modal[hidden]{display:none!important}.about-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:1rem}
.about-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(3,6,15,.82);backdrop-filter:blur(9px);cursor:pointer}
.about-modal__panel{position:relative;z-index:2;width:min(92vw,760px);max-height:92dvh;overflow:auto;padding:1rem;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:1.35rem;background:var(--bg-raised);box-shadow:0 2rem 7rem rgba(0,0,0,.48)}
.about-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem;text-align:right}.about-modal__header>div{display:grid;gap:.18rem}.about-modal__header span{font-size:.68rem;color:var(--c-gold);font-weight:900}.about-modal__header h2{margin:0;font-size:1.15rem}.about-modal__close{width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:.75rem;background:transparent;color:var(--text);font:inherit;font-size:1.35rem;cursor:pointer}.about-modal__hint{margin:.2rem 0 1rem;color:var(--text-dim);font-size:.78rem;text-align:center}
.about-modal__panel--member{width:min(92vw,560px);overflow:visible}
.about-member-card3d{display:block;width:min(330px,72vw);aspect-ratio:54/86;margin:0 auto;border:0;padding:0;background:transparent;perspective:1600px;cursor:pointer}
.about-member-card3d__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.72,.16,1)}
.about-member-card3d.is-flipped .about-member-card3d__inner{transform:rotateY(180deg)}
.about-member-card3d__face{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:var(--bg-soft);backface-visibility:hidden;box-shadow:0 1.4rem 4rem rgba(0,0,0,.3)}
.about-member-card3d__face.is-back{transform:rotateY(180deg)}
.about-member-card3d__face img{display:block;width:100%;height:100%;object-fit:contain}.about-member-card3d__face img:not([src]),.about-member-card3d__face img[src=""]{visibility:hidden}
.about-modal__panel--license{width:min(94vw,920px)}.about-license-modal__image{position:relative;display:grid;place-items:center;max-height:76dvh;overflow:auto;border-radius:1rem;background:var(--bg-soft);padding:1rem;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.about-license-modal__image canvas{display:block;max-width:100%;max-height:72dvh;width:auto;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.about-license-modal__status{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;text-align:center;color:var(--text-faint);font-size:.85rem;line-height:1.9}.about-license-modal__status[hidden]{display:none}.about-license-modal__privacy{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;background:color-mix(in srgb,var(--bg-raised) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;color:var(--text);font-weight:800;z-index:4}.about-license-modal__privacy[hidden]{display:none}.about-modal__panel--license.is-protected-blur canvas{filter:blur(26px);opacity:.08}
html.hasht-about-modal-open,body.hasht-about-modal-open{overflow:hidden!important}

@keyframes about-logo-intro{
  0%{width:var(--about-logo-base);height:var(--about-logo-base);transform:rotateY(0deg) rotateX(5deg) scale(.96);filter:drop-shadow(0 0 .55rem color-mix(in srgb,var(--c-gold) 28%,transparent))}
  48%{width:min(50vw,50vh);height:min(50vw,50vh);transform:rotateY(1080deg) rotateX(0deg) scale(1);filter:drop-shadow(0 0 2.2rem color-mix(in srgb,var(--c-gold) 76%,transparent)) brightness(1.08)}
  58%{width:min(50vw,50vh);height:min(50vw,50vh);transform:rotateY(1080deg) rotateX(0deg) scale(1);filter:drop-shadow(0 0 2.55rem color-mix(in srgb,var(--c-gold) 86%,transparent)) brightness(1.12)}
  69%{width:var(--about-logo-base);height:var(--about-logo-base);transform:rotateY(1080deg) rotateX(0deg) scale(.72);filter:drop-shadow(0 0 2.8rem color-mix(in srgb,var(--c-gold) 92%,transparent)) brightness(1.42)}
  77%{width:var(--about-logo-base);height:var(--about-logo-base);transform:rotateY(1080deg) scale(1.1);filter:drop-shadow(0 0 1.85rem color-mix(in srgb,var(--c-gold) 72%,transparent)) brightness(1.18)}
  86%{width:var(--about-logo-base);height:var(--about-logo-base);transform:rotateY(1080deg) scale(.96)}
  100%{width:var(--about-logo-base);height:var(--about-logo-base);transform:rotateY(1080deg) scale(1);filter:drop-shadow(0 0 1.15rem color-mix(in srgb,var(--c-gold) 54%,transparent))}
}
@keyframes about-logo-highlight{0%,100%{filter:drop-shadow(0 0 .7rem color-mix(in srgb,var(--c-gold) 34%,transparent)) brightness(1);transform:rotateY(0deg) scale(1)}50%{filter:drop-shadow(0 0 1.7rem color-mix(in srgb,var(--c-gold) 76%,transparent)) brightness(1.12);transform:rotateY(0deg) scale(1.025)}}

@media(max-width:1080px){.about-founders__grid,.about-licenses__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  .about-cinema{padding-top:var(--header-h,72px)}.about-cinema__stage{height:calc(100dvh - var(--header-h,72px));min-height:28rem}.about-cinema__roll{width:min(100% - 1.1rem,760px)}.about-cinema__credits{top:calc(50% + (var(--about-logo-base) / 2) + 2.75rem);width:min(100% - .4rem,680px)}.about-cinema__copy{text-align:right}.about-founders__grid,.about-licenses__grid{grid-template-columns:1fr}.about-founder-card__body{grid-template-columns:88px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.about-cinema *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}


/* R160 — Footer is the final cinematic credit on About. */
.about-cinema.is-cinematic .about-cinema__credits>.site-footer.about-cinema__footer{
  width:100vw;
  max-width:none;
  margin:clamp(7rem,14vh,11rem) calc(50% - 50vw) 0;
  text-align:right;
  pointer-events:auto;
}
.about-cinema.is-cinematic .about-cinema__credits>.site-footer.about-cinema__footer .page-jump--up{
  pointer-events:auto;
}

/* R161 — generated vertical founder card from synchronized public council data. */
.about-member-card3d__face{grid-template-rows:auto auto auto auto auto;align-content:start;justify-items:center;gap:.58rem;padding:1rem;text-align:center}
.about-member-card3d__brand{display:inline-flex;align-items:center;justify-content:center;min-height:1.7rem;padding:.2rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--c-gold) 44%,var(--line));color:var(--c-gold);font-size:.68rem;font-weight:900}
.about-member-card3d__photo{display:block;width:42%;aspect-ratio:3/4;margin-top:.3rem;border-radius:.85rem;overflow:hidden;border:1px solid var(--line);background:var(--bg-soft)}
.about-member-card3d__photo img{width:100%;height:100%;object-fit:cover}
.about-member-card3d__face.is-front>strong{font-size:1.03rem;line-height:1.8}.about-member-card3d__face.is-front>span:not(.about-member-card3d__brand):not(.about-member-card3d__photo){font-size:.76rem;color:var(--text-dim)}
.about-member-card3d__face.is-front>small{font-size:.7rem;color:var(--text-faint)}
.about-member-card3d__face.is-back{grid-template-rows:auto 1fr auto;align-content:stretch;justify-items:stretch;text-align:right;direction:rtl}
.about-member-card3d__details{display:grid;gap:.48rem;margin:0;width:100%}.about-member-card3d__details>div{display:grid;grid-template-columns:minmax(78px,.72fr) 1fr;gap:.6rem;padding:.48rem .58rem;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.about-member-card3d__details dt{font-size:.68rem;color:var(--text-faint)}.about-member-card3d__details dd{margin:0;font-size:.72rem;color:var(--text);font-weight:700;overflow-wrap:anywhere}.about-member-card3d__face.is-back>small{font-size:.64rem;color:var(--text-faint);text-align:center}

/* ═══════════════════════════════════════════════════════════
   R163 — performance + mobile WebApp corrections
   ═══════════════════════════════════════════════════════════ */
.about-cinema{--about-logo-small-scale:.48;--about-logo-impact-scale:.346;--about-logo-bounce-scale:.528;--about-logo-settle-scale:.461}
.about-cinema__logo{
  width:min(50vw,50vh);height:min(50vw,50vh);
  will-change:transform;
  filter:drop-shadow(0 0 1rem color-mix(in srgb,var(--c-gold) 46%,transparent));
}
.about-founder-card{
  --founder-opacity:1;--founder-y:0px;
  clip-path:none!important;
  opacity:var(--founder-opacity);
  transform:translate3d(0,var(--founder-y),0);
  will-change:transform,opacity;
  contain:layout paint style;
}
.about-cinema [data-about-type].is-typing::after,
.about-cinema [data-founder-type].is-typing::after{
  content:"";display:inline-block;width:.12em;height:1.05em;margin-inline-start:.18em;
  vertical-align:-.08em;background:currentColor;opacity:.82;animation:about-type-cursor .72s steps(1,end) infinite;
}
@keyframes about-type-cursor{0%,48%{opacity:.82}49%,100%{opacity:.12}}

/* Transform-only intro: no width/height animation and therefore no layout invalidation. */
@keyframes about-logo-intro{
  0%{transform:rotateY(0deg) rotateX(5deg) scale(var(--about-logo-small-scale));opacity:.94}
  48%{transform:rotateY(1080deg) rotateX(0deg) scale(1);opacity:1}
  58%{transform:rotateY(1080deg) rotateX(0deg) scale(1);opacity:1}
  69%{transform:rotateY(1080deg) rotateX(0deg) scale(var(--about-logo-impact-scale));opacity:1}
  77%{transform:rotateY(1080deg) rotateX(0deg) scale(var(--about-logo-bounce-scale));opacity:1}
  86%{transform:rotateY(1080deg) rotateX(0deg) scale(var(--about-logo-settle-scale));opacity:1}
  100%{transform:rotateY(1080deg) rotateX(0deg) scale(var(--about-logo-small-scale));opacity:1}
}
@keyframes about-logo-highlight{
  0%,100%{transform:rotateY(0deg) scale(var(--about-logo-small-scale));opacity:1}
  50%{transform:rotateY(0deg) scale(var(--about-logo-bounce-scale));opacity:.96}
}
.about-cinema.is-fixed .about-cinema__logo{
  width:min(50vw,50vh);height:min(50vw,50vh);
  transform:scale(var(--about-logo-small-scale));
}
.about-cinema.is-fixed .about-founder-card{--founder-opacity:1;--founder-y:0px}

/* Windows card images are authoritative when exported by the desktop system. */
.about-member-card3d__fallback{display:grid;width:100%;height:100%;grid-template-rows:auto auto auto auto auto;align-content:start;justify-items:center;gap:.58rem;padding:1rem;text-align:center}
.about-member-card3d__face.is-back .about-member-card3d__fallback{grid-template-rows:auto 1fr auto;align-content:stretch;justify-items:stretch;text-align:right;direction:rtl}
.about-member-card3d__windows-card{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;background:var(--bg-soft)}
.about-member-card3d.has-windows-card .about-member-card3d__fallback{display:none}
.about-member-card3d:not(.has-windows-card) .about-member-card3d__windows-card{display:none!important}
.about-member-card3d__fallback .about-member-card3d__photo img{width:100%;height:100%;object-fit:cover}

/* License orientation control / portrait mode. */
.about-modal__actions{display:flex!important;align-items:center;gap:.5rem}
.about-modal__orientation{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:.75rem;background:transparent;color:var(--text);cursor:pointer}
.about-modal__orientation[hidden]{display:none!important}
.about-modal__orientation svg{width:1.2rem;height:1.2rem}.about-modal__orientation-icon--portrait{display:none}.about-modal__orientation.is-active .about-modal__orientation-icon--landscape{display:none}.about-modal__orientation.is-active .about-modal__orientation-icon--portrait{display:block}
.about-modal__orientation.is-active{border-color:var(--c-gold);color:var(--c-gold);background:color-mix(in srgb,var(--c-gold) 8%,var(--bg-raised))}
.about-modal.is-landscape-view{padding:0;background:#05070d}
.about-modal__panel--license.is-landscape-view,
.about-modal__panel--license:fullscreen{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:max(.7rem,env(safe-area-inset-top)) max(.7rem,env(safe-area-inset-right)) max(.7rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left));background:var(--bg-raised);overflow:hidden}
.about-modal__panel--license.is-landscape-view .about-license-modal__image,
.about-modal__panel--license:fullscreen .about-license-modal__image{flex:1 1 auto;height:auto;min-height:0;max-height:none;overflow:hidden}
.about-modal__panel--license.is-landscape-view .about-license-modal__image canvas,
.about-modal__panel--license:fullscreen .about-license-modal__image canvas{max-width:100%;max-height:100%;object-fit:contain}

/* R164 mobile WebApp: static About content with desktop-consistent alignment and the global mobile header. */
@media(max-width:767px){
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page{
    overflow-x:hidden;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema{
    min-height:auto;padding-top:var(--mwa-header-h,var(--header-h,3.65rem));overflow:visible;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__stage{
    height:auto;min-height:0;overflow:visible;padding:1.2rem .78rem 2.4rem;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__roll{
    position:relative;inset:auto;left:auto;width:100%;height:auto;margin:0;transform:none!important;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__visual,
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__eyebrow,
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-section-heading>span{
    display:none!important;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__credits{
    position:relative;inset:auto;left:auto;top:auto;width:100%;margin:0;transform:none;
    opacity:1;visibility:visible;pointer-events:auto;padding:0;text-align:center;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__intro{width:100%;margin:0}
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__credits h1{
    margin:.15rem 0 1rem;font-size:clamp(1.65rem,8vw,2.3rem);letter-spacing:-.025em;text-align:center;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__eyebrow{text-align:center}
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__copy{gap:.75rem;text-align:right;text-align-last:right}
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__copy p{font-size:.93rem;line-height:2.05;text-align:right}
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-section-heading{
    justify-items:center;margin:2.1rem 0 .9rem;text-align:center;opacity:1!important;transform:none!important;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-section-heading h2{width:100%;font-size:1.25rem;text-align:center}

  /* Two cards are visible simultaneously; native horizontal scrolling provides finger drag. */
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-founders__grid{
    display:flex;direction:rtl;gap:.65rem;width:calc(100% + .25rem);margin-inline:-.125rem;
    overflow-x:auto;overflow-y:hidden;padding:.15rem .125rem .55rem;
    scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-founders__grid::-webkit-scrollbar{display:none}
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-founder-card{
    flex:0 0 calc((100% - .65rem)/2);scroll-snap-align:start;scroll-snap-stop:always;
    padding:.66rem;border-radius:.9rem;box-shadow:0 .55rem 1.6rem rgba(0,0,0,.07);
    opacity:1!important;transform:none!important;contain:content;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-founder-card__body{
    display:flex;flex-direction:column;gap:.55rem;align-items:stretch;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-founder-card__photo-wrap{
    width:100%;max-width:none;aspect-ratio:3/4;border-radius:.72rem;opacity:1!important;transform:none!important;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-founder-card__info{gap:.18rem}
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-founder-card__info h3{font-size:.82rem;line-height:1.65;margin:0 .02rem .1rem}
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-founder-card__info p{font-size:.63rem;line-height:1.55;min-height:0}
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-founder-card__view{
    min-height:2rem;margin-top:.55rem;border-radius:.65rem;font-size:.67rem;opacity:1!important;
  }

  /* Licenses are always a two-column matrix in mobile WebApp. */
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-licenses__grid{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;direction:rtl;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-license-card{
    grid-template-rows:minmax(96px,1fr) auto;gap:.5rem;padding:.65rem;border-radius:.9rem;
    opacity:1!important;transform:none!important;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-license-card__image{min-height:96px;border-radius:.7rem}
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-license-card__image img{max-height:120px}
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-license-card strong{font-size:.7rem;line-height:1.5}

  /* On this page WebApp mode exposes only the requested content; global utilities/footer stay out. */
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .skip-link,
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page #footer,
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page #map-modal,
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page #section-index,
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page #custom-scroll,
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .page-jump{display:none!important}

  .about-modal{padding:max(.55rem,env(safe-area-inset-top)) .55rem max(.55rem,env(safe-area-inset-bottom))}
  .about-modal__panel{width:min(96vw,760px);max-height:94dvh;border-radius:1rem;padding:.75rem}
  .about-modal__panel--member{width:min(96vw,520px)}
  .about-member-card3d{width:min(300px,76vw)}
  .about-modal__panel--license{
    width:min(96vw,34rem);
    height:min(88dvh,46rem);
    max-height:calc(100dvh - max(1.1rem,env(safe-area-inset-top)) - max(1.1rem,env(safe-area-inset-bottom)));
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .about-modal__panel--license .about-modal__header{position:relative;flex:0 0 auto;min-height:2.35rem;margin-bottom:.5rem;padding-inline:2.6rem;align-items:center;justify-content:center;text-align:center}
  .about-modal__panel--license .about-modal__header>div:first-child{min-width:0;text-align:center}
  .about-modal__panel--license .about-modal__actions{position:absolute;inset:0;display:block!important;pointer-events:none}
  .about-modal__panel--license .about-modal__actions .about-modal__orientation,
  .about-modal__panel--license .about-modal__actions .about-modal__close{position:absolute;top:0;pointer-events:auto}
  .about-modal__panel--license .about-modal__orientation{right:0;left:auto}
  .about-modal__panel--license .about-modal__close{left:0;right:auto}
  .about-license-modal__image{flex:1 1 auto;min-height:0;max-height:none;overflow:hidden;padding:.35rem}
  .about-license-modal__image canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto}
  .about-modal__orientation{width:2.25rem;height:2.25rem;border:0;border-radius:0;background:transparent}
}

/* R247 — landscape licenses can opt into a true landscape viewer. If the browser
   cannot lock orientation, rotate the same protected panel inside the portrait viewport. */
@media(max-width:767px) and (orientation:portrait){
  .about-modal__panel--license.is-landscape-view,
  .about-modal__panel--license.is-landscape-view:fullscreen{
    position:fixed;left:50%;top:50%;width:100dvh;height:100vw;max-width:none;max-height:none;
    transform:translate(-50%,-50%) rotate(90deg);transform-origin:center;border-radius:0;
  }
}
@media(max-width:767px) and (orientation:landscape){
  .about-modal__panel--license.is-landscape-view,
  .about-modal__panel--license:fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;transform:none}
}



/* ═══════════════════════════════════════════════════════════
   R166 — structural desktop spacing + hard mobile header boundary
   ═══════════════════════════════════════════════════════════ */
.about-cinema{
  --about-fixed-logo-size:clamp(8.5rem,13vw,10.5rem);
  --about-fixed-logo-slot-scale:1.18;
  --about-fixed-logo-copy-gap:clamp(3rem,5.5vh,4.5rem);
  --about-logo-copy-gap:clamp(3.25rem,6.5vh,5rem);
}

/* Cinematic/manual timeline: the first credit line is anchored below the visual
   resting footprint of the logo. The transform animation never participates in
   the calculation, so the gap cannot collapse during the intro/highlight handoff. */
.about-cinema:not(.is-fixed) .about-cinema__credits{
  top:calc(50% + (var(--about-logo-rest-size,10rem) / 2) + var(--about-logo-copy-gap));
}

/* Fixed desktop mode uses REAL layout dimensions for the logo instead of a large
   50vw/50vh box that is visually shrunk by transform. The slot reserves the full
   highlight envelope, then a separate physical gap is kept before the eyebrow.
   This makes logo/text overlap geometrically impossible at every desktop size. */
.about-cinema.is-fixed .about-cinema__visual{
  position:relative;
  left:auto;
  top:auto;
  width:100%;
  height:calc(var(--about-fixed-logo-size) * var(--about-fixed-logo-slot-scale));
  min-height:calc(var(--about-fixed-logo-size) * var(--about-fixed-logo-slot-scale));
  margin:0 auto var(--about-fixed-logo-copy-gap);
  display:grid;
  place-items:center;
  transform:none;
  overflow:visible;
}
.about-cinema.is-fixed .about-cinema__logo{
  width:var(--about-fixed-logo-size);
  height:var(--about-fixed-logo-size);
  max-width:none;
  max-height:none;
  transform:none;
  animation:about-logo-fixed-highlight 2.2s ease-in-out infinite;
  will-change:transform;
}
@keyframes about-logo-fixed-highlight{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.07);opacity:.97}
}
.about-cinema.is-fixed .about-cinema__credits{
  position:relative;
  left:auto;
  top:auto;
  width:min(1120px,100%);
  transform:none;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  margin:0 auto;
  padding-bottom:0;
}
.about-cinema.is-fixed .about-cinema__eyebrow{
  margin-top:0;
}

/* Staged animation hover pause. */
.about-cinema.is-cinematic.is-hover-paused .about-cinema__logo,
.about-cinema.is-cinematic.is-hover-paused [data-about-type].is-typing::after,
.about-cinema.is-cinematic.is-hover-paused [data-founder-type].is-typing::after{
  animation-play-state:paused!important;
}

@media(max-width:767px){
  /* The About page is a real scrollport BELOW the fixed mobile header. The top
     boundary is measured from the actual rendered header height by about-r166.js.
     The scrollport itself is clipped/paint-contained, so descendants physically
     cannot render in the header area, regardless of WebApp vs Full mobile mode. */
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page{
    width:100%;
    height:100dvh;
    min-height:100dvh;
    overflow:hidden!important;
    overscroll-behavior:none;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema,
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema.is-fixed{
    position:fixed;
    z-index:1;
    inset:var(--about-mobile-header-boundary,var(--mwa-header-h,var(--header-h,3.65rem))) 0 0;
    width:100%;
    height:auto;
    min-height:0;
    padding:0!important;
    overflow:visible!important;
    background:var(--bg);
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__stage,
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema.is-fixed .about-cinema__stage{
    position:relative;
    width:100%;
    height:100%;
    max-height:none;
    min-height:0;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:1.2rem .78rem 2.4rem;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    scroll-padding-top:0;
    clip-path:inset(0);
    contain:paint;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__roll{
    position:relative;
    inset:auto;
    left:auto;
    width:100%;
    height:auto;
    margin:0;
    transform:none!important;
  }
  html[data-mobile-webapp="true"][data-mobile-site-mode="webapp"] body.hasht-about-page .about-cinema__credits{
    position:relative;
    inset:auto;
    left:auto;
    top:auto;
    width:100%;
    margin:0;
    transform:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    padding:0;
  }
}

/* R245: the protected license viewer is never printable while open. */
@media print{html.hasht-license-protected-active body *{visibility:hidden!important}html.hasht-license-protected-active body{background:#fff!important}}


/* R253 — mobile license landscape mode owns the complete visual viewport. */
@media(max-width:767px){
  body.hasht-about-page .about-modal__panel--license.is-landscape-view,
  body.hasht-about-page .about-modal__panel--license.is-landscape-view:fullscreen{
    z-index:10003;
    margin:0;
    border:0;
    box-shadow:none;
  }
  body.hasht-about-page .about-modal__panel--license.is-landscape-view .about-modal__header,
  body.hasht-about-page .about-modal__panel--license:fullscreen .about-modal__header{
    flex:0 0 auto;
  }
  body.hasht-about-page .about-modal__panel--license.is-landscape-view .about-license-modal__image,
  body.hasht-about-page .about-modal__panel--license:fullscreen .about-license-modal__image{
    width:100%;
    height:100%;
    min-height:0;
    padding:.25rem;
  }
  body.hasht-about-page .about-modal__panel--license.is-landscape-view .about-license-modal__image canvas,
  body.hasht-about-page .about-modal__panel--license:fullscreen .about-license-modal__image canvas{
    max-width:100%!important;
    max-height:100%!important;
  }
}

/* R259 — the landscape/portrait viewer control is strictly mobile-only. */
@media (min-width:768px){
  body.hasht-about-page .about-modal__orientation,
  body.hasht-about-page [data-license-portrait-toggle]{display:none!important}
}

/* R295 — About content uses the canonical site font, including Persian digit glyphs. */
.about-cinema,
.about-cinema button,
.about-cinema input,
.about-cinema textarea,
.about-cinema select {
  font-family: var(--font, "Vazir", "Vazirmatn Variable", "Vazirmatn", Tahoma, Arial, sans-serif) !important;
  font-variant-numeric: normal;
  font-feature-settings: "locl" 1;
  font-language-override: "FAR";
}