/* =========================================
   FOOTER
========================================= */

.site-footer {

    width:100%;

    background:
    linear-gradient(
    90deg,
    #050505 0%,
    #111111 100%);

    overflow:hidden;

    position:relative;

    margin-top:100px;

/* =========================================
   WRAPPER
========================================= */

.footer-wrapper{

    width:min(1280px, calc(100% - 100px));

    margin:auto;

    padding:90px 0 70px;

    display:grid;

    grid-template-columns:1.3fr 0.7fr 0.7fr;

    gap:70px;

    align-items:start;
}

/* =========================================
   LEFT
========================================= */

.footer-tag{

    display:block;

    color:#b8956a;

    font-size:12px;

    letter-spacing:5px;

    margin-bottom:22px;
}

.footer-left h2{

    font-size:78px;

    line-height:0.95;

    color:#ffffff;

    margin-bottom:36px;

    font-weight:700;

    letter-spacing:-4px;
}

.footer-description{

    max-width:540px;

    color:rgba(255,255,255,0.78);

    line-height:2;

    font-size:17px;

    margin-bottom:55px;
}

/* =========================================
   STATS
========================================= */

.footer-stats{

    display:flex;

    gap:20px;

    margin-top:40px;
}

.stat-box{

    width:170px;

    height:170px;

    padding:36px 24px;

    border:1px solid rgba(255,255,255,0.08);

    border-radius:28px;

    background:rgba(255,255,255,0.01);

    transition:0.45s ease;

    position:relative;

    overflow:hidden;
}

.stat-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    135deg,
    rgba(184,149,106,0.12),
    transparent 55%);

    opacity:0;

    transition:0.45s ease;
}

.stat-box:hover{

    transform:translateY(-10px);

    border-color:#b8956a;

    background:rgba(255,255,255,0.02);

    box-shadow:
    0 12px 30px rgba(0,0,0,0.4);
}

.stat-box:hover::before{

    opacity:1;
}

.stat-box h3{

    font-size:24px;

    color:#d4a35f;

    margin-bottom:18px;

    font-weight:700;
}

.stat-box span{

    color:rgba(255,255,255,0.72);

    font-size:14px;

    line-height:1.9;

    letter-spacing:1px;
}

/* =========================================
   LINKS + CONTACT
========================================= */

.footer-links h4,
.footer-contact h4{

    color:#b8956a;

    font-size:13px;

    letter-spacing:4px;

    margin-bottom:36px;

    text-transform:uppercase;
}

.footer-links ul{

    list-style:none;
}

.footer-links ul li{

    margin-bottom:24px;
}

.footer-links ul li a{

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    transition:0.4s ease;
}

.footer-links ul li a:hover{

    color:#b8956a;

    padding-left:8px;
}

/* =========================================
   CONTACT
========================================= */

.footer-contact p{

    color:#ffffff;

    font-size:16px;

    margin-bottom:26px;

    line-height:1.8;
}

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

.footer-socials{

    display:flex;

    gap:14px;

    margin-top:40px;
}

.footer-socials a{

    width:56px;

    height:56px;

    border:1px solid rgba(255,255,255,0.08);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    transition:0.4s ease;
}

.footer-socials a:hover{

    background:#b8956a;

    border-color:#b8956a;

    transform:translateY(-6px);
}

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

.footer-bottom{

    border-top:1px solid rgba(255,255,255,0.06);

    text-align:center;

    padding:30px 20px;
}

.footer-bottom p{

    color:rgba(255,255,255,0.55);

    font-size:14px;

    letter-spacing:1px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1200px){

    .footer-wrapper{

        grid-template-columns:1fr;

        gap:70px;
    }
}

@media(max-width:768px){

    .footer-wrapper{

        width:calc(100% - 40px);

        padding:70px 0 50px;
    }

    .footer-left h2{

        font-size:56px;
    }

    .footer-description{

        font-size:15px;
    }

    .footer-stats{

        flex-direction:column;
    }

    .stat-box{

        width:100%;
    }

    .footer-socials a{

        width:48px;
        height:48px;
    }
}















