:root {
	--inner-width:min(calc(100vw - (100vw - 100%)), 100vw);
	--info-block-list-gap-width:2em;
	--info-block-in-viewport-count:3;
	--info-block-in-viewport-gap-count:calc(var(--info-block-in-viewport-count) - 1);
	--info-viewport-width:calc(min(var(--inner-width), var(--outer-container-width)) - var(--side-bar-width) * 2 - calc(var(--main-padding) * 2));
	--info-block-width:calc(calc(var(--info-viewport-width) - calc(var(--info-block-list-gap-width) * var(--info-block-in-viewport-gap-count))) / var(--info-block-in-viewport-count));
}

svg#menu-block-clip-path-svg {
	position:absolute;
	width:0;
	height:0;
}

.content-block.info-section > .inner-block > .padding > .content .block h2 {
	font-size:2em;
	font-weight:400;
	color:var(--main-highlight-color);
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .viewport > .block-list {
	position:relative;
	gap:var(--info-block-list-gap-width);
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .viewport > .block-list[data-flicking="true"] {
	-webkit-user-select:none; /* Safari */
	-ms-user-select:none; /* IE 10 and IE 11 */
	user-select:none; /* Standard syntax */
}

.content-block.info-section > .inner-block {
	margin:0 auto;
}

.content-block.info-section > .inner-block > .padding > .content .block-list {
	display:grid;
	grid-auto-columns: var(--info-block-width);
}

.content-block.info-section > .inner-block > .padding > .content .block-list > .block > img {
	width:100%;
	display:block;
	object-fit:cover;
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .viewport > .block-list > .block {
	margin:0;
	grid-row:1;
}
	
.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .scroll-block > .track {
	position:relative;
	height:2px;
	width:100%;
	background-color:var(--main-color);
	margin-top:2.2em;
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .scroll-block > .track > .thumb {
	position:absolute;
	top:0;
	width:25%;
	left:0;
	cursor:grab;
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .scroll-block > .track > .thumb > .grab-transparent {
	background-color:transparent;
	height:0.5em;
	opacity:0;
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .scroll-block > .track > .thumb > .grab-transparent:first-child {
	margin-top:calc(-0.75em + 1px);
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .scroll-block > .track > .thumb > .grab-visible {
	background-color:var(--main-color);
	height:0.5em;
}

body[data-dragging="true"],
.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .scroll-block > .track > .thumb[data-dragging="true"] {
	cursor:grabbing!important;
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .nav-block {
	position:relative;
	margin-left:-1.5em;
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .nav-block > a.button {
	display:block;
	width:1em;
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .nav-block > a.button > span.img {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	display:block;
	width:1em;
	height:2em;
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .nav-block > a.button.next-button {
	margin-left:1.5em;
	margin-bottom:0.5em;
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .nav-block > a.button.next-button > span.img {
	background-image:url("../img/carat-right-blue.svg");
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .nav-block > a.button.prev-button {
	margin-right:1.5em;
}

.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .nav-block > a.button.prev-button > span.img {
	background-image:url("../img/carat-left-blue.svg");
}

.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .line-block {
	position:absolute;
	top:0;
	height:100%;
	pointer-events:none;
}

/* Tablet and Desktop */
@media (width >= 750px) {
}

/* Mobile and Tablet */
@media (width < 1200px) {
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > h2 > .hover-text {
		display:none;
	}

	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > svg.menu-border {
		background-color:transparent;
	}

	a.menu-cta {
		display:inline-block;
		padding:1.25em 3em;
		background-color:var(--main-highlight-color);
		color:var(--main-bg-color);
		font-size:1em;
		text-transform:uppercase;
		font-weight:500;
		text-decoration:none;
		border-radius:3em;
		letter-spacing: 0.05em;
	}

	:root {
		--info-viewport-width:var(--inner-width);
	}

	.content-block.info-section.menu > .inner-block > .padding > .content .block-list {
		grid-template-rows:1fr auto;
	}

	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu {
		grid-row:1 / span 2;
		text-align:left;
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:subgrid;
		box-shadow:none;
		position:relative;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > img {
		grid-row:1;
		grid-column:1;
		clip-path:url("#menu-block-clip-path");
	}

	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > svg.menu-border {
		display:none;
	}

	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > h2 {
		font-size:2.5em;
		margin:-0.25em 0 0;
	}

	.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block > .nav-block {
		display:none;
	}
}

/* Mobile */
@media (width < 750px) {
	:root {
		--info-block-in-viewport-count:1;
	}
}

/* Tablet */
@media (750px <= width < 1200px) {
	:root {
		--info-block-in-viewport-count:2;
	}
}

/* Desktop */
@media (width >= 1200px) {
	:root {
		--info-block-width:max(calc(calc(var(--info-viewport-width) - calc(var(--info-block-list-gap-width) * var(--info-block-in-viewport-gap-count))) / var(--info-block-in-viewport-count)), 25em);
	}

	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu {
		text-align:center;
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:1fr 1fr 1fr 1fr;
		box-shadow:none;
		position:relative;
	}

	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > p {
		color:var(--invert-text-color);
		font-size:0.9em;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > svg.menu-border {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-color:#1B4054D9;
		transition:background-color var(--main-transition-time);
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > svg.menu-border > path {
		stroke:#EFC974;
		stroke-width:0;
		fill:none;
		transition:stroke-width var(--main-transition-time);
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .border-top {
		grid-row:1;
		border-top-left-radius:50%;
		border-top-right-radius:50%;
		grid-row:1 / span 3;
		border-bottom:none;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .border-bottom {
		border-top:none;
		grid-row:4;
	}

	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu {
		clip-path:url("#menu-block-clip-path");
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > img {
		grid-row:1 / span 4;
		grid-column:1;
		transition:transform var(--main-transition-time);
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu:hover:not(:has(.link-list > .link-block:hover)) > img {
		transform:scale(1.1);
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu:hover:not(:has(.link-list > .link-block:hover)) > svg.menu-border {
		background-color:transparent;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu:hover:not(:has(.link-list > .link-block:hover)) > svg.menu-border > path {
		stroke-width:0;
	}

	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > h2 {
		margin-top:-0.5em;
		position:relative;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > h2 > .hover-text {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		color:white;
		top:-1em;
		opacity:0;
		transition:top var(--main-transition-time), opacity var(--main-transition-time);
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu:hover:not(:has(.link-list > .link-block:hover)) > .padding > h2 > .hover-text {
		opacity:1;
		top:0;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > h2 > .normal-text {
		transition:top var(--main-transition-time), opacity var(--main-transition-time);
		position:relative;
		top:0;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu:hover:not(:has(.link-list > .link-block:hover)) > .padding > h2 > .normal-text {
		top:1em;
		opacity:0;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > p {
		transition:opacity var(--main-transition-time);
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu:hover:not(:has(.link-list > .link-block:hover)) > .padding > p {
		opacity:0;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding {
		grid-row:2 / span 3;
		grid-column:1;
		position:relative;
		display:flex;
		flex-direction:column;
		top:auto;
		left:auto;
		width:auto;
		height:auto;
		padding:0 3em;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > .link-list {
		margin-top:auto;
		margin-bottom:3em;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > .link-list > .link-block {
		background-color:var(--main-highlight-color-transparent);
		border-radius:100%;
		width:7em;
		height:7em;
		display:flex;
		justify-content:center;
		align-items:center;
		margin:0 auto;
		position:relative;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > .link-list > .link-block > a.menu-cta {
		text-decoration:none;
		color:white;
		display:block;
		font-size:0.9em;
		line-height:7;
		padding:0.4em 2.8em;
		white-space:nowrap;
		position:relative;
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > .link-list > .link-block > .b1,
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > .link-list > .link-block > .b2,
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > .link-list > .link-block > .b3 {
		position:absolute;
		width:100%;
		height:100%;
		left:50%;
		top:50%;
		border:solid 1px var(--main-highlight-color);
		border-radius:50%;
		transform:translate(-50%, -50%);
		box-sizing:border-box;
		transition:width var(--main-transition-time), height var(--main-transition-time), transform var(--main-transition-time);
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > .link-list > .link-block:hover > .b1 {
		width:112.1%;
		height:95.45%;
		transform:translate(-50%, -50%) rotate(172deg);
	}
	
	.content-block.info-section.menu > .inner-block > .padding > .content .block-list > .block.menu > .padding > .link-list > .link-block:hover > .b2 {
		height:109%;
		transform:translate(-50%, -50%) rotate(166deg);
	}

	.content-block.info-section.is-slider > .inner-block > .padding > .content > .controls-block {
		max-width:var(--info-viewport-width);
		display:grid;
		grid-template-columns:1fr 1fr;
		padding:3em 0;
	}
}