@charset "utf-8";

/* Global
======================================== */
@import url("style-reset.css");
@import url("style-texts.css");
@import url("style-global.css");
@import url("style-controllers.css");
/* @import url("style-forms.css"); */
/* @import url("style-lists.css"); */
@import url("style-media.css");
@import url("style-ratios.css");

/* Navigation
======================================== */
@import url("style-header.css");
@import url("style-menu.css");
@import url("style-gradient.css");

/* Cards
======================================== */
@import url("style-card--list.css");
@import url("style-card--archive.css");

/* Modules
======================================== */
@import url("style-module--index.css");
@import url("style-module--slider.css");

/* Modals
======================================== */
@import url("style-modal--slider.css");

/* Homepage
======================================== */
@import url("style-homepage.css");

/* About
======================================== */
@import url("style-about.css");

/* Vars
======================================== */
:root{

	/* Colors */
	--color-txt: white;
	--color-txt--disabled: #666666;
	--color-txt--highlight: white;
	--color-bg: black;
	--color-bg--img: lightgray;
	--color-bg--modal: rgba(0, 0, 0, 0.90);
	--color-gradient: 
		rgba(0, 0, 0, .9999) 0%,
		rgba(0, 0, 0, .99)   1%,
		rgba(0, 0, 0, .98)   4%,
		rgba(0, 0, 0, .95)   9%,
		rgba(0, 0, 0, .9)   15%,
		rgba(0, 0, 0, 0);

	/* Scale */
	--scale: 1920;

	/* Heights */
	--height-viewport: 100vh;
	--height-header: calc(var(--m-section)*2);

	/* Global */
	--global-ease: cubic-bezier(0.83, 0, 0.17, 1);
	--global-speed: 300ms;

	/* Page */
	--page-top: 20px;
	--page-sides: 20px;
	--page-bottom: 20px;

	/* Cols */
	--cols-items: 20px;
	--cols-gutter: 20px;

	/* Rows */
	--rows-gap: 20px;

	/* Margins */
	--m-module: 60px;
	--m-section: 90px;

}
@media
	(min-width: 1921px),
	(max-width: 390px)
{
	:root{

		/* Page */
		--page-top: calc(20/var(--scale)*100vw);
		--page-sides: calc(20/var(--scale)*100vw);
		--page-bottom: calc(20/var(--scale)*100vw);

		/* Cols */
		--cols-items: calc(20/var(--scale)*100vw);
		--cols-gutter: calc(20/var(--scale)*100vw);

		/* Rows */
		--rows-gap: calc(20/var(--scale)*100vw);

		/* Margins */
		--m-module: calc(60/var(--scale)*100vw);
		--m-section: calc(90/var(--scale)*100vw);

	}
}
@media (max-width: 600px){
	:root{
		--height-header: calc(var(--page-top) + var(--h-logo) + var(--m-module));
	}
}
@media (max-width: 390px){
	:root{
		--scale: 390;
	}
}