.employeesPage{--color-content-secondary:var(--color-gray-700);background:var(--color-surface-tertiary);width:100%;min-width:320px;height:100svh;color:var(--color-content-secondary);position:relative;overflow:hidden}.decorations{pointer-events:none;position:absolute;inset:0}.decorationTop,.decorationCenter,.decorationBottom{max-width:none;color:var(--color-surface-secondary);opacity:1;will-change:transform;animation:decorationArrival var(--duration-decoration-arrival) var(--easing-decoration-arrival) both;position:absolute}.decorationTop{--decoration-from-x:-188.695px;--decoration-from-y:233.6px;width:410px;height:410px;top:-171px;left:calc(50% + 83px)}.decorationCenter{--decoration-from-x:-288px;--decoration-from-y:126px;width:811px;height:811px;top:24px;left:calc(50% - 117px)}.decorationBottom{--decoration-from-x:-188.695px;--decoration-from-y:-140.4px;width:410px;height:410px;top:637px;left:calc(50% + 83px)}.decorationTop [data-ornament-outer-square],.decorationBottom [data-ornament-outer-square]{transform-box:view-box;transform-origin:205px 205px;animation:sideSquareArrival var(--duration-decoration-arrival) var(--easing-decoration-arrival) both}.employeeProfile{z-index:2;gap:var(--space-employee-profile);flex-direction:column;width:343px;display:flex;position:absolute;top:clamp(64px,9svh,96px);left:clamp(40px,12.5vw - 56px,124px)}.employeeProfileImage{width:343px;height:426px;position:relative;overflow:hidden}.employeeProfileImage img{object-fit:cover;width:100%;height:100%;animation:.24s ease-out profileReveal;display:block}.employeeProfileText{gap:var(--space-employee-copy);overflow-wrap:break-word;flex-direction:column;display:flex}.employeeProfileText h1{font-family:var(--font-family-heading);font-size:var(--font-size-employee-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-employee-heading);margin:0}.employeeProfileText p{margin:0}.employeeQuote{white-space:pre-line;font-family:var(--font-family-body);font-size:var(--font-size-employee-body);font-weight:var(--font-weight-body);line-height:var(--line-height-employee-body)}.employeeTags{color:var(--color-content-muted-on-light);font-family:var(--font-family-body);font-size:var(--font-size-body-s);line-height:var(--line-height-body-s);flex-wrap:wrap;gap:0 6px;display:flex}.employeeSocial{align-items:center;gap:var(--space-employee-social-icons);margin-top:calc(var(--space-purple) - var(--space-employee-copy));display:flex}.employeeSocialIcon{width:var(--size-employee-social-icon);height:var(--size-employee-social-icon);background-color:var(--color-content-inverse);transition:background-color var(--duration-interactive-color) var(--easing-interactive-color);-webkit-mask-image:var(--social-icon);-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--social-icon);mask-image:var(--social-icon);display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.employeeSocial a.employeeSocialIcon:focus-visible{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--space-gray)}.employeeSocial a.employeeSocialIconLinkedIn{background-color:var(--color-social-linkedin)}.employeeCarousel{z-index:3;scrollbar-width:none;overscroll-behavior:contain;width:200px;height:100%;position:absolute;top:0;left:calc(50% + clamp(144px,6.55vw + 93.7px,188px));overflow:hidden auto}.employeeCarousel::-webkit-scrollbar{display:none}.employeeCarousel:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.employeeCarouselTrack{flex-direction:column;gap:10px;display:flex}.employeeCarouselItem{cursor:pointer;background:0 0;border:0;flex:0 0 249px;width:200px;height:249px;padding:0;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.employeeCarouselItem img{object-fit:cover;width:100%;height:100%;display:block}.employeeCarouselItem[data-glitch] .employeeCarouselImageActive{animation:employeeColorGlitch var(--duration-employee-color-glitch) steps(1, end) both}.employeeCarouselItem:hover{transform:scale(.9)}.employeeCarouselItem:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:-3px}@media (width>=768px) and (width<=1199px){.decorationTop{--decoration-from-x:-628.003px;--decoration-from-y:435.11px}.decorationCenter{--decoration-from-x:-205.5px;--decoration-from-y:81px}.decorationBottom{--decoration-from-x:135.797px;--decoration-from-y:-372.89px}.employeeProfile{width:368px}.employeeProfileImage{width:368px;height:458px}}@media (width>=1200px){.decorationTop{--decoration-from-x:-768px;--decoration-from-y:394px}.decorationCenter{--decoration-from-x:-288px;--decoration-from-y:-1px}.decorationBottom{--decoration-from-x:192px;--decoration-from-y:-414px}}@media (width>=768px) and (height<=750px){.employeeProfile{transform-origin:0 0;transform:scale(.85)}}@media (width>=768px) and (height<=620px){.employeeProfile{transform:scale(.7)}}@media (width<=767px){.decorationTop{left:calc(50% + 83.5px)}.decorationCenter{left:calc(50% - 116.5px)}.decorationBottom{left:calc(50% + 83.5px)}.employeeProfile{gap:var(--space-employee-copy);width:min(343px,100vw - 32px);top:clamp(180px,25svh,220px);left:16px}.employeeProfileImage{aspect-ratio:343/426;width:min(100%,max(160px,100svh - 475px));height:auto}.employeeProfileText h1{font-size:var(--font-size-heading-h2);line-height:var(--line-height-heading-h2)}.employeeQuote{font-size:var(--font-size-body-s);line-height:var(--line-height-body-s)}.employeeTags{font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.employeeSocial{margin-top:0}.employeeCarousel{width:100%;height:140px;top:40px;left:0;overflow:auto hidden}.employeeCarouselTrack{flex-direction:row;gap:16px;width:max-content}.employeeCarouselItem{flex-basis:112px;width:112px;height:140px}}@media (width<=767px) and (height<=650px){.employeeProfile{transform-origin:0 0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.decorationTop,.decorationCenter,.decorationBottom,.employeeProfileImage img,.employeeCarouselItem,.employeeCarouselItem[data-glitch] .employeeCarouselImageActive{transition:none;animation:none}.decorationTop [data-ornament-outer-square],.decorationBottom [data-ornament-outer-square]{animation:none;transform:rotate(135deg)}}@keyframes decorationArrival{0%{transform:translate(var(--decoration-from-x), var(--decoration-from-y))}to{transform:translate(0)}}@keyframes sideSquareArrival{0%{transform:rotate(45deg)}to{transform:rotate(135deg)}}@keyframes profileReveal{0%{opacity:.6}to{opacity:1}}@keyframes employeeColorGlitch{0%,to{filter:grayscale(0);transform:translate(0)}18%{filter:grayscale()contrast(1.3);transform:translate(-3px)}32%{filter:grayscale(0)saturate(1.6);transform:translate(2px)}46%{filter:grayscale(.8);transform:translate(-1px)}64%{filter:grayscale(0)saturate(1.35);transform:translate(1px)}78%{filter:grayscale(.25);transform:translate(0)}}.employeeProfilePanel{display:contents}.employeeSocialIconFigma{--social-icon:url(/assets/social-telegram-y60Tdz-_.svg)}.employeeSocialIconX{--social-icon:url(/assets/social-vk-Cbw4M7fS.svg)}.employeeSocialIconInstagram{--social-icon:url(/assets/social-behance-TS7o_hlb.svg)}.employeeSocialIconLinkedIn{--social-icon:url(/assets/social-dribbble-DsLG97nH.svg)}
