.so-team-showcase{--team-showcase-border:#ebe5db;--team-showcase-muted:gray;--team-showcase-checkbox:#b3b3b3;align-items:flex-start;display:flex;gap:var(--so-block-gap);position:relative;@media (max-width:1312px){flex-direction:column}.content{color:var(--so-color-text);display:flex;flex:0 0 303px;flex-direction:column;gap:var(--so-block-gap);padding:128px 0;width:303px;@media (max-width:1312px){flex-basis:auto;padding-bottom:0;padding-top:64px;width:100%}@media (max-width:576px){padding-top:32px}& :is(h1,h2,h3,h4,h5,h6){margin-bottom:0}& p{font-size:var(--so-font-size-body-l);margin:0}}.content-actions{align-items:flex-start;display:flex;flex-direction:column;gap:16px;& .buttons-wrapper{margin-bottom:0}}.team-filter-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:16px;margin:0}.filter-item{align-items:center;display:flex;gap:8px;min-height:24px;& input{appearance:none;background-color:var(--so-color-white);border:1px solid var(--team-showcase-checkbox);border-radius:4px;cursor:pointer;height:16px;margin:0;width:16px;&:checked{background:var(--so-color-primary) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M10.59 1.29 4 7.88 1.41 5.3 0 6.71l4 4 8-8z'/%3E%3C/svg%3E") center /10px no-repeat;border-color:var(--so-color-primary)}&:focus-visible{outline:2px solid var(--so-color-secondary);outline-offset:2px}}& label{cursor:pointer;font-size:var(--so-font-size-body-s);margin:0}}.team-members-showcase{display:flex;flex:1;gap:16px;height:820px;min-width:0;overflow:hidden;@media (max-width:1312px){flex-direction:column;height:auto;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:none;overflow:visible;width:100vw}}.column{flex:1;height:100%;min-width:0;@media (max-width:1312px){height:auto;&.slick-initialized{overflow:visible;.slick-list{overflow:visible}}}&:not(.slick-initialized){display:flex;flex-direction:column;gap:16px;overflow:hidden}&.reverse{transform:scaleY(-1);& .team-member{transform:scaleY(-1)}@media (max-width:1312px){transform:scaleX(-1);& .team-member{transform:scaleX(-1)}}}}.slick-initialized .slick-slide{display:flex}.slick-slide{margin-bottom:16px;overflow:hidden;@media (max-width:1312px){margin-bottom:0;margin-left:8px;margin-right:8px;margin-top:0;overflow:visible;& .team-member{height:auto;overflow:visible}}& .team-member{height:100%;overflow:hidden}}.team-member{align-items:center;aspect-ratio:1;background-color:var(--so-color-white);border:1px solid var(--team-showcase-border);border-radius:var(--so-border-radius-m);box-sizing:border-box;color:var(--so-color-text);display:flex;flex-direction:column;gap:16px;height:auto;padding:24px;text-align:center;text-decoration:none;width:100%;&:focus-visible,&:hover{text-decoration:none}&:focus-visible{outline:2px solid var(--so-color-primary);outline-offset:-4px}&:hover .button{box-shadow:inset 0 0 0 1px var(--so-color-secondary)}@media (max-width:1312px){aspect-ratio:auto}& header{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;min-width:0;width:100%}& figure{background-color:var(--so-color-primary);border:12px solid var(--so-color-secondary);border-radius:50%;flex:0 0 auto;height:112px;margin:0;position:relative;width:112px;&.myb{background-color:var(--so-color-secondary);border-color:var(--so-color-primary)}& img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}& .myb{border-radius:0;bottom:-4px;height:auto;position:absolute;right:-8px;width:48px;z-index:1}}& h3{font-size:var(--so-fontsize-h6);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0}& p{color:var(--team-showcase-muted);display:-webkit-box;font-size:var(--so-font-size-body-s);line-height:1.3;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}& .button{flex:0 0 auto;justify-content:center;margin-top:auto;padding:16px;width:100%;& svg{flex:0 0 24px;height:24px;width:24px}}}@media (prefers-reduced-motion:reduce){& .button{transition:none}}}.template-home .so-team-showcase{background-color:var(--so-color-bg-lightest);box-shadow:0 0 0 100vw var(--so-color-bg-lightest);clip-path:inset(0 -100vw)}