/* ==========================================

 

   SITE CREDIT FOOTER

 

========================================== */

 

.site-credit-footer {

    position: relative;

    z-index: 2;

    width: 100%;

    padding: 24px 42px;

    border-top: 1px solid rgba(201, 164, 90, 0.34);

    background:

        radial-gradient(

            circle at 50% 0%,

            rgba(201, 164, 90, 0.055),

            transparent 46%

        ),

        #050505;

}

 

.site-credit-footer::before {

    content: "";

    position: absolute;

    top: -1px;

    left: 50%;

    width: min(320px, 42vw);

    height: 1px;

    transform: translateX(-50%);

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(225, 196, 122, 0.9),

            transparent

        );

    box-shadow: 0 0 14px rgba(201, 164, 90, 0.28);

}

 

.site-credit-inner {

    width: 100%;

    max-width: 1240px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);

    align-items: center;

    gap: 28px;

}

 

.site-credit-brand {

    justify-self: start;

    display: inline-flex;

    align-items: center;

}

 

.site-credit-logo {

    width: 132px;

    max-height: 58px;

    object-fit: contain;

    opacity: 0.82;

    filter:

        brightness(0.92)

        contrast(1.08);

    transition:

        opacity 0.3s ease,

        filter 0.3s ease;

}

 

.site-credit-brand:hover .site-credit-logo {

    opacity: 1;

    filter:

        brightness(1.05)

        contrast(1.1);

}

 

.site-credit-signature {

    justify-self: center;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    color: var(--gold-light);

    font-family: var(--font-main);

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 0.35px;

    text-align: center;

    direction: ltr;

}

 

.site-credit-signature::before,

.site-credit-signature::after {

    content: "";

    width: 34px;

    height: 1px;

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(201, 164, 90, 0.72)

        );

}

 

.site-credit-signature::after {

    transform: scaleX(-1);

}

 

.site-credit-signature strong {

    color: var(--text-luxury);

    font-weight: 500;

}

 

.site-credit-copyright {

    justify-self: end;

    color: rgba(242, 238, 231, 0.68);

    font-family: var(--font-main);

    font-size: 13px;

    font-weight: 300;

    letter-spacing: 0.25px;

    text-align: end;

    direction: ltr;

}

 

.site-credit-copyright span {

    color: var(--gold);

}

 

/* ==========================================

 

   RESPONSIVE

 

========================================== */

 

@media (max-width: 820px) {

    .site-credit-footer {

        padding: 26px 22px;

    }

 

    .site-credit-inner {

        grid-template-columns: 1fr;

        justify-items: center;

        gap: 16px;

    }

 

    .site-credit-brand,

    .site-credit-signature,

    .site-credit-copyright {

        justify-self: center;

        text-align: center;

    }

 

    .site-credit-logo {

        width: 118px;

    }

}

 

@media (max-width: 480px) {

    .site-credit-footer {

        padding: 24px 16px;

    }

 

    .site-credit-signature {

        gap: 8px;

        font-size: 13px;

    }

 

    .site-credit-signature::before,

    .site-credit-signature::after {

        width: 20px;

    }

 

    .site-credit-copyright {

        font-size: 12px;

    }

}