/* LAYOUTS */

/* Intro */

[]{}

	/* 1 */

	[]{}

		div.intro_1 {
			isolation: isolate;
		}

		div.intro_1 .slide_logo img{
			max-height: 15vh;
			max-width: 30vw;
			margin: auto;
			opacity: 0;
			transform: translateY(5vh);
			transition: all .1s ease .75s;
		}

		div.intro_1.active .slide_logo img {
			opacity: 1;
			transform: translateY(0);
			transition: all 1s ease .5s;
		}

		div.intro_1 .slide_illustration {
			overflow: hidden;
			height: 60vw;
			width: 60vw;
			position: absolute;
			left: -60vw;
			/* left: calc(var(--padding) * -.5); */
			/* bottom: calc(-60vw + 60vh); */
			top: calc(100vh - 35vw);
			object-fit: cover;
			border-radius: 50%;
			z-index: -2;
			transition: left .1s ease .75s;
		}

		div.intro_1.active .slide_illustration {
			left: -2.5vw;
			transition: left 1s ease 1.5s;
		}

		div.intro_1 .slide_illustration img {
	    width: 100%;
	    height: 35vw;
	    object-fit: cover;
		}

		div.intro_1 .slide_content {
			height: 58vw;
			width: 58vw;
			border-radius: 50%;
			/* bottom: calc(-60vw + 60vh); */
			top: calc(100vh - 33vw);
			background-color: var(--color_main);
			color: var(--color_background_page);
			/* display: flex; */
			/* align-items: center; */
			/* justify-content: center; */
			position: absolute;
			left: 102vw;
			border:solid .2vw white;
			/* isolation: isolate; */
			/* z-index: 0; */
			transition: left .1s ease .75s;
		}

		div.intro_1.active .slide_content {
			left: 50vw;
			transition: left 1s ease 2s;
		}

		div.intro_1 .slide_content::before {
			content: "";
			position: absolute;
			inset: -2vw;
			background: var(--color_main_brighter_3);
			z-index: -1;
			border-radius: 50%;
			mix-blend-mode: multiply;
		}

		div.intro_1 .slide_content  *{
			color: var(--color_background_page);
			margin-bottom: 1rem;
    	margin-top: 0;
			hyphens: none;
			-webkit-hyphens: none;
		}

		div.intro_1 .slide_content div.text {
			text-align: right;
			position: absolute;
			inset: 5vw 23vw 28vw 5vw;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			font-size: 2vw;
		}



/* Titles */

[]{}

	/* 1 */

	[]{}

		div.section div.row.title_1 {
			padding: 0;
			grid-template-columns: repeat(24,1fr);
			gap:0;
		}

		div.row.title_1 .column.empty {
	    display: block;
			height: 50vh;
			width: calc(calc(100vw - 90vmin) / 2);
		}

		div.title_1 .slide_title {
			height: 50vh;
			display: flex;
			justify-content: center;
    	align-items: center;
			grid-column: span 24 / auto;
		}

		div.title_1 .slide_title h2 {
			font-size: 7vw;
			font-weight: 400;
			transition: all .1s ease .75s;
			opacity: 0;
			transform: translateY(5vh);
		}

		div.title_1.active .slide_title h2 {
			transform: translateY(0);
			opacity: 1;
			transition: all 1s ease 1s;
		}

		div.title_1 .slide_content {
			height: 30vmin;
			width: 30vmin;
			text-align: center;
			hyphens: none;
			-webkit-hyphens: none;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 2em;
    	box-sizing: border-box;
			transition: all .1s ease .75s;
			opacity: 0;
		}

		div.title_1 .slide_content:nth-of-type(3) {
			transform: translateX(-5vw);
		}

		div.title_1.active .slide_content:nth-of-type(3) {
			transform: translateX(0);
			opacity: 1;
			transition: all 1s ease 2s;
		}

		div.title_1 .slide_content:nth-of-type(4) {
			transform: translateY(5vh);
		}

		div.title_1.active .slide_content:nth-of-type(4) {
			transform: translateY(0);
			opacity: 1;
			transition: all 1s ease 1.5s;
		}

		div.title_1 .slide_content:nth-of-type(5) {
			transform: translateX(5vw);
		}

		div.title_1.active .slide_content:nth-of-type(5) {
			transform: translateX(0);
			opacity: 1;
			transition: all 1s ease 2.5s;
		}

		div.title_1 .slide_content * {
			font-size: 3vmin;
		}

		div.title_1 .slide_content::before {
			content: "";
			position: absolute;
			width: 32vmin;
			height: 32vmin;
			border: solid 0.75vmin var(--color_main);
	    left: -1.75vmin;
	    top: -1.75vmin;
			border-radius: 50%;
		}

		div.title_1 .slide_content:nth-of-type(3)::before {
			clip-path: polygon(100% 0, 50% 50%, 100% 100%, 0 100%, 0 0);
		}

		div.title_1 .slide_content:nth-of-type(5)::before {
			clip-path: polygon(100% 0, 100% 100%, 0 100%, 50% 50%, 0 0);
		}


