.elementor-361 .elementor-element.elementor-element-6320e72{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-7a8c98f */<style>

/* ==========================================
   EMBER & OLIVE — FOOTER
========================================== */

.eo-footer {
    position: relative;
    width: 100%;
    overflow: hidden;

    border-top: 1px solid #d9dcde;
    background: #f7f7f5;

    font-family: "Courier Prime", "Courier New", monospace;
    color: #101318;
}


/* ==========================================
   ATMOSPHERIC LOWER GRADIENT
========================================== */

.eo-footer::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            ellipse 90% 58% at 50% 92%,
            rgba(16, 19, 24, 0.42) 0%,
            rgba(16, 19, 24, 0.28) 30%,
            rgba(16, 19, 24, 0.12) 56%,
            transparent 79%
        ),
        radial-gradient(
            ellipse 52% 45% at 5% 95%,
            rgba(16, 19, 24, 0.16) 0%,
            rgba(16, 19, 24, 0.07) 48%,
            transparent 76%
        ),
        radial-gradient(
            ellipse 52% 45% at 96% 94%,
            rgba(16, 19, 24, 0.18) 0%,
            rgba(16, 19, 24, 0.07) 48%,
            transparent 76%
        ),
        linear-gradient(
            to bottom,
            transparent 32%,
            rgba(16, 19, 24, 0.025) 46%,
            rgba(16, 19, 24, 0.07) 62%,
            rgba(16, 19, 24, 0.14) 80%,
            rgba(16, 19, 24, 0.22) 100%
        );

    pointer-events: none;
    z-index: 0;
}


/* ==========================================
   INNER WIDTH
========================================== */

.eo-footer-inner {
    position: relative;
    z-index: 1;

    width: min(1480px, 92%);
    margin: 0 auto;

    padding-top: clamp(55px, 5vw, 80px);
}


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

.eo-footer-nav {
    display: grid;

    grid-template-columns:
        minmax(140px, 1fr)
        minmax(140px, 1fr)
        minmax(140px, 1fr)
        2fr;

    column-gap: clamp(35px, 5vw, 90px);

    width: 100%;
}


.eo-footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.eo-footer-label {
    margin: 0 0 14px;

    font-family: "Courier Prime", "Courier New", monospace;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;

    color: #777d82;

    text-transform: uppercase;
}


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

.eo-footer-column a,
.eo-footer-socials a,
.eo-footer-legal a {
    font-family: "Courier Prime", "Courier New", monospace;

    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;

    color: #101318;

    text-decoration: none;
    text-transform: uppercase;

    transition: color 0.2s ease;
}


.eo-footer-column a:hover,
.eo-footer-socials a:hover,
.eo-footer-legal a:hover {
    color: #172c46;
}


/* ==========================================
   SOCIALS
========================================== */

.eo-footer-socials {
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    width: 100%;

    gap: clamp(25px, 4vw, 70px);
}


/* ==========================================
   LEGAL ROW
========================================== */

.eo-footer-legal {
    display: flex;

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

    width: 100%;

    /*
     * Scales proportionally rather than
     * using a large fixed gap.
     */
    margin-top: clamp(65px, 7vw, 110px);

    font-family: "Courier Prime", "Courier New", monospace;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;

    color: #6b7075;
}


.eo-footer-legal-links {
    display: flex;
    align-items: center;

    gap: clamp(25px, 3vw, 50px);
}


/* ==========================================
   LARGE BRAND AREA
========================================== */

.eo-footer-brand {
    position: relative;

    width: 100%;

    /*
     * Gives the gradient, watch and wordmark
     * proportional vertical space.
     */
    height: clamp(330px, 31vw, 500px);

    margin-top: clamp(20px, 2.5vw, 40px);

    overflow: hidden;
}


/* ==========================================
   GIANT WORDMARK
========================================== */

.eo-footer-wordmark {
    position: absolute;

    left: 50%;

    /*
     * This is the actual bottom breathing room.
     */
    bottom: clamp(28px, 2.5vw, 42px);

    transform: translateX(-50%);

    width: max-content;

    font-family: Arial, Helvetica, sans-serif;

    font-size: clamp(105px, 14.5vw, 230px);
    line-height: 0.76;
    font-weight: 700;

    letter-spacing: -0.085em;

    color: #101318;

    white-space: nowrap;
    text-transform: uppercase;

    user-select: none;

    z-index: 2;
}


