/* Four quiet team principles; the shared light ray recalls optical focus. */
.team-values{--value-disc:64px;--value-line-top:56px;--value-line-inset:calc((100% - 64px)/8 + 32px);position:relative;isolation:isolate;margin:0 12px 26px;padding:24px 32px 18px;color:var(--purple);font-family:Onest,Arial,sans-serif}
.team-values-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.team-value{min-width:0;text-align:center;display:flex;align-items:center;flex-direction:column}
.team-value-icon{position:relative;display:grid;place-items:center;flex:none;width:var(--value-disc);height:var(--value-disc);border-radius:50%;border:1px solid #e7ddec;background:radial-gradient(circle at 40% 30%,#fff 5%,#faf7fc 65%,#f3edf7);color:var(--purple);box-shadow:0 0 0 3px #fff}
.team-value-icon:after{content:'';position:absolute;inset:-5px;border:1px solid #a778bd;border-radius:50%;opacity:0;transform:scale(.94);animation:team-value-focus 12s cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(var(--value-index)*2.55s + 1s);animation-play-state:paused;pointer-events:none}
.team-value-icon svg{display:block}
.team-value h3{margin:15px 0 9px;font-size:20px;line-height:1.2;letter-spacing:-.4px;font-weight:500}
.team-value p{margin:0;max-width:245px;color:color-mix(in srgb,var(--purple) 62%,#8b8990);font-size:14px;line-height:1.5;font-weight:400;letter-spacing:-.08px}
.team-values-optical-line{position:absolute;z-index:0;pointer-events:none;left:var(--value-line-inset);right:var(--value-line-inset);top:calc(var(--value-line-top) - 13px);height:26px;overflow:hidden}
.team-values-optical-line:before{content:'';position:absolute;left:0;right:0;top:12px;height:1px;background:#dfd0e8}
.team-values-beam{position:absolute;top:11px;left:0;width:19%;height:3px;background:linear-gradient(90deg,transparent,#bd98d0 30%,#6d3d86 68%,#d6bce3 85%,transparent);border-radius:50%;opacity:0;transform:translateX(-110%);animation:team-value-light 12s linear infinite;animation-play-state:paused}
.team-values-beam:after{content:'';position:absolute;top:-5px;right:12%;width:18px;height:12px;background:radial-gradient(ellipse,#b591cb66,transparent 70%)}
.team-values.is-in-view:not(.is-document-hidden) .team-values-beam,.team-values.is-in-view:not(.is-document-hidden) .team-value-icon:after{animation-play-state:running}
.team-values.is-economy .team-value-icon:after{animation:none}
@keyframes team-value-light{0%{opacity:0;transform:translateX(-110%)}8%{opacity:.72}88%{opacity:.72}96%,100%{opacity:0;transform:translateX(545%)}}
@keyframes team-value-focus{0%,18%,100%{opacity:0;transform:scale(.94)}5%{opacity:.45;transform:scale(1.04)}13%{opacity:0;transform:scale(1.15)}}
@media(min-width:768px) and (max-width:1100px){.team-values{padding-left:22px;padding-right:22px;--value-line-inset:calc((100% - 44px)/8 + 22px)}.team-values-list{gap:20px}.team-value h3{font-size:19px}.team-value p{font-size:13px}}
@media(max-width:767px){.team-values{--value-disc:54px;margin:0 12px 22px;padding:18px 12px 14px}.team-values-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.team-value-icon svg{width:24px;height:24px}.team-value h3{font-size:18px;margin:13px 0 8px}.team-value p{font-size:13px;line-height:1.5;max-width:245px}.team-values-optical-line{display:none}.team-value-icon:after{animation:none}.team-value:nth-child(odd) .team-value-icon:before{content:'';position:absolute;z-index:-1;left:100%;top:50%;height:1px;width:calc((100vw - 66px)/2 - 54px + 18px);background:linear-gradient(90deg,#dfd0e8,#eee5f3,#dfd0e8)}}
@media(prefers-reduced-motion:reduce){.team-values .team-values-beam,.team-values .team-value-icon:after{animation:none!important}.team-values-beam{display:none}}