.gallery-style-hooks h2{
    text-align: center;
    ont-size: clamp(1.4rem, 6vw, 2rem);
    color: var(--accent-red);
    margin-top: 2rem;
    margin-bottom: 0rem;
}


.hook-display {
    position: relative;
    width: 100%;
    height: 280px;
    /*top: -3rem;*/

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.hook-slides {
    position: relative;
    width: 100%;
    height: 100%;
    transition: opacity 3s ease;
}

.hook-slides.fading-out {
    transition-duration: 1.0s;
}

.hook-slide {
    display: none;
    width: 100%;
    height: 100%;

    align-items: center;
    justify-content: center;
}

.hook-slide.active {
    display: flex;
}

.hook-text {
    width: min(100%, 600px);
    padding: 1rem;
    font-family: Alegreya, sans-serif;
     -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
    font-style: italic;
    text-align: center;
    font-size: clamp(1.0rem, 4vw, 1.5rem) !important;
    line-height: 32px;
}