.aep-row{
    --aep-grow: 24;
    display:flex;
    width:100%;
    overflow:hidden;
    direction:rtl;
}

.aep-item{
    position:relative;
    flex:1 1 0;
    min-width:0;
    overflow:hidden;
    display:block;
    cursor:pointer;
    isolation:isolate;
    text-decoration:none;
    transition:flex-grow .55s cubic-bezier(.22,.61,.36,1);
}

.aep-row:hover .aep-item{
    flex-grow:1;
}

.aep-row .aep-item:hover{
    flex-grow:calc(var(--aep-grow) / 10);
}

.aep-bg,
.aep-scrim{
    position:absolute;
    inset:0;
    display:block;
}

.aep-bg{
    --aep-brightness:62%;
    z-index:-2;
    background-color:#242629;
    background-size:cover;
    background-position:center center;
    filter:brightness(var(--aep-brightness)) saturate(1.05);
    transform:scale(1.001);
    transition:transform .6s cubic-bezier(.22,.61,.36,1), filter .45s ease;
}

.aep-item:hover .aep-bg{
    transform:scale(1.06);
    filter:brightness(calc(var(--aep-brightness) + 10%)) saturate(1.1);
}

.aep-scrim{
    --aep-overlay:rgba(6,6,7,.74);
    z-index:-1;
    background:linear-gradient(0deg,var(--aep-overlay) 0%,rgba(6,6,7,.08) 56%,rgba(6,6,7,.22) 100%);
}

.aep-content{
    position:absolute;
    inset-inline:0;
    bottom:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    z-index:2;
}

.aep-icon{
    width:44px;
    height:44px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.42);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
    backdrop-filter:blur(4px);
    transition:background .35s ease,border-color .35s ease,transform .35s ease;
}

.aep-icon svg{
    display:block;
    fill:#fff;
}

.aep-icon i{
    color:#fff;
    line-height:1;
}

.aep-item:hover .aep-icon{
    transform:translateY(-2px);
}

.aep-title{
    display:block;
    color:#fff;
    font-size:16px;
    font-weight:800;
    line-height:1.65;
    white-space:nowrap;
}

.aep-line{
    display:block;
    height:2px;
    width:26px;
    margin-top:8px;
    background:#c9ad7c;
    transition:width .4s cubic-bezier(.22,.61,.36,1);
}

.aep-item:hover .aep-line{
    width:52px;
}

@media (max-width: 860px){
    .aep-row{
        flex-direction:column;
        height:auto !important;
    }

    .aep-item{
        flex:none !important;
        width:100%;
        height:var(--aep-mobile-height,150px);
        min-height:var(--aep-mobile-height,150px);
    }

    .aep-title{
        white-space:normal;
    }

    .aep-item:hover .aep-bg{
        transform:scale(1.035);
    }
}

@media (prefers-reduced-motion: reduce){
    .aep-item,
    .aep-bg,
    .aep-icon,
    .aep-line{
        transition:none !important;
    }
}