/* ==========================================================
   CRESTBRIDGE PREMIUM BASE
   Base Styles v2.1
========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');


/* ==========================================================
   RESET
========================================================== */

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

html{
    scroll-behavior:smooth;
}


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

body{

    font-family:var(--font-body);
    font-size:var(--fs-md);
    font-weight:400;
    line-height:var(--lh-body);

    color:var(--text);
    background:var(--white);

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;

}


/* ==========================================================
   GLOBAL CONTAINER
========================================================== */

.container{

    width:100%;
    max-width:var(--container);

    margin:0 auto;

    padding-left:28px;
    padding-right:28px;

}


/* ==========================================================
   GLOBAL SECTION
========================================================== */

section{

    position:relative;

    padding:64px 0;

}


/* ==========================================================
   MEDIA
========================================================== */

img{

    display:block;
    max-width:100%;

}

video{

    display:block;
    max-width:100%;

}

svg{

    display:block;

}


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

a{

    color:inherit;
    text-decoration:none;

    transition:var(--transition);

}


/* ==========================================================
   HEADINGS
========================================================== */

h1,
h2,
h3,
h4,
h5,
h6{

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

    color:var(--theme-heading,var(--charcoal));

    line-height:var(--lh-heading);

    letter-spacing:-0.02em;

}

h1{

    font-size:var(--fs-display);
    font-weight:800;

}

h2{

    font-size:var(--fs-5xl);
    font-weight:800;

}

h3{

    font-size:var(--fs-4xl);
    font-weight:700;

}

h4{

    font-size:var(--fs-3xl);
    font-weight:700;

}

h5{

    font-size:var(--fs-2xl);
    font-weight:700;

}

h6{

    font-size:var(--fs-lg);
    font-weight:700;

}


/* ==========================================================
   TYPOGRAPHY
========================================================== */

p{

    color:var(--text-light);

    margin:18px 0 0;

}

small{

    color:var(--text-light);

}


/* ==========================================================
   UTILITY CLASSES
========================================================== */

.text-gold{

    color:var(--gold);

}

.text-silver{

    color:#7D8895;

}

.bg-silver{

    background:var(--silver);

}

.bg-navy{

    background:var(--navy);

}

.bg-gradient{

    background:var(--gradient-primary);

}

.shadow-premium{

    box-shadow:var(--shadow-lg);

}

.rounded-premium{

    border-radius:28px;

}


/* ==========================================================
   TEXT SELECTION
========================================================== */

::selection{

    background:var(--gold);

    color:#fff;

}


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

@media(max-width:991px){

    h1{

        font-size:46px;

    }

    h2{

        font-size:38px;

    }

    h3{

        font-size:30px;

    }

    section{

        padding:64px 0;

    }

    .container{

        padding-left:22px;
        padding-right:22px;

    }

}


/* ==========================================================
   MAIN CONTENT OFFSET
========================================================== */

.site-main{

    padding-top:var(--navbar-height);

}


/* Homepage only */

body.home-page .site-main{

    padding-top:0;

}