section.section-five{height:100svh;min-height:700px;padding:0;display:grid;place-items:center;overflow:hidden}
.section-five .network-intro{position:relative;z-index:2;margin:0;width:90%;max-width:900px;text-align:center;pointer-events:none}
.section-five .network-intro h2{font-size:clamp(40px,5.6vw,80px);line-height:1.1;margin:0}
.team-portraits{position:absolute;inset:0;max-width:1500px;width:100%;margin:auto;pointer-events:none}
.team-portraits img{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);object-fit:cover;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff18;animation:team-portrait-drift 9s ease-in-out var(--delay) infinite alternate}
@keyframes team-portrait-drift{from{translate:0 -6px}to{translate:0 6px}}
@media(max-width:700px){section.section-five{min-height:650px}.team-portraits img{width:calc(var(--size)*.6);height:calc(var(--size)*.6)}.section-five .network-intro h2{font-size:clamp(34px,8vw,52px)}.team-portraits img:nth-child(4){left:92%;top:48%}.team-portraits img:nth-child(5){left:8%;top:52%}}
@media(prefers-reduced-motion:reduce){.team-portraits img{animation:none}}

.team-portraits img{animation:team-portrait-drift 9s ease-in-out var(--delay) infinite alternate,team-portrait-pulse var(--pulse-duration,5s) ease-in-out var(--delay) infinite}
@keyframes team-portrait-pulse{0%,100%{scale:.93;opacity:.65}50%{scale:1.06;opacity:1}}
@media(prefers-reduced-motion:reduce){.team-portraits img{animation:none;scale:1;opacity:1}}

.team-portraits img{filter:blur(var(--portrait-blur,0px))}
.section-five .network-intro h2 span{white-space:nowrap}
.team-orbit{position:absolute;left:50%;top:50%;width:min(1260px,110.4vw);aspect-ratio:1;transform:translate(-50%,-50%);animation:team-orbit-spin 100s linear infinite;pointer-events:none}
.team-orbit svg{position:absolute;inset:0;width:100%;height:100%}
.team-orbit-person{position:absolute;inset:0;transform:rotate(var(--angle))}
.team-orbit-person img{position:absolute;left:94%;top:50%;width:clamp(33.6px,5.4vw,72px);aspect-ratio:1;object-fit:cover;border-radius:50%;transform:translate(-50%,-50%) rotate(calc(-1 * var(--angle)));animation:team-face-counterspin 100s linear infinite;box-shadow:none}
@keyframes team-orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes team-face-counterspin{to{transform:translate(-50%,-50%) rotate(calc(-1 * var(--angle) - 360deg))}}
@media(max-width:700px){.team-orbit{width:174vw}.team-orbit-person img{width:50.4px}}
@media(prefers-reduced-motion:reduce){.team-orbit,.team-orbit-person img{animation:none}}

.team-orbit-fade{position:absolute;inset:0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}

/* Size the image itself so counter-rotation stays centered on the line endpoint. */
.team-orbit-person img{left:var(--orbit-position,94%);width:calc(clamp(33.6px,5.4vw,72px) * var(--head-scale,1));scale:1;transform-origin:50% 50%}
@media(max-width:700px){.team-orbit-person img{width:calc(50.4px * var(--head-scale,1))}}

.section-five .network-intro{translate:0 20px}
.team-orbit-fade{opacity:0;transition:opacity 3000ms ease}
.section-five.team-orbit-ready .team-orbit-fade{opacity:1}
@media(prefers-reduced-motion:reduce){.team-orbit-fade{transition:none}}
