:root {
	--ui-primary: #ee732c;
	--ui-secondary: #b6c932;
	--top-height: 200px;
	--top-bg: rgba(0, 0, 0, 0.6);
}

body {
	background: var(--ui-bg-elevated);
}

[data-block="logo"] {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	min-height: 0;

	img {
		width: auto;
		max-height: 100%;
    	max-width: 300px;
	}
}

@media (max-width: 64rem) {
	:root {
		--top-height: 120px;
	}

	[data-block="logo"] {
		padding: 1rem 0;
        img {
		    max-width: none;
        }
	}
}

#default
	> [data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
	height: var(--top-height);
	background: var(--top-bg);
	overflow: hidden;

	@media (min-width: 64rem) {
		padding: 0 8rem;

		background:
			url("data:image/svg+xml;base64,77u/IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTA5IDIwMCI+DQogICAgICAgIDxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMTA5TDcwLjA5NCAyMDBIMFYwWiIgLz4NCiAgICAgICAgPGRlZnM+DQogICAgICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI0Ni45NzkiIHgyPSI3Mi4wMiIgeTE9IjIwNS44IiB5Mj0iNy44MTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4NCiAgICAgICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRUU3NjIxIiAvPg0KICAgICAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0I3NEUwNCIgLz4NCiAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgICAgIDwvZGVmcz4NCiAgICA8L3N2Zz4=")
				no-repeat,
			var(--top-bg);

		> div {
			height: 100%;
		}

		[data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
			> div {
				gap: 1rem;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
		}
	}

	@media (max-width: 64rem) {
		background: none;
		z-index: 100;

		> [data-block-area="area"] {
			display: flex;
			flex-direction: column;
			height: 100%;

			> div {
				width: 100%;
			}
		}

		[data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
			padding: 0.5rem 1rem;
			background: rgb(0 0 0 / 50%);

			> div {
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			[data-custom-block="AutoMesterLogo"] {
				max-width: 25dvw;
			}
		}
	}
}

body[data-path="/"]
	.page-grid
	> .content-block[data-block="slideshow"]:first-child {
	max-height: 80dvh;
	min-height: 60dvh;

	@media (max-width: 64rem) {
		height: 80dvh;
		margin-bottom: -100px;
	}
}

.design1 {
	body[data-path="/"]
		.page-grid
		> .content-block[data-block="slideshow"]:first-child {
		margin-top: calc((var(--top-height) + var(--ui-header-height)) * -1);
		margin-bottom: -150px;
		z-index: -1;
		max-height: 80dvh;
		min-height: 60dvh;
		overflow: hidden;
	}

	.content-block[data-block="header"] {
		@media (min-width: 64rem) {
			min-width: 1000px;
			margin: calc(-1 * var(--ui-header-height) / 2) auto 0;
			border-radius: calc(infinity * 1px);
		}

		@media (max-width: 64rem) {
			position: relative;
			background: transparent;
			border-bottom: 0;
			backdrop-filter: none;

			&::before {
				content: "";
				position: absolute;
				inset: 0;
				top: calc(var(--top-height) * -1);
				z-index: -1;
				background: var(--top-bg);
				backdrop-filter: blur(8px);
			}
		}
	}
}

.design2 {
	--top-bg: linear-gradient(to bottom, #3a3a3a, #121212);

	.content-block[data-block="header"] {
		@media (min-width: 64rem) {
			min-width: 1000px;
			margin: 2rem auto;
			border-radius: calc(infinity * 1px);
		}

		@media (max-width: 64rem) {
			background: var(--ui-primary);
			border-bottom: 0;
		}
	}

	@media (min-width: 64rem) {
		body[data-path="/"]
			.page-grid
			> .content-block[data-block="slideshow"]:first-child {
			margin-bottom: -150px;
		}
	}

	@media (max-width: 64rem) {
		--top-height: auto;

		#default
			> [data-block="gridSection"]:has(
				[data-custom-block="AutoMesterLogo"]
			) {
			background: var(--top-bg);
		}
	}
}
  @layer base, base, base;
/* layer: default, alias: base */
@layer base{
.rounded-full{border-radius:calc(infinity * 1px);}
}