@property --_t{syntax:"<length>";inherits:false;initial-value:0}@property --_r{syntax:"<angle>";inherits:false;initial-value:0deg}section#team{--d:20s;color:#222;margin:3em 1em;display:grid;grid-template-columns:.5fr 2fr .5fr;padding-left:350px;width:calc(100% - 370px)}section#team:before{content:"{"}section#team:after,section#team:before{font-size:5em;line-height:1em;color:#e3e2db;margin:auto}section#team:after{content:"}"}section#team li{transition:.3s}section#team a{text-decoration:none;border-bottom:1px dotted;transition:.3s}section#team a:hover{color:inherit!important}section#team a span.profilepic{position:absolute;top:50%;left:175px;translate:-50% -50%;width:70px;background-size:200px 200px!important;aspect-ratio:1;border-radius:50%;pointer-events:none;transform:rotate(var(--_r)) translate(var(--_t)) rotate(calc(-1*var(--_r)));--_t:130px;transition:--_t .3s,width .3s,background .3s,--_r calc(var(--d)*100) linear calc(var(--d)*(-1*var(--i)/var(--n)));@starting-style{--_r:100turn}}section#team a:hover{color:#fff;background-size:100% 100%}section#team a:hover span.profilepic{--_t:0px;width:160px;background-position:50% 50%!important}section#team ul:has(a:hover) li:not(:has(a:hover)){opacity:.6}section#team .description{position:absolute;right:0;top:0;font-size:14px;font-family:inherit;width:350px;height:340px;padding:16px;opacity:1!important;overflow-y:auto}@media(max-width:1200px){section#team{padding:0;width:100%;margin:0;grid-template-columns:100%}section#team:after,section#team:before{content:none}section#team a span.profilepic{top:-20px;width:0;left:50%;transform:none}section#team .description{position:static;margin:1em 0;width:100%}}.expand-image{transition:all .3s ease}.rotate-arrow{transition:transform .3s ease}