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

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

/* top */
[data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
	height: var(--top-height);
	background: var(--top-bg);


	> div {
		height: 100%;
		align-items: center;

		> .content-block {
			display: flex;
			justify-content: center;
		}
	}
}


@media (min-width: 64rem) {
	[data-block="custom"]:has([data-custom-block="AutoMesterLogo"]) {
		height: 100%;
		
		&:before {
			content: "";
			display: block;
			margin-right: auto;
			aspect-ratio: 0.545 / 1;
			height: var(--top-height);
			background: url("data:image/svg+xml;base64,77u/IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTA5IDIwMCI+DQogICAgICAgIDxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMTA5TDcwLjA5NCAyMDBIMFYwWiIgLz4NCiAgICAgICAgPGRlZnM+DQogICAgICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI0Ni45NzkiIHgyPSI3Mi4wMiIgeTE9IjIwNS44IiB5Mj0iNy44MTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4NCiAgICAgICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRUU3NjIxIiAvPg0KICAgICAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0I3NEUwNCIgLz4NCiAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgICAgIDwvZGVmcz4NCiAgICA8L3N2Zz4=") no-repeat;
		}
	}
	
	[data-custom-block="AutoMesterLogo"] {
		display: flex;
		justify-content: center;
	}
}

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

	body[data-path="/"] .page-grid > .content-block[data-block="slideshow"]:first-child {
		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);
		z-index: -1;
		max-height: 80dvh;
		min-height: 60dvh;
		overflow: hidden;
	}


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

		body[data-path="/"] .page-grid > .content-block[data-block="slideshow"]:first-child {
			margin-bottom: -150px;
		}
	}
}

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

	@media (min-width: 64rem) {
		.content-block[data-block="header"] {
			width: 1000px;
			margin: 2rem auto;
			border-radius: calc(infinity * 1px);
		}
		
		body[data-path="/"] .page-grid > .content-block[data-block="slideshow"]:first-child {
			margin-bottom: -150px;
		}
	}
}  @layer base, base, base;
/* layer: default, alias: base */
@layer base{
.rounded-full{border-radius:calc(infinity * 1px);}
}