@font-face {
    font-family: 'Casa Aruma';
    src: url('../fonts/CasaAruma.ttf') format('truetype');
    font-display: swap;
    font-weight: normal;
    font-style: normal;
}

:root{
    --primary:#50635d;
    --secondary:#6a847f;

    --white:#ffffff;
    --black:#000000;

    --container:1400px;

    --space-xs:8px;
    --space-sm:16px;
    --space-md:32px;
    --space-lg:64px;
    --space-xl:128px;
}

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Casa Aruma', sans-serif;
    background:var(--white);
    color:var(--black);
    overflow-x:hidden;
    line-height:1.4;
}

.container{
    width:min(var(--container),90%);
    margin:0 auto;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
    color:inherit;
    transition:.3s ease;
}

ul{
    list-style:none;
}

section{
    position:relative;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-weight:normal;
    line-height:.95;
}

button{
    border:none;
    background:none;
    cursor:pointer;
    font-family:inherit;
}

.site-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    padding:24px 0;
    background:transparent;
}

.site-header .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.logo{
    font-size:1.2rem;
    letter-spacing:.1em;
}

.nav-menu{
    display:flex;
    gap:32px;
}

.nav-menu a{
    text-transform:uppercase;
    font-size:.85rem;
}

.header-actions{
    display:flex;
    align-items:center;
    gap:20px;
}
/* =========================
   PAGES
========================= */

.page-content{
    padding-top:180px;
    padding-bottom:120px;
}

.page-title{
    margin-bottom:48px;
    font-size:clamp(2.5rem,5vw,5rem);
}

.page-content p{
    margin-bottom:24px;
    max-width:800px;
}

.page-content h2{
    margin-top:48px;
    margin-bottom:24px;
}

.page-content ul{
    margin-left:24px;
    margin-bottom:24px;
}