/* =========================================
   NAVBAR
========================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.nav-menu li {
    white-space: nowrap;
}

.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;

    z-index:9999;

    background:#080808;

    border-bottom:1px solid rgba(0,0,0,0.08);

    box-shadow:0 2px 20px rgba(0,0,0,0.06);
}

/* =========================================
   NAV CONTAINER
========================================= */

.nav-container{
    width:min(1400px, calc(100% - 80px));
    margin:auto;

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

    height:52px;

    padding:0 40px;
}

/* =========================================
   LOGO
========================================= */

.logo-link{
    display:flex;
    align-items:center;
    gap:10px;

    text-decoration:none;
}

.logo-icon{
    width:10px;
    height:10px;

    border-radius:50%;

    background:#b28b52;
}

.logo-text{
    color:#fffdfd;

    font-size:11px;

    letter-spacing:3px;

    font-weight:600;

    text-transform:uppercase;
}

/* =========================================
   MENU
========================================= */

.nav-menu{
    display:flex;
    align-items:center;

    gap:34px;

    list-style:none;
}

.nav-menu li a{
    text-decoration:none;

    color:rgba(255, 255, 255, 0.75);

    font-size:10px;

    letter-spacing:2px;

    text-transform:uppercase;

    font-weight:500;

    font-family:'Inter', 'Arial', sans-serif;

    position: relative;

    transition:color 0.3s ease;
}

.nav-menu li a::after{
    content:'';
    position:absolute;
    bottom:-3px;
    left:0;
    width:0;
    height:1px;
    background:#b28b52;
    transition:width 0.3s ease;
}

.nav-menu li a:hover,
.nav-menu li a.active{
    color:#b28b52;
}

.nav-menu li a:hover::after,
.nav-menu li a.active::after{
    width:100%;
}

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

.social-icons{
    display:flex;
    align-items:center;

    gap:20px;
}

.social-link{
    color:rgba(255, 255, 255, 0.75);

    font-size:12px;

    transition:0.3s ease;
}

.social-link:hover{
    color:#b28b52;

    transform:translateY(-2px);
}

/* =========================================
   HAMBURGER
========================================= */

.hamburger{
    display:none;

    background:none;
    border:none;

    cursor:pointer;
}

.hamburger span{
    display:block;

    width:22px;
    height:2px;

    background:#1a1a1a;

    margin:4px 0;
}

/* =========================================
   BODY SPACE
========================================= */

body{
    padding-top:52px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:992px){

    .nav-menu{
        display:none;
    }

    .social-icons{
        display:none;
    }

    .hamburger{
        display:block;
    }

    .nav-container{
        width:calc(100% - 30px);
    }
}
}









/* =========================================
   FOOTER
========================================= */

.site-footer{

    width:100%;

    background:
    linear-gradient(
    90deg,
    #050505 0%,
    #111111 100%);

    overflow:hidden;

    position:relative;

    margin-top:100px;
}

/* =========================================
   WRAPPER
========================================= */

.footer-wrapper{

    width:min(1400px, calc(100% - 80px));

    margin:auto;

    padding:90px 0 70px;

    display:grid;

    grid-template-columns:1.4fr 0.8fr 0.9fr;

    gap:90px;

    align-items:start;
}

/* =========================================
   LEFT
========================================= */

.footer-left{
    width:100%;
}

.footer-tag{

    display:block;

    color:#b8956a;

    font-size:11px;

    letter-spacing:5px;

    margin-bottom:24px;

    text-transform:uppercase;
}

.footer-left h2{

    font-size:88px;

    line-height:0.92;

    color:#ffffff;

    margin-bottom:36px;

    font-weight:700;

    letter-spacing:-5px;
}

.footer-description{

    max-width:560px;

    color:rgba(255,255,255,0.78);

    line-height:2;

    font-size:17px;

    margin-bottom:55px;
}

/* =========================================
   STATS
========================================= */

.footer-stats{

    display:flex;

    gap:18px;

    flex-wrap:nowrap;

    margin-top:40px;
}

.stat-box{

    flex:1;

    min-width:0;

    height:150px;

    padding:30px 20px;

    border:1px solid rgba(255,255,255,0.08);

    border-radius:28px;

    background:rgba(255,255,255,0.01);

    transition:0.45s ease;

    position:relative;

    overflow:hidden;
}

.stat-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    135deg,
    rgba(184,149,106,0.12),
    transparent 55%);

    opacity:0;

    transition:0.45s ease;
}

