.face{position:relative;z-index:1;padding:2em;height:100%;gap:0}.face .face-image{margin-top:auto;margin-left:-2em;width:100%}.face .face-image img{width:100%;height:auto;max-height:500px;contain-intrinsic-size:unset}.face .image{position:absolute;top:0;left:0;height:100%;z-index:0}.face .image:after,.face .image:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:66%;background:linear-gradient(0deg, var(--section-background-color) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}.face .image:after{transition:ease-in-out opacity .3s;background:linear-gradient(0deg, var(--section-background-color) 0%, rgba(0, 0, 0, 0) 100%);opacity:0}@media(min-width: 1080px){.face .content .reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease-out,opacity .5s ease-out 0s,margin-bottom .5s ease-out;opacity:0;margin-bottom:-2em}.face .content .reveal>div{overflow:hidden}}.face .grow-background{position:absolute;bottom:-180px;right:-50px;z-index:-1;transition:transform .4s ease-in-out;color:var(--section-background-alt-color)}.face:hover .grow-background{transform:scale(9)}.face:hover .image:after{opacity:1}.face:hover .content .reveal{transition:grid-template-rows .5s ease-out,opacity .5s ease-out .5s,margin-bottom .5s ease-out;grid-template-rows:1fr;opacity:1;margin-bottom:0em}