/* =========================================================
   PAMORA
   DESKTOP LIQUID GLASS FOOTER
========================================================= */


/* =========================================================
   DEFAULT
   HIDDEN EVERYWHERE
========================================================= */

.pamora-desktop-footer {
    display: none;
}


/* =========================================================
   DESKTOP ONLY
========================================================= */

@media (min-width: 992px) {

    .pamora-desktop-footer {

        display: block;

        position: relative;

        width: 100%;

        padding: 40px 40px 50px;

        background:
            radial-gradient(
                circle at 15% 20%,
                rgba(214,232,221,.5),
                transparent 32%
            ),
            radial-gradient(
                circle at 85% 80%,
                rgba(212,173,98,.08),
                transparent 28%
            ),
            var(--pamora-pearl);

        color: var(--pamora-ink);

    }


    /* =====================================================
       GLASS CONTAINER
    ===================================================== */

    .pamora-footer-glass {

        position: relative;

        width: min(1380px, 100%);

        margin: 0 auto;

        padding: 56px 58px 24px;

        border-radius: 34px;

        border: 1px solid rgba(255,255,255,.72);

        background:
            linear-gradient(
                135deg,
                rgba(255,255,255,.67),
                rgba(238,241,236,.36)
            );

        box-shadow:
            0 35px 80px rgba(12,21,18,.10),
            0 8px 25px rgba(12,21,18,.035),
            inset 0 1px 0 rgba(255,255,255,.94),
            inset 0 -1px 0 rgba(12,21,18,.025);

        backdrop-filter:
            blur(30px)
            saturate(150%);

        -webkit-backdrop-filter:
            blur(30px)
            saturate(150%);

        overflow: hidden;

    }


    /* =====================================================
       SUBTLE GLASS LIGHT
    ===================================================== */

    .pamora-footer-glass::before {

        content: "";

        position: absolute;

        top: -180px;
        right: -100px;

        width: 460px;
        height: 460px;

        border-radius: 50%;

        background:
            radial-gradient(
                circle,
                rgba(255,255,255,.32),
                transparent 68%
            );

        pointer-events: none;

    }


    /* =====================================================
       TOP
    ===================================================== */

    .pamora-footer-top {

        position: relative;
        z-index: 2;

        display: grid;

        grid-template-columns:
            1.3fr
            1fr
            1fr
            1fr
            1.45fr;

        gap: 45px;

    }


    /* =====================================================
       BRAND
    ===================================================== */

    .pamora-footer-brand {

        padding-right: 25px;

    }


    .pamora-footer-logo {

        display: inline-block;

        width: 145px;

    }


    .pamora-footer-logo img {

        display: block;

        width: 100%;
        height: auto;

        object-fit: contain;

    }


    .pamora-footer-tagline {

        margin: 22px 0 0;

        max-width: 210px;

        font-family: "Instrument Serif", serif;

        font-size: 21px;

        line-height: 1.05;

        letter-spacing: -.015em;

        color: var(--pamora-ink);

        opacity: .8;

    }


    /* =====================================================
       COLUMN TITLE
    ===================================================== */

    .pamora-footer-title {

        display: block;

        margin-bottom: 17px;

        font-family: "IBM Plex Mono", monospace;

        font-size: 8px;

        font-weight: 500;

        line-height: 1;

        letter-spacing: .16em;

        text-transform: uppercase;

        color: var(--pamora-emerald);

        opacity: .58;

    }


    /* =====================================================
       LINKS
    ===================================================== */

    .pamora-footer-column ul {

        margin: 0;
        padding: 0;

        list-style: none;

    }


    .pamora-footer-column li {

        margin: 0 0 11px;

    }


    .pamora-footer-column a {

        display: inline-block;

        color: var(--pamora-ink);

        text-decoration: none;

        font-family: "Manrope", sans-serif;

        font-size: 10px;

        font-weight: 600;

        line-height: 1.3;

        opacity: .6;

        transition:
            opacity .25s ease,
            transform .25s ease;

    }


    .pamora-footer-column a:hover {

        opacity: 1;

        transform: translateX(3px);

    }


    /* =====================================================
       NEWSLETTER
    ===================================================== */

    .pamora-footer-newsletter {

        max-width: 280px;

    }


    .pamora-footer-newsletter h3 {

        margin: 0;

        font-family: "Instrument Serif", serif;

        font-size: 31px;

        font-weight: 400;

        line-height: .9;

        letter-spacing: -.025em;

    }


    .pamora-footer-newsletter p {

        max-width: 245px;

        margin: 14px 0 18px;

        font-family: "Manrope", sans-serif;

        font-size: 9px;

        line-height: 1.5;

        color: var(--pamora-ink);

        opacity: .48;

    }


    /* =====================================================
       SUBSCRIBE
    ===================================================== */

    .pamora-footer-subscribe {

        position: relative;

        display: flex;

        align-items: center;

        width: 100%;

        height: 45px;

        padding: 4px;

        border-radius: 14px;

        border: 1px solid rgba(255,255,255,.78);

        background:
            rgba(255,255,255,.36);

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.82),
            0 7px 18px rgba(12,21,18,.035);

        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);

    }


    .pamora-footer-subscribe input {

        flex: 1;

        min-width: 0;

        height: 100%;

        padding: 0 11px;

        border: 0;
        outline: 0;

        background: transparent;

        color: var(--pamora-ink);

        font-family: "Manrope", sans-serif;

        font-size: 9px;

    }


    .pamora-footer-subscribe input::placeholder {

        color: var(--pamora-ink);

        opacity: .4;

    }


    .pamora-footer-subscribe button {

        width: 36px;
        height: 36px;

        flex-shrink: 0;

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

        border: 0;

        border-radius: 11px;

        background:
            linear-gradient(
                145deg,
                rgba(10,58,44,.95),
                rgba(20,92,68,.85)
            );

        color: #fff;

        font-size: 12px;

        cursor: pointer;

        box-shadow:
            0 5px 14px rgba(10,58,44,.15),
            inset 0 1px 0 rgba(255,255,255,.18);

        transition:
            transform .3s cubic-bezier(.2,.8,.2,1),
            box-shadow .3s ease;

    }


    .pamora-footer-subscribe button:hover {

        transform: translateY(-1px);

        box-shadow:
            0 8px 18px rgba(10,58,44,.2),
            inset 0 1px 0 rgba(255,255,255,.22);

    }


    /* =====================================================
       RULE
    ===================================================== */

    .pamora-footer-rule {

        position: relative;
        z-index: 2;

        width: 100%;

        height: 1px;

        margin: 48px 0 25px;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(12,21,18,.14),
                transparent
            );

    }


    /* =====================================================
       MIDDLE
    ===================================================== */

    .pamora-footer-middle {

        position: relative;
        z-index: 2;

        display: flex;

        align-items: center;
        justify-content: space-between;

        gap: 25px;

    }


    .pamora-footer-promise {

        display: flex;

        align-items: center;

        gap: 15px;

    }


    .pamora-footer-mono {

        font-family: "IBM Plex Mono", monospace;

        font-size: 7px;

        font-weight: 500;

        letter-spacing: .11em;

        text-transform: uppercase;

    }


    .pamora-footer-promise
    .pamora-footer-mono {

        color: var(--pamora-emerald);

        opacity: .65;

    }


    .pamora-footer-promise-text {

        font-family: "Manrope", sans-serif;

        font-size: 8px;

        font-weight: 600;

        opacity: .45;

    }


    /* =====================================================
       SOCIAL
    ===================================================== */

    .pamora-footer-social {

        display: flex;

        align-items: center;

        gap: 8px;

    }


    .pamora-footer-social a {

        width: 34px;
        height: 34px;

        display: flex;

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

        border-radius: 50%;

        border: 1px solid rgba(255,255,255,.72);

        background:
            rgba(255,255,255,.34);

        color: var(--pamora-ink);

        text-decoration: none;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.85);

        backdrop-filter: blur(13px);
        -webkit-backdrop-filter: blur(13px);

        font-size: 12px;

        transition:
            transform .3s cubic-bezier(.2,.8,.2,1),
            background .3s ease;

    }


    .pamora-footer-social a:hover {

        transform: translateY(-2px);

        background:
            rgba(255,255,255,.62);

    }


    /* =====================================================
       BOTTOM
    ===================================================== */

    .pamora-footer-bottom {

        position: relative;
        z-index: 2;

        display: grid;

        grid-template-columns: 1fr auto 1fr;

        align-items: center;

        gap: 20px;

        margin-top: 25px;

        padding-top: 18px;

        border-top:
            1px solid rgba(12,21,18,.07);

    }


    .pamora-footer-bottom > span {

        font-family: "Manrope", sans-serif;

        font-size: 7px;

        font-weight: 500;

        color: var(--pamora-ink);

        opacity: .4;

    }


    .pamora-footer-legal {

        display: flex;

        align-items: center;

        gap: 17px;

    }


    .pamora-footer-legal a {

        color: var(--pamora-ink);

        text-decoration: none;

        font-family: "Manrope", sans-serif;

        font-size: 7px;

        font-weight: 600;

        opacity: .4;

        transition: opacity .25s ease;

    }


    .pamora-footer-legal a:hover {

        opacity: 1;

    }


    .pamora-footer-made {

        text-align: right;

    }


    .pamora-footer-made .pamora-footer-mono {

        color: var(--pamora-ink);

        opacity: .3;

    }


}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .pamora-desktop-footer {

        padding-left: 55px;
        padding-right: 55px;

    }

    .pamora-footer-glass {

        padding-left: 70px;
        padding-right: 70px;

    }

    .pamora-footer-top {

        gap: 60px;

    }

}
/* =========================================================
   PAMORA FOOTER
   INCREASED DESKTOP TYPOGRAPHY
========================================================= */


