@charset "utf-8";
/* font
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

/* reset
================================================== */
*:where(:not(iframe,img,svg):not(svg *)){all:unset;display:revert;}
*,*::before,*::after{box-sizing:border-box;}
body{font-size:16px;line-height:1.5;color:#000;font-family:'Roboto Flex',sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;  font-variation-settings:'slnt' 0,'wdth' 100,'GRAD' 0,'XOPQ' 88,'XTRA' 400,'YOPQ' 79,'YTAS' 750,'YTDE' -250,'YTFI' 600,'YTLC' 500,'YTUC' 725;-webkit-text-size-adjust:100%;}
footer,header,main,picture{display:block;}
ul{list-style:none;}
img{width:100%;height:auto;vertical-align:top;}
a{margin:0;padding:0;color:#000;vertical-align:bottom;background:transparent;cursor:pointer;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}

html,
body{
	height:100%;
}
#wrapper{
	display:grid;
	grid-template-rows:repeat(3,auto);
	min-height:100%;
}
header{
	display:grid;
	place-items:end center;
	height:calc(((100dvh - 480px) / 3) * 1.45);
	min-height:140px;
}
header h1{
	width:fit-content;
	padding-block:0 38px;
	-webkit-user-select:none;
	user-select:none;
	pointer-events:none;
}
header h1 img{
	width:auto;
	height:clamp(40px,4.2vw,42px);
}
footer{
	display:grid;
	place-items:end center;
	height:calc(((100dvh - 480px) / 3) * 1.55);
	min-height:148px;
}
footer .copyright{
	padding-block:0 21px;
	font-size:11px;
	line-height:1;
	color:#888;
	text-align:center;
	-webkit-user-select:none;
	user-select:none;
	pointer-events:none;
}
main{
	height:480px;
}
.carousel .splide__slide{
	padding-inline:calc((100% - 640px) / 2);
}
.fancybox-slide--image{
	padding-inline:12px !important;
}
#navigation .button{
	position:absolute;
	top:auto;
	bottom:-42px;
	display:flex;
	place-items:center;
	width:30px;
	height:30px;
	border-radius:50%;
	border:2px solid #CCC;
	background:#FFF;
	opacity:1;
	transform:translateY(0);
}
#navigation .button:disabled{
	opacity:0.35;
}
#navigation .prev{
	right:50%;
	left:auto;
	margin-inline-end:3px;
}
#navigation .next{
	right:auto;
	left:50%;
	margin-inline-start:3px;
}
#navigation .prev::after,
#navigation .next::after{
	display:block;
	width:8px;
	height:8px;
	transform:rotate(-45deg) skew(5deg,5deg);
	content:'';
}
#navigation .prev::after{
	margin-inline-start:3px;
	border-block-start:2px solid #999;
	border-inline-start:2px solid #999;
}
#navigation .next::after{
	margin-inline-start:-3px;
	border-block-end:2px solid #999;
	border-inline-end:2px solid #999;
}
@media screen and (max-width:800px){
	header{
		height:calc(((100dvh - 480px) / 3) * 1.38);
		min-height:175px;
	}
	header h1{
		padding-block:0 min(6.3075vw,48px);
	}
	header h1 img{
		width:auto;
		height:clamp(33px,5.2562vw,40px);
	}
	footer{
		height:calc(((100dvh - 480px) / 3) * 1.62);
		min-height:206px;
	}
	footer .copyright{
		padding-block:0 34px;
		font-size:10px;
	}
}
@media screen and (max-width:761px){
	header{
		height:calc(((100dvh - 63vw) / 3) * 1.38);
	}
	footer{
		height:calc(((100dvh - 63vw) / 3) * 1.62);
	}
	main{
		height:auto;
	}
	.carousel .splide__slide{
		padding-inline:8vw;
	}
}
@media screen and (max-width:599px){
	header{
		height:calc(((100dvh - 63vw) / 3) * 1.22);
		min-height:150px;
	}
	header h1{
		padding-block:0 min(39px,9vw);
	}
	header h1 img{
		height:clamp(27px,7.75vw,33px);
	}
	footer{
		height:calc(((100dvh - 63vw) / 3) * 1.78);
		min-height:219px;
	}
	footer .copyright{
		padding-block:0 min(7.5vw,34px);
		font-size:9px;
	}
	.fancybox-slide--image{
		padding-inline:5px !important;
	}
}