.stat-box:hover{

    transform:translateY(-10px);

    border-color:#b8956a;

    background:rgba(255,255,255,0.02);

    box-shadow:
    0 12px 30px rgba(0,0,0,0.4);
}

.stat-box:hover::before{
    opacity:1;
}

.stat-box h3{

    font-size:22px;

    color:#d4a35f;

    margin-bottom:14px;

    font-weight:700;
}

.stat-box span{

    color:rgba(255,255,255,0.72);

    font-size:14px;

    line-height:1.8;
}

/* =========================================
   LINKS + CONTACT
========================================= */

.footer-links,
.footer-contact{
    padding-top:4px;
}

.footer-links h4,
.footer-contact h4{

    color:#b8956a;

    font-size:12px;

    letter-spacing:5px;

    margin-bottom:40px;

    text-transform:uppercase;
}

.footer-links ul{
    list-style:none;
}

.footer-links ul li{
    margin-bottom:28px;
}

.footer-links ul li a{

    color:#ffffff;

    text-decoration:none;

    font-size:17px;

    transition:0.4s ease;
}

.footer-links ul li a:hover{

    color:#b8956a;

    padding-left:8px;
}

/* =========================================
   CONTACT
========================================= */

.footer-contact p{

    color:#ffffff;

    font-size:17px;

    margin-bottom:28px;

    line-height:1.9;
}

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

.footer-socials{

    display:flex;

    gap:12px;

    margin-top:42px;
}

.footer-socials a{

    width:52px;

    height:52px;

    border:1px solid rgba(255,255,255,0.08);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    transition:0.4s ease;
}

.footer-socials a:hover{

    background:#b8956a;

    border-color:#b8956a;

    transform:translateY(-6px);
}

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

.footer-bottom{

    border-top:1px solid rgba(255,255,255,0.06);

    text-align:center;

    padding:28px 20px;
}

.footer-bottom p{

    color:rgba(255,255,255,0.55);

    font-size:14px;

    letter-spacing:1px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1200px){

    .footer-wrapper{

        grid-template-columns:1fr;

        gap:70px;
    }

    .footer-stats{

        flex-wrap:wrap;
    }

    .stat-box{

        min-width:220px;
    }
}

@media(max-width:768px){

    .footer-wrapper{

        width:calc(100% - 40px);

        padding:70px 0 50px;

        gap:60px;
    }

    .footer-left h2{

        font-size:62px;

        letter-spacing:-3px;
    }

    .footer-description{

        font-size:15px;

        line-height:1.9;
    }

    .footer-stats{

        flex-direction:column;
    }

    .stat-box{

        width:100%;

        height:auto;
    }

    .footer-links ul li{

        margin-bottom:22px;
    }

    .footer-socials a{

        width:46px;

        height:46px;
    }
}

@media(max-width:480px){

    .footer-left h2{

        font-size:52px;
    }

    .footer-tag{

        letter-spacing:3px;

        font-size:10px;
    }

    .footer-description{

        font-size:14px;
    }

    .footer-links ul li a,
    .footer-contact p{

        font-size:15px;
    }
}