/* === Custom Block Styling === */
.imageHover{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}


.imageHover__wrapper{
    overflow: hidden;
    cursor: pointer;
}
.imageHover__imageWrapper{
    position: relative;
    overflow: hidden;
    background: var(--FC-ink);
    cursor: pointer;
    aspect-ratio: 2.34 / 1;
}
.imageWrapper__image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease, filter 0.4s ease;
    filter: contrast(1.02);
}
.imageHover__wrapper:hover .imageWrapper__image{
    transform: scale(1.04);
    filter: contrast(1.08) brightness(1.05);
}
.imageHover__textWrapper{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px 20px 16px;
    color: var(--FC-paper) !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    font-size: 11px !important;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    transform: translateY(8px);
    opacity: 0;
    transition: all 0.35s ease;
}
.imageHover__textWrapper p{
    color: var(--FC-paper) !important;
    font-size: 11px !important;
    margin-bottom: 0px;
}
.imageHover__title{
    margin-bottom: 4px;
    text-transform: uppercase;
}
.imageHover__description{
    font-family: var(--FC-secondary-font);
    font-style: italic;
    opacity: 0.85;
}
.imageHover__wrapper:hover .imageHover__textWrapper{
    opacity: 1;
    transform: translateY(0);
}
.imageHover__title{
    display: block;
}