/* ===========================================================
   Footer
=========================================================== */

.footer{

    position:relative;

    z-index:1;

    overflow:hidden;

    padding:72px 32px 48px;

}


/* Subtle Celetious atmosphere */

.footer::before{

    content:"";

    position:absolute;

    left:8%;

    top:110px;

    width:440px;

    height:280px;

    border-radius:50%;

    background:radial-gradient(
        ellipse at center,
        rgba(168,198,255,.065) 0%,
        rgba(168,198,255,.025) 42%,
        transparent 72%
    );

    filter:blur(34px);

    pointer-events:none;

    z-index:-1;

}


.footer-container{

    width:min(1200px,100%);

    margin:auto;

}


/* ===========================================================
   Top divider
=========================================================== */

.footer-divider{

    width:100%;

    height:1px;

    margin-bottom:56px;

    background:linear-gradient(
        to right,
        rgba(255,255,255,.04),
        rgba(255,255,255,.13),
        rgba(255,255,255,.04)
    );

}


/* ===========================================================
   Brand
=========================================================== */

.footer-brand{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

}


.footer-logo{

    position:relative;

    display:inline-block;

    margin:0;

    font-family:"Gambetta", Georgia, serif;

    font-size:clamp(48px,5vw,72px);

    font-weight:500;

    line-height:.94;

    letter-spacing:.08em;

    color:#ffffff;

    cursor:pointer;

}


/* Signature Celetious star */

.footer-logo::after{

    content:"✦";

    position:absolute;

    top:-4px;

    right:-26px;

    font-family:Arial, sans-serif;

    font-size:11px;

    line-height:1;

    color:rgba(190,214,255,.82);

    text-shadow:
        0 0 8px rgba(168,198,255,.50),
        0 0 20px rgba(168,198,255,.22);

}


.footer-tagline{

    max-width:560px;

    margin:22px 0 0;

    font-size:18px;

    line-height:1.7;

    color:rgba(255,255,255,.68);

}


/* ===========================================================
   Bottom information
=========================================================== */

.footer-bottom{

    margin-top:58px;

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:40px;

}


.footer-copyright{

    margin:0;

    font-size:14px;

    line-height:1.6;

    letter-spacing:.015em;

    color:rgba(255,255,255,.48);

}


.footer-meta{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:0;

}


.footer-legal{

    display:block;

}


.footer-legal a{

    display:inline-flex;

    min-height:44px;

    align-items:flex-start;

    padding:8px 0 0;

    color:rgba(255,255,255,.56);

    font-size:14px;

    line-height:1.5;

    text-decoration:underline;

    text-decoration-color:rgba(190,214,255,.26);

    text-decoration-thickness:1px;

    text-underline-offset:.24em;

}


.footer-legal a:hover{

    color:rgba(255,255,255,.86);

    text-decoration-color:rgba(190,214,255,.62);

}


.footer-legal a:focus-visible{

    color:#FFFFFF;

    text-decoration-color:rgba(190,214,255,.88);

}


.footer-location{

    display:flex;

    flex-direction:column;

    align-items:flex-end;

    gap:8px;

    text-align:right;

}


.footer-location p{

    margin:0;

    font-size:15px;

    line-height:1.5;

    letter-spacing:.025em;

    color:rgba(255,255,255,.52);

}


.footer-location p:first-child{

    color:rgba(255,255,255,.68);

}

/* ===========================================================
   Mobile
=========================================================== */

@media (max-width:768px){

    .footer{

        padding:60px 22px 38px;

    }

    .footer::before{

        left:-90px;

        top:105px;

        width:360px;

        height:240px;

        opacity:.8;

    }

    .footer-divider{

        margin-bottom:44px;

    }

    .footer-logo{

        font-size:clamp(36px,11vw,48px);

    }

    .footer-logo::after{

        top:-6px;

        right:-20px;

        font-size:10px;

    }

    .footer-tagline{

        max-width:440px;

        margin-top:22px;

        font-size:16px;

        line-height:1.65;

    }

    .footer-bottom{

        margin-top:46px;

        flex-direction:column;

        align-items:flex-start;

        gap:25px;

    }

    .footer-location{

        align-items:flex-start;

        gap:7px;

        text-align:left;

    }

}