.event-title {
	font-size: 1.4em;
	margin-block-end: 1rem;
}

.event-subtitle {
	font-size: 1em;
	font-weight: normal;
	font-variant: small-caps;
	font-weight: bold;
}

.event-header svg {
	width: 1.5em;
	height: 1.5em;
}

.event-header span {
	font-size: 1em;
	line-height: 1.5;
}

.event-header p, .event-header li {
	display: flex;
	align-items: center;
	span {
		margin-inline-start: 0.25em;
		margin-inline-end: 2em;
	}
}

.event-content {
	h2 {
		font-size: 1em;
		font-variant: small-caps;
	}
}

.event-tags {
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	gap: 1em;
	a {
		color: #777;
	}
}



.event-photos {
	list-style: none;
	a {
		text-decoration: none;
		color: inherit;
	}
	display: grid;
	gap: 1em;
}

.event-photo {
	img {
		display: block;
		max-width: 100%;
	}
	figcaption {
		background: #111;
		text-align: center;
		padding-block: 1em;
		
		.photo-title {
			text-align: center;
			margin-block-end: 1em;
		}
		
		.photo-summary {
			font-family: monospace;
		}
	}
}

.event-page .photos .event-subtitle {
	margin-block: 2rem;
}

@media (min-width: 100rem) {
	.event-page {
		display: grid;
		grid-template-columns: 1fr 20rem;
		grid-template-areas:
			"photos info";
		height: 100vh;
	}
	.event-page .info {
		grid-area: info;
		height: 100vh;
		overflow-y: scroll;
	}

	.event-page .photos {
		grid-area: photos;
		height: 100vh;
		overflow-y: scroll;
		margin: 0;
		.photos-list {
			max-width: 40rem;
			margin-inline: auto;
		}
	}
}