@charset "UTF-8";

/* External Adobe Typekit request disabled in private preview. Retain font-family rules; use locally licensed approved fonts at go-live. */

/*
font-family: input-mono, monospace;
font-weight: 400;
font-style: normal;

font-family: input-mono, monospace;
font-weight: 800;
font-style: normal;

font-family: roc-grotesk, sans-serif;
font-weight: 400;
font-style: normal;

font-family: roc-grotesk, sans-serif;
font-weight: 700;
font-style: normal;

*/

/** TEXT VARIABLES **/
:root{
	/** Font **/
	--font-base: input-mono, monospace;
	--font-headings: roc-grotesk, sans-serif;
	--button--font-family: input-mono, monospace;
    
    /** mion-max vieoport: min-width: 400xp; max-width: 1400px **/
    --font-size-paragraph: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);;
    --font-size-h1: clamp(2rem, 1.6rem + 1.6vw, 3rem);
    --font-size-h2: clamp(1.75rem, 1.65rem + 0.4vw, 2rem);
    --font-size-h3: clamp(1.375rem, 1.225rem + 0.6vw, 1.75rem);
    --font-size-h4: clamp(1.125rem, 1.025rem + 0.4vw, 1.375rem);;
    --font-size-h5: clamp(0.75rem, 0.65rem + 0.4vw, 1rem);
    --font-size-h6: clamp(0.5rem, 0.4rem + 0.4vw, 0.75rem);
}

body, html{
	font-family: var(--font-base);
	color: var(--brand-color-white);
	font-size: 16px;
	font-weight: 400;
}

p, a, span, blockquote{
    font-size: var(--font-size-paragraph);
    font-style: normal;
    line-height: 1.7;
}

li{
    font-size: var(--font-size-paragraph);
    line-height: 1.7; 
}

p{
	margin-bottom: 1em;
}

a{
	color: var(--brand-color-white);
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

em, i{
    font-style: normal;
}

strong, b{
	font-weight: 800;
	margin: 0 auto;
	margin-bottom: 0.4em;
}

h1, h2, h3, h4, h5, h6{
	font-family: var(--font-headings);
    text-transform: uppercase;
	color: var(--brand-color-white);
	font-weight: 700;
    font-style: normal;
	line-height: 1.1;
    margin-top: 2em;
    margin-bottom: 0.5em;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b{
	font-weight: 700;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i{
	font-style: normal;
}

h1{
	font-size: var(--font-size-h1);
}

h2{
	font-size: var(--font-size-h2);
}

h3{
	font-size: var(--font-size-h3);
}

h4{
	font-size: var(--font-size-h4);
}

h5{
	font-size: var(--font-size-h5);
}

h6{
	font-size: var(--font-size-h6);
}