.staff-profiles { padding-left: var(--padding); padding-right: var(--padding); padding-top: var(--section_space); padding-bottom: var(--section_space); border-top: solid 1px rgba(0, 0, 0, 0.1); position: relative; }
@media (max-width: 1079px) { .staff-profiles { padding-left: var(--padding-tablet); padding-right: var(--padding-tablet); } }
@media (max-width: 699px) { .staff-profiles { padding-left: var(--padding-mobile); padding-right: var(--padding-mobile); } }
@media (max-width: 1079px) { .staff-profiles { padding-top: calc(var(--section_space) - 15px); padding-bottom: calc(var(--section_space) - 15px); } }
@media (max-width: 699px) { .staff-profiles { padding-top: calc(var(--section_space) - 25px); padding-bottom: calc(var(--section_space) - 25px); } }
.staff-profiles .wrap { max-width: var(--wrap-small); margin-left: auto; margin-right: auto; }
.staff-profiles .wrap .inner .intro-text { padding-bottom: 60px; }
.staff-profiles .wrap .inner .profiles .profile { display: flex; margin-bottom: 80px; }
@media (max-width: 699px) { .staff-profiles .wrap .inner .profiles .profile { flex-wrap: wrap; } }
.staff-profiles .wrap .inner .profiles .profile .image { width: 30%; margin-right: 60px; }
@media (max-width: 699px) { .staff-profiles .wrap .inner .profiles .profile .image { width: 100%; margin-bottom: 1.2em; margin-right: 0; } }
.staff-profiles .wrap .inner .profiles .profile .image .inner { width: 100%; padding-bottom: 100%; position: relative; }
.staff-profiles .wrap .inner .profiles .profile .image .inner img { object-position: center; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.staff-profiles .wrap .inner .profiles .profile .content { width: 70%; }
@media (max-width: 699px) { .staff-profiles .wrap .inner .profiles .profile .content { width: 100%; } }
.staff-profiles .wrap .inner .profiles .profile .content h5 { margin-top: 1em; margin-bottom: 1em; }