/*========== BASE ==========*/

html,body{
width:100%;
overflow-x:hidden;
}

body{
background:var(--bg);
color:var(--text);
font-family:var(--font-body);
font-size:16px;
line-height:1.6;
}

main{
position:relative;
width:100%;
}

section{
position:relative;
}

h1,h2,h3,h4,h5,h6{
font-family:var(--font-title);
font-weight:var(--fw-black);
line-height:1;
letter-spacing:-.04em;
}

p{
color:var(--text-light);
}

.container{
width:min(var(--container),100% - 12vw);
margin:auto;
}

.hidden{
display:none!important;
}

.visually-hidden{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}