@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

/* ROOT VARIABLES */

:root{
    --black: #000000;
    --white: #FFFFFF;
    --transition-1-in: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    --transition-1-out: 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* ------- */

* {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    scroll-behavior: smooth;
    transition: var(--transition-1-out);
}

html,
body {
    margin: 0;
    padding: 0; 
}

.--noscroll{
    width: 100vw;
    height: 100dvh;
    overflow: hidden;
}

@font-face{ 
    font-family: 'NeueMontreal'; 
    src: url('../font-book/PPNeueMontreal-Regular.woff2') format('opentype'); 
    font-weight: normal;
} 

@font-face{
    font-family: 'Mori';
    src: url('../font-book/PPMori-ExtraBold.woff2') format('opentype');
    font-weight: 'extra-bold';
}

/* TEXT */

p{
    color: var(--black);
}

a{
    text-decoration: none;
    color: var(--black);
}

.--text-small{
    font-size: clamp(7pt, 1.5vw, 9pt);
    font-family: 'NeueMontreal';
}

.--text-regular{
    font-size: clamp(10pt, 1.5vw, 12pt);
    font-family: 'NeueMontreal';
}

.--text-medium{
    font-size: clamp(20pt, 3vw, 24pt);
    font-family: 'NeueMontreal';
}

.--text-header{
    font-size: clamp(32pt, 6.5vw, 100pt);
    font-family: 'Mori';
}

.--text-row{
    width: 66%;
    border-bottom: 0.5px solid var(--black);
}

.--mori{
    font-family: 'Mori' !important;
}

/* TEXT ALIGNMENT */

.block--2col{
    display: flex;
    flex-direction: column;
}

.block--2col.--text-col{
    width: 50%;
}

.--text-col{
    column-count: 2;
    column-gap: 0.8rem;
}

.--text-col > *{
    margin-top: 0.4rem;
}


/* UNIVERSAL MISC CLASSES */

.--hidden{
    display: none !important;
    pointer-events: none;
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.--transparent{
    opacity: 0.4;
}





.--mobile{
    display: none;
}

.--desktop{
    display: block;
}


@media screen and (width <= 1100px) {

    .--text-small{
        font-size: clamp(6pt, 1.5vw, 8pt);
    }

}


@media screen and (width <= 750px) {

    .--mobile{
        display: block;
    }

    .--desktop{
        display: none;
    }

    .--text-small{
        font-size: clamp(12pt, 1.5vw, 12pt);
        font-family: 'NeueMontreal';
    }

    .--text-regular{
        font-size: clamp(12pt, 1.5vw, 12pt);
        font-family: 'NeueMontreal';
    }

    /* .--text-small{
        font-size: clamp(8pt, 1.5vw, 12pt);
        font-family: 'NeueMontreal';
    } */

    /* .--text-regular{
        font-size: clamp(6pt, 1.5vw, 12pt);
    } */

    /* .--text-medium{
        font-size: clamp(14pt, 3vw, 20pt);
    } */

}