:root{--height:calc(80vh - 50px);--width:680px}.carousel{display:grid;transform:translate3d(0,0,.1px)}.carousel__item .hover-area{position:absolute;top:10px;left:10px;right:10px;bottom:10px;cursor:pointer;z-index:1;opacity:0}.carousel__list{display:flex;flex-direction:row;overflow:hidden;list-style:none;padding:2em 0 3em;margin:0;contain:layout;isolation:isolate;scroll-snap-type:x mandatory}.carousel__item{display:grid;position:relative;align-content:start;padding:0;flex:1 1 25%;height:var(--height);overflow:hidden;background:rgba(255,255,255,.2);transform:translate3d(0,0,.1px);transform-origin:center;contain:layout;isolation:isolate;scroll-snap-align:start}.carousel__item,.carousel__item *{transition:all .6s cubic-bezier(.55,.24,.18,1);user-select:none}.carousel__image,.carousel__contents{width:var(--width);height:auto}.carousel__item[data-active]{flex-basis:var(--width);flex-grow:0}.carousel__item img{width:var(--width);display:block;position:absolute;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;object-fit:cover}.carousel__item::after{content:"";position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:1;background:linear-gradient(160deg,rgba(2,0,36,0) 40%,rgba(118,221,136,.5) 70%,rgba(0,255,246,.6) 100%);transition:all .66s cubic-bezier(.55,.24,.18,1)}.carousel__item[data-active]::after{transform:translateY(100%)}.carousel__item[data-active],.carousel__item[data-active] *{opacity:1;filter:none}.carousel__contents{display:flex;flex-direction:column-reverse;justify-content:flex-end;min-height:200px;padding:1em;z-index:2;position:absolute;bottom:0;left:0;right:0}.carousel__contents .user__name{color:#e8eff4;font-size:1.75em;font-weight:200!important;letter-spacing:.8px;text-shadow:0 1px 0 rgba(0,0,0,.3);position:absolute;bottom:5px;text-align:center;opacity:1;transition:opacity .3s ease}.carousel__contents .user__title{font-family:lexend;font-size:.875em;letter-spacing:1.25px;font-weight:500;text-transform:uppercase;color:transparent;background:linear-gradient(270deg,#43ff00,#00fff7);background-clip:text;-webkit-background-clip:text;opacity:0;position:absolute;bottom:0;text-wrap:balance;margin-bottom:.5em;transform:translateY(100%);transition:opacity .6s,transform .6s}.carousel__item:hover .user__title{opacity:1;transform:translateY(0)}.carousel__item:hover .user__name{opacity:1}[data-active] .carousel__contents *{transform:translateX(0);transition-duration:.66s;opacity:1}[data-active] .carousel__contents .user__name{transition-delay:.1s;bottom:30px}[data-active] .carousel__contents .user__title{opacity:1;transform:translateY(0);transition-delay:.05s}@media(max-width:991px){a:root{--height:calc(80vh - 50px);--width:680px}.carousel{display:grid;transform:translate3d(0,0,.1px)}.carousel__item .hover-area{position:absolute;top:10px;left:10px;right:10px;bottom:10px;cursor:pointer;z-index:1;opacity:0}.carousel__list{display:flex;flex-direction:row;overflow:hidden;list-style:none;padding:2em 0 3em;margin:0;contain:layout;isolation:isolate;scroll-snap-type:x mandatory}.carousel__item{display:grid;position:relative;align-content:start;padding:0;flex:1 1 25%;height:var(--height);overflow:hidden;background:rgba(255,255,255,.2);transform:translate3d(0,0,.1px);transform-origin:center;contain:layout;isolation:isolate;scroll-snap-align:start}.carousel__item,.carousel__item *{transition:all .6s cubic-bezier(.55,.24,.18,1);user-select:none}.carousel__image,.carousel__contents{width:var(--width);height:auto}.carousel__item img{width:var(--width);display:block;position:absolute;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;object-fit:cover}.carousel__item::after{content:"";position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:1;background:linear-gradient(160deg,rgba(2,0,36,0) 40%,rgba(118,221,136,.5) 70%,rgba(0,255,246,.6) 100%);transition:all .66s cubic-bezier(.55,.24,.18,1)}.carousel__contents{display:flex;flex-direction:column-reverse;justify-content:flex-end;min-height:200px;padding:1em;z-index:2;position:absolute;bottom:0;left:0;right:0}.carousel__contents .user__name{color:#e8eff4;font-size:1.75em;font-weight:200!important;letter-spacing:.8px;text-shadow:0 1px 0 rgba(0,0,0,.3);position:absolute;bottom:5px;text-align:center;opacity:1;transition:opacity .3s ease}.carousel__contents .user__title{font-family:lexend;font-size:.875em;letter-spacing:1.25px;font-weight:500;text-transform:uppercase;color:transparent;background:linear-gradient(270deg,#43ff00,#00fff7);background-clip:text;-webkit-background-clip:text;opacity:0;position:absolute;bottom:0;margin-bottom:.5em;transform:translateY(100%);transition:opacity .6s,transform .6s}.carousel__item:hover .user__title,.carousel__item:hover .user__name{opacity:1;transform:translateY(0)}[data-active] .carousel__contents *{transform:translateX(0);transition-duration:.66s;opacity:1}[data-active] .carousel__contents .user__name{transition-delay:.1s;bottom:30px}[data-active] .carousel__contents .user__title{opacity:1;transform:translateY(0);transition-delay:.05s}@media(min-width:991px){.carousel__item[data-active]{flex-basis:var(--width);flex-grow:0}.carousel__item[data-active]::after{transform:translateY(100%)}}@media(max-width:990px){.carousel__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;overflow-y:auto;max-height:80vh;padding:1rem}.carousel__item{height:auto;min-height:200px;width:100%;margin:0;flex:none!important}.carousel__item[data-active]{flex-basis:auto!important;flex-grow:1!important}.carousel__item::after,.carousel__item[data-active]::after{transform:none!important}}@media screen and (max-width:930px){h2.user__name{font-size:20px!important}}@media screen and (max-width:767px){h2.user__name{font-size:15px!important}}@media screen and (max-width:700px){h2.user__name{font-size:20px}}.carousel__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;overflow-y:auto;max-height:80vh;padding:1rem}article.page.type-page.status-publish.hentry h2.user__name{line-height:20px!important}.carousel__item{height:auto;min-height:200px;scroll-snap-align:start;width:100%;margin:0}.carousel__item[data-active]{flex-grow:1;max-height:100%}.carousel__item:hover .user__title,.carousel__item:hover .user__name{opacity:1;transform:translateY(0)}}@media screen and (max-width:930px){h2.user__name{font-size:20px!important}}@media screen and (max-width:767px){h2.user__name{font-size:15px!important}}@media screen and (max-width:700px){h2.user__name{font-size:20px}}