/* Section Intro */

[]{}

	/* 1 */

	[]{}

		div.section_intro_1 {
			background-color: var(--color_main);
    	background-blend-mode: multiply;
			color: var(--color_white);
		}

		div.section_intro_1 .slide_content{
			display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    font-size: 3vw;
			gap: 5vh;
		}

		div.section_intro_1 .slide_content * {
			color: var(--color_white);
			margin: 0;
			font-weight: 400;
		}

		div.section_intro_1 .slide_content > * {
			opacity: 0;
			transform: translateY(5vh);
			transition: all .1s ease .75s;
		}

		div.section_intro_1.active .slide_content > * {
			transform: translateY(0);
			opacity: 1;
			transition: all 1s ease 1s;
		}

		div.section_intro_1.active .slide_content > *:nth-child(2) {
			transition-delay: 1.5s
		}

		div.section_intro_1.active .slide_content > *:nth-child(3) {
			transition-delay: 2s
		}


/* Slide */

[]{}

	/* 1 */

	[]{}

		div.section div.row.slide_type_1 {
			/* padding: 0; */
			grid-template-columns: repeat(24,1fr);
			/* gap:0; */
		}

		.slide_type_1 .column.slide_illustration {
			width: 70vw;
	    height: 70vw;
	    position: absolute;
	    right: -70vw;
	    border-radius: 35vw;
	    overflow: hidden;
	    top: calc(calc(70vw - 100vh) * -.5);
			display: flex;
    	align-items: center;
			opacity: 0;
			transition: all .1s ease .75s;
		}

		.slide_type_1.active .column.slide_illustration {
			right: -20vw;
			opacity: 1;
			transition: all 1s ease .5s;
		}

		.slide_type_1 .slide_illustration img {
			height: 100vh;
			width: 50vw;
			object-fit: cover;
		}

		.slide_type_1 .slide_content {
			padding-right: 2vw;
			opacity: 0;
			transform: translateX(-100%);
			transition: all .1s ease .75s;
		}

		.slide_type_1.active .slide_content {
			opacity: 1;
			transform: translateX(0);
			transition: all 1s ease 1.5s;
		}

		.slide_type_1 .slide_content h2 {
			font-size: 4vw;
			margin: 7vh 0;
		}

		.slide_type_1 .slide_content li {
			margin-bottom: 3vh;
			font-size: clamp(100%, 1.5vw, 1.75rem);
    	line-height: 1.25;
		}

	/* 2 */

	[]{}

		.slide_type_2 {
			/* gap: 0; */
		}

		.slide_type_2 .slide_content {
			/* height: 30vh; */
			box-sizing: border-box;
			height: calc(30vh - var(--padding));
			transform: translateY(5vh);
			opacity: 0;
			transition: all .1s ease .75s;
		}

		.slide_type_2.active .slide_content {
			transform: translateY(0);
			opacity: 1;
			transition: all 1s ease 1.5s;
		}

		.slide_type_2 .slide_illustration {
			/* height: 70vh; */
			margin-left: calc(var(--padding) * -1);
			margin-right: calc(var(--padding) * -1);
			opacity: 0;
			transition: all .1s ease .75s;
		}

		.slide_type_2.active .slide_illustration {
			opacity: 1;
			transition: opacity 1s ease .5s;
		}

		.slide_type_2 .slide_illustration div.gallery img {
			height: calc(70vh - var(--gap));
			object-fit: cover;
		}

	/* 3 */

	[]{}

		div.section_intro_1.slide_type_3 .slide_content {
			font-size: 2vw;
			line-height: 1;
		}

		.slide_type_3 .slide_content div.text > * {
			margin-bottom: 5vh;
		}

		.slide_type_3 .slide_content :is(ul,ol) {
			padding-left: 0;
		}

		.slide_type_3 .slide_content li {
			margin-bottom: 1em;
		}

	/* 4 */

	[]{}

		div.slide_type_4 {
			display: flex;
			gap: 0;
  		overflow:hidden;
		}

		div.slide_type_4 .slide_content {
			height: calc(30vh - var(--padding));
		  position: absolute;
			inset: auto 0;
			text-align: center;
			transition: all .1s ease .75s;
		  /* width: 100%; */
			opacity: 0;
			transform: translateY(5vh);
		}

		div.slide_type_4.active .slide_content {
			transform: translateY(0);
			opacity: 1;
			transition: all 1s ease 1s;
		}

		div.slide_type_4 .slide_content > *{
			margin: 0 0 1em;
		}

		div.slide_type_4 .slide_illustration {
			width:100vw;
		  min-width: 100vw;
		  height: calc(70vh - var(--padding));
		  position: relative;
		  top: calc(30vh - var(--padding));
			display: flex;
	    gap: 0 3vw;
	    flex-wrap: wrap;
	    align-content: flex-start;
			transition: all .1s ease .75s;
			opacity: 0;
		}

		div.slide_type_4.active .slide_illustration {
			opacity: 1;
			transition:
				margin-left 1s ease,
				opacity 1s ease 2s;

		}


		div.slide_type_4 .slide_illustration > h3 {
			width:100%;
			line-height: 15vh;
    	font-size: 5vh;
			background: var(--color_main_brighter_3);
			color: var(--color_white);
			margin-left: calc(var(--padding) * -1);
			padding-left: var(--padding);
			position: relative;
			isolation: isolate;
		}

		div.slide_type_4 .slide_illustration > h3::before {
			content: "";
			position: absolute;
			z-index: -1;
			inset: 0;
			background: linear-gradient(90deg, var(--color_main_brighter_3) 0, var(--color_main) 100%);
			clip-path: polygon(85% 0%, 90% 50%, 85% 100%, 0% 100%, 0% 0%);
		}

		div.slide_type_4 .slide_illustration:last-child > h3::before {
			clip-path: none;
		}

		div.slide_type_4 .slide_illustration li {
			margin-bottom: 1em;
		}

		.slide_4_navigation {
			display: none;
			width: 4vmin;
			height: 4vmin;
			color: var(--color_white);
			position: fixed;
			top: 35vh;
			z-index: 10;
			cursor: pointer;
			transition: all var(--effect_transition);
			opacity: 0;
		}

		.slide_4_navigation:hover {
			transform: scale(1.1);
		}

		.slide_4_navigation svg{
			height: 100%;
			width: 100%;
		}

		body:has(.slide_type_4.active) .slide_4_navigation {
			display: block;
			opacity: 1;
			transition: all var(--effect_transition);
		}

		.slide_4_navigation.slide_4_navigation_left {
			left: 2vw;
		}

		.slide_4_navigation.slide_4_navigation_right {
			right: 7vw;
		}



/* Slide with Table */

[]{}

	/* 1 */

	[]{}