@import 'style_reset.css';
@import 'style_intro.css';
@import 'style_global.css';
@import 'style_fonts.css';
@import 'style_players.css';
@import 'style_sliders.css?v=1.3';

@import 'style_header.css?v=1.2';
@import 'style_home.css';
@import 'style_project.css';
@import 'style_studio.css';
@import 'style_talents.css?v=1.2';
@import 'style_archive.css';

@import 'style_footer.css';

@import 'style_guidelines.css';

/* Variables */
:root{
	/* texts */
	--font: 'Fragment Mono', Monospace;
    --fs-min: 9px;
    --fs-max: 1.5rem;
    --fs: clamp(var(--fs-min), 0.5vw, var(--fs-max));
	--lh: 1.2;

	/* color */
	--c-bg: #000;
	--c-text: #fff;
	--c-text-grey: #777;
	--c-text-overlay: #eaeaea;
	--c-accent: #4A71FF;
	--c-overlay: rgba(25, 25, 25, 0.75);

	/* margins */
	--m-s: 4px;
	--m-m: calc(var(--m-s) * 1.5);
	--m-l: calc(var(--m-s) * 4);
	--gap-nav: calc(var(--m-s) / 4);
	--gap-x: 1ch;
	--gap-y: calc(var(--wh) / 4);
	--border: 1px solid var(--c-text-grey);

	/* transitions */
	--speed-fast: calc(var(--speed-base) / 2);
	--speed-base: 400ms;
	--ease: cubic-bezier(0.645, 0.045, 0.355, 1);

	/* fx */
	--blur: blur(15px);

	/* heights */
	--wh: 100dvh;
	--header: calc((var(--m-l) * 2) + (var(--m-m) * 2) + (2ch * var(--lh)));
}

@supports not (height: 100dvh){
	:root{
		--wh: 100vh;
	}
}