/* One brief brand entrance; site content loads and remains interactive underneath. */
.brand-intro[hidden]{display:none!important}
.brand-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;isolation:isolate;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#fff 0%,#f7faff 43%,#eaf1f8 100%);padding:24px;opacity:0}
.brand-intro.is-running{animation:brand-intro-curtain 2500ms cubic-bezier(.22,.75,.25,1) both}
.brand-intro__content{position:relative;z-index:2;width:min(540px,78vw);text-align:center;animation:brand-intro-reveal 2500ms cubic-bezier(.16,1,.3,1) both}
.brand-intro__logo{position:relative;width:100%;aspect-ratio:1463/588;overflow:hidden}
.brand-intro__logo img{position:absolute;left:-3.623%;top:-44.558%;display:block;width:104.990%;max-width:none;height:auto;object-fit:contain}
.brand-intro__content p{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:500;font-size:clamp(12px,1.4vw,17px);line-height:1.9;color:#27435f;margin:19px -12px 0;animation:brand-intro-caption 2500ms ease both}
.brand-intro__rule{width:84px;height:2px;margin:26px auto 0;background:linear-gradient(90deg,transparent,#b78a4a,#1f4e79,transparent);transform-origin:center;animation:brand-intro-rule 2500ms ease both}
.brand-intro__halo{position:absolute;width:min(790px,120vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 15%,#bfd8ef55 48%,#d9b57722 62%,transparent 71%);animation:brand-intro-halo 2500ms ease-out both}
.brand-intro__orbit{position:absolute;width:min(820px,125vw);aspect-ratio:1;border:1px solid #21558019;border-radius:50%;transform:rotate(-25deg) scaleY(.66);animation:brand-intro-orbit 2500ms ease-out both}
.brand-intro__orbit::before{content:"";position:absolute;width:7px;height:7px;top:14%;right:14%;border-radius:50%;background:#b99158;box-shadow:0 0 18px #c7a16b99}
.brand-intro__orbit--inner{width:min(700px,110vw);border-color:#b9915829;animation-name:brand-intro-orbit-inner}
.brand-intro__orbit--inner::before{top:auto;right:auto;bottom:14%;left:14%;width:5px;height:5px;background:#44759f;box-shadow:0 0 14px #9dcced}
.brand-intro__beam{position:absolute;z-index:3;inset:-45% auto -45% -40%;width:22%;background:linear-gradient(90deg,transparent,#ffffffa8 50%,transparent);transform:translateX(-180%) rotate(22deg);animation:brand-intro-beam 2500ms ease-in-out both}
@keyframes brand-intro-curtain{0%{opacity:0;visibility:visible}10%,73%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes brand-intro-reveal{0%{opacity:0;transform:translateY(13px) scale(.93);filter:blur(6px)}25%,74%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:0;transform:translateY(-6px) scale(1.035);filter:blur(1px)}}
@keyframes brand-intro-caption{0%,20%{opacity:0;transform:translateY(7px)}40%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-3px)}}
@keyframes brand-intro-rule{0%,16%{opacity:0;transform:scaleX(0)}46%,77%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.5)}}
@keyframes brand-intro-halo{0%{opacity:0;transform:scale(.8)}35%,65%{opacity:1}100%{opacity:0;transform:scale(1.12)}}
@keyframes brand-intro-orbit{0%{opacity:0;transform:rotate(-38deg) scaleY(.66) scale(.92)}35%,65%{opacity:1}100%{opacity:0;transform:rotate(-16deg) scaleY(.66) scale(1.07)}}
@keyframes brand-intro-orbit-inner{0%{opacity:0;transform:rotate(34deg) scaleY(.66) scale(.9)}35%,65%{opacity:1}100%{opacity:0;transform:rotate(14deg) scaleY(.66) scale(1.08)}}
@keyframes brand-intro-beam{0%,14%{opacity:0;transform:translateX(-100%) rotate(22deg)}32%{opacity:.65}78%,100%{opacity:0;transform:translateX(800%) rotate(22deg)}}

/* The selected About photo sits above the text on the physical left in RTL layouts. */
.about-content{display:flow-root}
.about-content #about-brand-photo{float:left;width:180px;max-width:30%;margin:0 28px 20px 0;padding:10px;background:#fff;border:1px solid #dce4ed;border-radius:14px;box-shadow:0 10px 28px #073b7209}
.about-content #about-brand-photo img{display:block;width:100%;height:auto;max-height:225px;object-fit:contain;margin:0}
@media(max-width:700px){
  .brand-intro{padding:18px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .brand-intro__content{width:min(420px,82vw)}
  .brand-intro__content p{font-size:12px;margin-top:16px}
  .brand-intro__rule{margin-top:19px;width:65px}
  .about-content #about-brand-photo{width:108px;max-width:35%;margin:0 16px 14px 0;padding:6px;border-radius:10px}
  .about-content #about-brand-photo img{max-height:145px}
}
@media(max-height:430px) and (orientation:landscape){.brand-intro__content{width:min(340px,50vw)}.brand-intro__content p{font-size:11px;margin-top:10px}.brand-intro__rule{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.brand-intro,.brand-intro *{animation:none!important}}
@media print{.brand-intro{display:none!important}.about-content #about-brand-photo{box-shadow:none}}