.heroPortrait{aspect-ratio:1;margin:0;position:relative}.heroPortraitFrame{border:1px solid var(--border);border-radius:50%;position:absolute;inset:10.9375%;overflow:hidden}.heroHeadshot{object-fit:cover;object-position:50% 15%;width:100%;height:100%;display:block}.heroPortraitFrame:after{content:"";pointer-events:none;background:linear-gradient(135deg,#00bfff47,#009fe338);position:absolute;inset:0}.heroPortraitWave{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:scale(1.01)}.heroPortraitWaveShape{stroke-width:0;transform-origin:50%;animation:studioPortraitWaveRotate var(--portrait-wave-rotation-duration,7s) linear infinite, studioPortraitWavePulse var(--portrait-wave-pulse-duration,3s) ease-in-out infinite alternate}.heroPortraitRing{z-index:2;pointer-events:none;width:100%;height:100%;animation:studioPortraitRotate var(--portrait-rotation-duration,20s) linear infinite;display:block;position:relative}.heroPortraitRingText{fill:var(--paper);font-family:var(--font);letter-spacing:4px;text-transform:uppercase;font-size:22px;font-weight:600}.heroPortraitRingSeparator{fill:var(--cyan)}.heroPortrait[data-light-background=true] .heroPortraitRingText{fill:var(--ink)}.heroPortrait[data-animation-active=false] .heroPortraitRing,.heroPortrait[data-animation-active=false] .heroPortraitWaveShape{animation-play-state:paused}@keyframes studioPortraitRotate{to{transform:rotate(360deg)}}@keyframes studioPortraitWaveRotate{to{transform:rotate(-360deg)}}@keyframes studioPortraitWavePulse{to{stroke-width:20px}}@media (prefers-reduced-motion:reduce){.heroPortraitRing,.heroPortraitWaveShape{animation:none}}