@keyframes tracking-in-expand{0%{letter-spacing:-.2em;opacity:0}40%{opacity:.6}to{opacity:1}}.studiolab__card-container{display:flex;width:100%;height:400px;gap:8px}.studiolab__card-container .studiolab__card{-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1;background-image:var(--bg-studiolab);background-color:#000;background-position:50%;background-size:cover;background-repeat:no-repeat;border-radius:8px;filter:grayscale(1);transition:flex .5s ease,filter .5s ease;overflow:hidden;position:relative;cursor:pointer;min-width:50px}.studiolab__card-container .studiolab__card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);transition:background-color .5s ease;z-index:1}.studiolab__card-container .studiolab__card .title{color:#fff;font-weight:700;text-transform:uppercase;width:auto!important;height:-moz-fit-content!important;height:fit-content!important;white-space:nowrap;position:absolute;top:10px;right:6px;transform:rotate(-90deg) translateY(-100%);transform-origin:top right;transition:all .5s ease;font-size:32px;text-align:justify;letter-spacing:.25em;z-index:3}.studiolab__card-container .studiolab__card .info__container{width:100%;height:100%;display:flex;align-items:flex-end;opacity:0;transition:opacity .5s ease-out;visibility:hidden;position:absolute;bottom:0;right:0;left:0;z-index:4}.studiolab__card-container .studiolab__card .info__container .info{padding:12px 0;width:100%;align-items:center;position:relative;z-index:3;background:rgba(0,0,0,.8)}.studiolab__card-container .studiolab__card .info__container .info h2{display:none;font-size:32px;margin-bottom:0!important;animation:tracking-in-expand .2s ease-in-out both;animation-delay:.2s}.studiolab__card-container .studiolab__card .info__container .info .info__content{margin-top:16px;padding:0 16px}.studiolab__card-container .studiolab__card .info__container .info .info__content .location{flex:1}.studiolab__card-container .studiolab__card:hover{filter:grayscale(0)}.studiolab__card-container .studiolab__card:hover:before{background-color:transparent}.studiolab__card-container .studiolab__card.active{flex:12;filter:grayscale(0)}.studiolab__card-container .studiolab__card.active:before{background-color:transparent}.studiolab__card-container .studiolab__card.active .title{opacity:0}.studiolab__card-container .studiolab__card.active .info__container{opacity:1;visibility:visible;transition-delay:.4s}.studiolab__card-container .studiolab__card.active .info__container .info{transform:translateY(0)!important}.studiolab__card-container .studiolab__card.active .info__container .info h2{width:100%;display:flex!important}.studiolab__card-container .studiolab__card.active .info__container .info h2:hover{text-decoration:underline}.studiolab__card-container .studiolab__card.active .info__container .info h2:hover .icon{animation:wiggle .8s ease infinite}@keyframes wiggle{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}