/* Footer logo */
.pamora-footer-logo {
    width: 165px;
}


/* Brand tagline */
.pamora-footer-tagline {
    font-size: 24px;
    line-height: 1.08;
}


/* Column titles */
.pamora-footer-title {
    font-size: 9px;
    letter-spacing: .15em;
    margin-bottom: 20px;
}


/* Footer links */
.pamora-footer-column li {
    margin-bottom: 13px;
}

.pamora-footer-column a {
    font-size: 12px;
    line-height: 1.4;
}


/* Newsletter heading */
.pamora-footer-newsletter h3 {
    font-size: 36px;
    line-height: .92;
}


/* Newsletter paragraph */
.pamora-footer-newsletter p {
    font-size: 10px;
    line-height: 1.55;
}


/* Email input */
.pamora-footer-subscribe input {
    font-size: 10px;
}


/* Promise */
.pamora-footer-mono {
    font-size: 8px;
}

.pamora-footer-promise-text {
    font-size: 10px;
}


/* Social icons */
.pamora-footer-social a {
    width: 38px;
    height: 38px;
    font-size: 13px;
}


/* Bottom copyright */
.pamora-footer-bottom > span {
    font-size: 12px;
}


/* Legal links */
.pamora-footer-legal a {
    font-size: 12px;
}


/* Bottom right label */
.pamora-footer-made .pamora-footer-mono {
    font-size: 12px;
}