/* Standalone announcement: no theme build or JavaScript required. */
@font-face {
	font-family: "Neue";
	src: url("../../dist/fonts/NeueMontreal-Regular.woff") format("woff");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

:root {
	color-scheme: light;
	background: #5579f2;
	color: #fff;
	font-family: "Neue", "Helvetica Neue", Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-synthesis: none;
	overflow-wrap: anywhere;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

.event-announcement {
	--grid-line: 1px solid rgb(255 255 255 / 75%);
	display: grid;
	grid-template-columns: 64.166667% minmax(0, 1fr);
	grid-template-rows: minmax(min-content, max(26rem, 50vh)) minmax(16rem, 1fr);
	grid-template-rows: minmax(min-content, max(26rem, 50svh)) minmax(16rem, 1fr);
	min-height: 100vh;
	min-height: 100svh;
}

.event-announcement__intro {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-width: 0;
	padding: max(10rem, calc(3.333333vh + 4.6vw + 3rem)) 3vw 1.5vw 6.25vw;
	border-right: var(--grid-line);
	border-bottom: var(--grid-line);
}

.event-announcement__logo {
	position: absolute;
	top: 3.333333vh;
	left: 2.25vw;
	width: 14.65vw;
	height: auto;
}

.event-announcement h1 {
	margin: 0;
	font-size: 3.333333vw;
	font-weight: 400;
	line-height: 1.17;
	white-space: pre-line;
}

.event-announcement__details {
	display: flex;
	align-items: flex-end;
	min-width: 0;
	padding: 3rem 1.5vw 1.65vw;
	border-bottom: var(--grid-line);
}

.event-announcement__details p {
	margin: 0;
	font-size: max(1.5rem, 2.083333vw);
	line-height: 1.25;
	white-space: pre-line;
}

.event-announcement__empty {
	border-right: var(--grid-line);
}

.event-announcement__decoration {
	padding: 1.5vw;
}

.event-announcement__decoration svg {
	display: block;
	width: 4.55vw;
	height: auto;
}

@media (max-width: 900px) {
	.event-announcement {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto minmax(10rem, 1fr);
	}

	.event-announcement__intro {
		min-height: 55vh;
		min-height: 55svh;
		padding: 11rem 1.5rem 2rem;
		border-right: 0;
	}

	.event-announcement__logo {
		top: 1.5rem;
		left: 1.5rem;
		width: clamp(12rem, 35vw, 18rem);
		max-width: calc(100% - 3rem);
	}

	.event-announcement h1 {
		font-size: clamp(2rem, 5.5vw, 3.5rem);
		line-height: 1.15;
	}

	.event-announcement__details {
		padding: 2rem 1.5rem;
	}

	.event-announcement__details p {
		max-width: 32rem;
		font-size: clamp(1.5rem, 3.5vw, 2rem);
	}

	.event-announcement__empty {
		display: none;
	}

	.event-announcement__decoration {
		padding: 1.5rem;
	}

	.event-announcement__decoration svg {
		width: 4.5rem;
	}
}

@media (prefers-contrast: more) {
	:root {
		background: #3150c6;
	}
}