.team-introduction{& .module__header-wrapper{align-self:end;grid-column:1/-5}& .button-container{align-self:start;grid-column:span 4;justify-content:end;margin:0}}.introduction-card{align-items:flex-end;aspect-ratio:4/7;display:flex;margin:auto;position:relative;& .introduction-card__image{inset:0;overflow:hidden;position:absolute;transform:scale(.99);& img{transform:scale(1.1);transition:transform .3s cubic-bezier(.55,.06,.68,.19)}}& .introduction-card-body{display:grid;grid-template-columns:1fr;grid-template-rows:min-content 0fr;padding:var(--space-lg) var(--space-xs) 0;position:relative;transition:grid-template-rows .35s cubic-bezier(.36,.07,.54,.69);z-index:3}& .introduction-card-body-scroll{max-height:30rem;overflow-x:clip;overflow-y:scroll;overscroll-behavior:contain;position:relative}& .introduction-card-body-scroll:after{background:-webkit-linear-gradient(1turn,var(--shadow-gradient-1) 0,var(--shadow-gradient-2) 72%,transparent 100%);background:-moz-linear-gradient(1turn,var(--shadow-gradient-1) 0,var(--shadow-gradient-2) 72%,transparent 100%);background:linear-gradient(1turn,var(--shadow-gradient-1) 0,var(--shadow-gradient-2) 72%,transparent 100%);bottom:0;content:"";display:block;height:2rem;left:0;position:sticky;width:100%}& .introduction-card__name{margin:0}& .introduction-card__title{display:block}& .richtext{margin-top:var(--space-md)}}.introduction-card:focus,.introduction-card:focus-within,.introduction-card:hover{& .introduction-card-body{grid-template-rows:min-content 1fr}& .introduction-card__image img{transform:unset}}@media (max-width:991px){.team-introduction{& .button-container,& .module__header-wrapper{grid-column:1/-1;justify-content:start}}.introduction-card{aspect-ratio:4/6}}@media (max-width:767px){.introduction-card{max-height:70dvh}}@media (max-width:575px){.introduction-card{aspect-ratio:4/5}}@media (min-width:992px){.grid--cols-four .introduction-card{grid-column:span 4}}@media (min-width:1200px){.grid--cols-four .introduction-card{grid-column:span 3}}