@charset "UTF-8";
/* ============================== */
/* TOPPAGE INVIEW */
/* ============================== */ :root {
	--distance: 100px;
	--delay: 300ms;
}
@media (768px <=width) {
	:root {
		--distance: 80px;
	}
}
@media (1024px <=width) {
	:root {
		--distance: 120px;
	}
}
@media (1280px <=width) {
	:root {
		--distance: 120px;
	}
}
.js-inview {
	opacity: 0;
	translate: 0 var(--distance);
	transition: opacity 1300ms, translate 1000ms;
}
.js-inview.is-inview {
	opacity: 1;
	translate: 0 0;
}
.hero.js-inview {
	transition-delay: 400ms;
	translate: 0 0;
}
section.news.js-inview {
	translate: 0 0;
	opacity: 1;
	&::before {
		width: 0;
		opacity: 0;
		transition: 400ms width, 400ms opacity;
	}
	&.is-inview {
		&::before {
			width: var(--_header-inline-size);
			opacity: 1;
		}
	}
	& .js-inview {
		transition-delay: 700ms;
	}
}
section.company .company-text.js-inview {
	translate: 0 0;
	opacity: 1;
	&::before {
		width: 0;
		opacity: 0;
		transition: 600ms width, 600ms opacity;
	}
	&.is-inview {
		&::before {
			width: 100%;
			opacity: 1;
		}
	}
	& .js-inview {
		transition-delay: 700ms;
	}
}
.products.js-inview {
	--_base-delay: 600ms;
	--_image-delay: 100ms;
	opacity: 1;
	translate: 0 0;
	& .center-text {
		opacity: 0;
		transition: 600ms opacity 2200ms;
	}
	& .imagery > * {
		opacity: 0;
		scale: 0.6;
		transition: opacity 1300ms, scale 260ms;
	}
	& .image1 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 1);
	}
	& .image2 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 8);
	}
	& .image3 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 6);
	}
	& .image4 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 4);
	}
	& .image5 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 7);
	}
	& .image6 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 5);
	}
	& .image7 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 2);
	}
	& .image8 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 6);
	}
	& .image9 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 7);
	}
	& .image10 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 3);
	}
	& .image11 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 7);
	}
	& .image12 {
		transition-delay: calc(var(--_base-delay) + var(--_image-delay) * 8);
	}
	&.is-inview {
		& .imagery > * {
			opacity: 1;
			scale: 1;
		}
		& .center-text {
			opacity: 1;
		}
	}
}
@media print {
	.js-inview {
		opacity: 1 !important;
		translate: 0 0 !important;
	}
	section.company .company-text.js-inview {
		translate: 0 0;
		opacity: 1;
		&::before {
			width: 100%;
			opacity: 1;
		}
	}
}