/* AMPERSAND */

.eo-footer-wordmark span {
    display: inline-block;

    margin: 0 0.06em;

    font-family: "Courier Prime", "Courier New", monospace;

    font-size: 0.52em;
    line-height: 1;
    font-weight: 400;

    vertical-align: middle;
}


/* ==========================================
   WATCH
========================================== */

.eo-footer-object {
    position: absolute;

    pointer-events: none;

    line-height: 0;
}


/*
 * Your actual watch uses:
 * eo-footer-left-macro
 */

.eo-footer-left-macro {
    /*
     * Slightly farther left so the watch
     * doesn't dominate EMBER.
     */
    left: 6%;

    /*
     * Keeps it above the bottom boundary.
     */
    bottom: clamp(42px, 4vw, 65px);

    /*
     * Significantly smaller than before.
     */
    width: clamp(190px, 20vw, 310px);

    transform: rotate(-8deg);

    z-index: 4;
}


.eo-footer-left-macro img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1024px) {

    .eo-footer-inner {
        width: 92%;
        padding-top: 55px;
    }


    .eo-footer-nav {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 50px 35px;
    }


    .eo-footer-socials {
        justify-content: flex-start;

        gap: 35px;
    }


    .eo-footer-legal {
        margin-top: 70px;
    }


    .eo-footer-brand {
        height: 330px;

        margin-top: 25px;
    }


    .eo-footer-wordmark {
        bottom: 30px;

        font-size: clamp(85px, 15vw, 150px);
    }


    .eo-footer-left-macro {
        left: 4%;
        bottom: 42px;

        width: clamp(170px, 23vw, 235px);
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .eo-footer-inner {
        width: 90%;

        padding-top: 45px;
    }


    /* NAVIGATION */

    .eo-footer-nav {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 42px 24px;
    }


    /* SOCIALS */

    .eo-footer-socials {
        flex-direction: column;

        justify-content: flex-start;
        align-items: flex-start;

        gap: 5px;
    }


    /* LEGAL */

    .eo-footer-legal {
        flex-direction: column;

        justify-content: flex-start;
        align-items: flex-start;

        gap: 20px;

        margin-top: 55px;
    }


    .eo-footer-legal-links {
        flex-direction: column;

        align-items: flex-start;

        gap: 5px;
    }


    /* BRAND AREA */

    .eo-footer-brand {
        height: 235px;

        margin-top: 30px;
    }


    /* WORDMARK */

    .eo-footer-wordmark {
        bottom: 22px;

        font-size: clamp(62px, 18vw, 105px);

        letter-spacing: -0.075em;
    }


    /* WATCH */

    .eo-footer-left-macro {
        left: -2%;
        bottom: 35px;

        width: clamp(115px, 34vw, 165px);

        transform: rotate(-7deg);
    }


    /* MOBILE GRADIENT */

    .eo-footer::before {
        background:
            radial-gradient(
                ellipse 100% 50% at 50% 94%,
                rgba(16, 19, 24, 0.36) 0%,
                rgba(16, 19, 24, 0.20) 38%,
                rgba(16, 19, 24, 0.07) 65%,
                transparent 82%
            ),
            linear-gradient(
                to bottom,
                transparent 35%,
                rgba(16, 19, 24, 0.04) 55%,
                rgba(16, 19, 24, 0.16) 100%
            );
    }

}


/* Fit complete footer wordmark within mobile viewport */
@media(max-width:767px){.eo-footer-brand{height:235px;overflow:hidden}.eo-footer-wordmark{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:max-content!important;max-width:none!important;font-size:clamp(30px,10.8vw,64px)!important;letter-spacing:-.085em!important;white-space:nowrap!important;bottom:22px!important}.eo-footer-wordmark span{font-size:.52em!important;margin:0 .04em!important}.eo-footer-left-macro{width:clamp(110px,32vw,165px)!important;left:0!important}}
</style>/* End custom CSS */