body:has(.vs){transition:none}body:has(.vs) .site-header{transition:none}.vs{height:100svh;color:var(--fg);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.vs__ui{z-index:1;position:absolute;inset:0}.vs__item{inset-inline-start:var(--gutter);will-change:transform, opacity;flex-direction:column;align-items:flex-start;width:min(44vw,780px);display:flex;position:absolute;top:19svh}.vs__title{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(3rem,min(7vw,12.8svh),9.5rem);line-height:1}:lang(fa) .vs__title{letter-spacing:0;font-weight:800;line-height:1.25}.vs__title>span{display:inline-block}.vs__line{max-width:27em;margin-top:clamp(18px,4.6svh,48px);font-size:clamp(1rem,min(1.12vw,2.2svh),1.375rem);line-height:1.6}.vs__link{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin-top:clamp(22px,5.2svh,56px);font-size:.9375rem;font-weight:800;text-decoration:none;display:inline-flex}:lang(fa) .vs__link{letter-spacing:0;font-size:1rem}.vs__link svg{width:18px;transition:translate .4s var(--ease-out)}[dir=rtl] .vs__link svg{scale:-1 1}.vs__link:hover svg{translate:6px}[dir=rtl] .vs__link:hover svg{translate:-6px}.vs__preview{inset-inline-start:var(--gutter);aspect-ratio:16/9;border:5px solid var(--frame,#fff);background:var(--frame,#fff);border-radius:3px;width:clamp(180px,17.2vw,340px);transition:border-color .2s,background-color .2s;position:absolute;bottom:clamp(20px,3.8svh,48px);overflow:hidden}.vs__face{position:absolute;inset:0;overflow:hidden}.vs__face[hidden]{display:none}.vs__face video,.vs__face img{object-fit:cover;width:100%;height:100%;display:block}.vs__pause{z-index:3;color:#f2f0ea;cursor:pointer;background:0 0;border:0;place-items:end start;padding:8px;display:grid;position:absolute;inset:0}.vs__pause:focus-visible{outline-offset:-4px}.vs__pause svg{opacity:0;background:#404040bf;border-radius:50%;width:30px;height:30px;padding:7px;transition:opacity .3s}.vs__pause:is(:hover,:focus-visible,[aria-pressed=true]) svg{opacity:1}.vs__pause[aria-pressed=true] .vs__pause-bars,.vs__pause[aria-pressed=false] .vs__pause-play,.vs__preview[data-video=false] .vs__pause{display:none}.vs__intro{z-index:2;color:#f2f0ea;background:#404040;position:absolute;inset:0}.vs__intro[hidden]{display:none}@media (max-width:760px),(prefers-reduced-motion:reduce){.vs__intro{display:none}}@media (min-width:761px) and (prefers-reduced-motion:no-preference){html:has(.vs__intro:not([hidden])) .site-header{clip-path:inset(0 100% 0 0)}html[dir=rtl]:has(.vs__intro:not([hidden])) .site-header{clip-path:inset(0 0 0 100%)}.vs:has(.vs__intro:not([hidden])) .vs__nav{opacity:0}}.vs__who{inset-inline-start:var(--gutter);position:absolute;top:clamp(28px,5.4svh,64px)}.vs__name{font-family:var(--display);white-space:nowrap;color:var(--name);font-size:clamp(2.4rem,min(4.4vw,8.6svh),6rem);line-height:1.15;position:relative}:lang(fa) .vs__name{font-weight:800;line-height:1.35}.vs__name-line,.vs__role,.vs__bubble{opacity:0}.vs__name-line{color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--name) 70%, transparent);display:block}.vs__name-fill{--fill:-30;-webkit-mask-image:linear-gradient(to top, #000 calc(var(--fill) * 1%), transparent calc(var(--fill) * 1% + 30%));-webkit-mask-image:linear-gradient(to top, #000 calc(var(--fill) * 1%), transparent calc(var(--fill) * 1% + 30%));mask-image:linear-gradient(to top, #000 calc(var(--fill) * 1%), transparent calc(var(--fill) * 1% + 30%));position:absolute;inset:0}.vs__role{letter-spacing:.1em;text-transform:uppercase;margin-top:10px;font-size:.9375rem;font-weight:800}:lang(fa) .vs__role{letter-spacing:0;font-size:1rem}.vs__bubble{inset-inline-start:var(--gutter);background:#4f4f4f;border-radius:26px 26px 26px 4px;max-width:23rem;padding:15px 26px;font-size:.9375rem;font-style:italic;line-height:1.6;position:absolute;bottom:clamp(32px,7svh,80px)}[dir=rtl] .vs__bubble{border-radius:26px 26px 4px;font-style:normal}.vs__stage{z-index:3;pointer-events:none;position:absolute;inset:0}.vs__card{visibility:hidden;transform-origin:0 0;will-change:transform, filter, opacity;pointer-events:auto;-webkit-user-drag:none;backface-visibility:hidden;outline:1px solid #0000;display:block;position:absolute;top:0;left:0}.vs__gl{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vs--gl .vs__card{will-change:auto;outline:0}.vs--gl .vs__card:not(.is-morph) .vs__media{visibility:hidden}.vs__media{background:#4a4a4a;width:100%;height:100%;position:relative;overflow:hidden}.vs__media img{object-fit:cover;width:100%;height:100%}.vs__veil{background:linear-gradient(#4a4a4a 66%,#0000);height:150%;display:none;position:absolute;inset:0 0 auto}.vs.is-intro .vs__veil{display:block}.vs__nav{z-index:4;inset-inline-end:calc(5.36vw - 3px);pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:50%;translate:0 -50%}.vs__navitem{--tick-w:clamp(5px, .31vw, 9px);--tick-h:clamp(12px, .78vw, 22px);--tick-r:clamp(2.5px, .14vw, 4px);height:clamp(28px,1.8vw,52px);font:inherit;color:color-mix(in srgb, var(--fg) 65%, transparent);cursor:pointer;pointer-events:none;background:0 0;border:0;align-items:center;gap:clamp(16px,1.4vw,40px);padding:0;transition:color .3s;display:flex;position:relative}.vs__navitem[aria-current]{color:var(--fg)}.vs.is-overview .vs__navitem{pointer-events:auto}.vs__navlabel{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:clamp(.8125rem,.82vw,1.5rem);font-weight:800}:lang(fa) .vs__navlabel{letter-spacing:0;font-size:clamp(.875rem,.88vw,1.625rem)}.vs__navbar{inset-inline-end:0;width:var(--tick-w);height:var(--tick-h);margin-top:calc(var(--tick-h) / -2);border-radius:var(--tick-r);visibility:hidden;background:currentColor;position:absolute;top:50%}.vs__tick{width:var(--tick-w);height:var(--tick-h);border-radius:var(--tick-r);background:color-mix(in srgb, var(--fg) 60%, transparent);pointer-events:auto;transition:background-color .4s;position:relative}.vs__tick:before{content:"";position:absolute;inset:-10px -16px}.vs__navitem[aria-current] .vs__tick{background:var(--fg)}.vs.is-overview .vs__navitem[aria-current] .vs__tick{background:var(--tick)}@media (max-width:760px){.vs__stage{clip-path:inset(72px 0 calc(100% - 72px - 44svh))}.vs__item{inset-inline:20px;width:auto;top:calc(88px + 44svh)}.vs__title{font-size:clamp(2.6rem,12vw,3.6rem)}.vs__line{margin-top:12px}.vs__link{margin-top:18px}.vs__nav,.vs__preview{display:none}}