/*=========================================================
=                    GALLERY PAGE                         =
=========================================================*/

.gallery-page{
    padding-bottom:var(--space-3);
    background:var(--bg-alt);
}

.gallery-page__container{}

.gallery-page__header{
    text-align:center;
    max-width:640px;
    margin-inline:auto;
}

.gallery-page__title{
    font-size:clamp(2.2rem,4vw,3.2rem);
    text-transform:uppercase;
    color:var(--primary-dark);
}

.gallery-page__title::after{
    content:"";
    display:block;
    width:52px;
    height:3px;
    margin:var(--space-2) auto 0;
    background:linear-gradient(90deg,var(--sunflower),var(--accent));
    border-radius:2px;
}

.gallery-page__description{
    margin-top:var(--space-2);
    color:var(--text-soft);
    font-size:1.1rem;
}

/*---------- Explorer sits on the base background ----------*/

.explorer{
    background:var(--bg);
}

/*---------- CTA ----------*/

.gallery-cta{
    text-align:center;
    background:var(--primary-dark);
}

.gallery-cta__title{
    margin-bottom:var(--space-3);
    color:var(--text-invert);
    font-size:clamp(1.6rem,3vw,2.2rem);
    text-transform:uppercase;
}