@media (min-width: 1024px){.explore-container{display:flex}.explore-container .card{flex:2;transition:flex .3s ease}.explore-container:not(:hover) .card:first-child{flex:8}.explore-container:hover .card:not(:hover){flex:2}.explore-container:hover .card:hover{flex:8}.explore-container:not(:hover) .card:first-child .card-label span{opacity:0}.explore-container .card .w-1\/2{opacity:0;transition:opacity .1s ease}.explore-container:hover .card:not(:hover) .w-1\/2{opacity:0;transition-delay:0s}.explore-container:hover .card:hover .w-1\/2{opacity:1;transition-delay:.3s}.explore-container:not(:hover) .card:first-child .w-1\/2{opacity:1;transition-delay:.3s}.time-to-explore-chevron{position:absolute;color:#fff;top:48px;left:50%;transform:translate(-50%);pointer-events:none;z-index:20;width:32px;display:flex;justify-content:center;transition:opacity .3s ease}a.card:hover .time-to-explore-chevron{opacity:0;transition:opacity .3s ease}.explore-container:not(:hover) .card:first-child .time-to-explore-chevron{opacity:0}.card-label{position:absolute;bottom:48px;left:50%;transform:translate(-50%);pointer-events:none;z-index:20;width:32px}.card-label span{display:inline-block;transform:rotate(-90deg) translateY(100%);transform-origin:bottom left;letter-spacing:.1em;color:#fff;white-space:nowrap;opacity:1;transition:opacity .2s ease}a.card:hover .card-label span{opacity:0}}
