.element.elementperso{display:grid}.element.elementperso .persos{display:grid;gap:1.3333em;grid-template-columns:repeat(auto-fit,minmax(256px,1fr));grid-template-rows:repeat(auto-fit,minmax(1.3333em,1fr));margin-bottom:2.6666em}.element.elementperso .perso{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;scroll-margin-top:140px}.element.elementperso .perso *{font-size:1em}.element.elementperso .perso figure{display:grid;grid-column:1/2;grid-row:1/2;grid-template:subgrid/subgrid;margin:0}@media (hover:hover){.element.elementperso .perso figure{overflow:hidden}}.element.elementperso .perso figure img{aspect-ratio:305/400;grid-column:1/2;grid-row:1/2;margin-bottom:0;position:relative;z-index:0}.element.elementperso .perso figure img.default{background-color:#eed15d}.element.elementperso .perso figure .enroll{background-color:#fff;display:flex;flex-direction:column;font-size:.88em;grid-column:1/2;grid-row:3/4;justify-content:center;margin-bottom:.66665em;overflow:hidden}@media (hover:hover){.element.elementperso .perso figure .enroll{grid-row:1/2;margin-bottom:0;position:relative;transform:translateY(100%);transition:transform .2s ease-in;will-change:transform;z-index:1}}.element.elementperso .perso figure .enroll p{margin-bottom:.66665em}.element.elementperso .perso figure .enroll .coordinates{display:flex;flex-direction:column;gap:.66665em;margin-bottom:.333325em}.element.elementperso .perso figure .enroll .coordinates a{color:#2e2c2a;display:flex}.element.elementperso .perso figure .enroll>:first-child{margin-top:auto}.element.elementperso .perso figure .enroll>:last-child{margin-bottom:auto}.element.elementperso .perso header{grid-column:1/2;grid-row:2/3}.element.elementperso .perso header h2{margin:.333325em 0}@media (hover:hover){.element.elementperso .perso:hover .enroll{transform:translateY(0)}}