/* Press Kit page — layers on top of main.css */

	body.presskit #main {
		max-width: 900px;
		min-width: 320px;
		text-align: left;
	}

	@media screen and (max-width: 480px) {

		body.presskit #main {
			min-width: 0;
			width: 100%;
			max-width: 100%;
		}

	}

	body.presskit #main > h1,
	body.presskit #main > p.tagline,
	body.presskit #main > ul.actions,
	body.presskit #main > hr {
		text-align: center;
	}

	.press-hero {
		display: block;
		width: 100%;
		border-radius: 4px;
		margin: 0 0 1.5em 0;
	}

	.press-video {
		display: block;
		width: 100%;
		border-radius: 4px;
		margin: 0 0 1.5em 0;
		background-color: #000000;
	}

	.press-fact-sheet dt {
		font-size: 0.75em;
		font-weight: 600;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: #8b98a1;
		margin: 0 0 0.3em 0;
	}

	.press-fact-sheet dd {
		font-size: 1.1em;
		font-weight: 400;
		letter-spacing: normal;
		text-transform: none;
		color: #313f47;
		margin: 0 0 1.2em 0;
	}

	.press-features {
		text-transform: none;
		letter-spacing: normal;
		font-weight: 400;
		margin: 0 0 1.5em 0;
		padding-left: 1.4em;
	}

		.press-features li {
			margin: 0 0 0.6em 0;
		}

		.press-features strong {
			font-weight: 700;
		}

	.press-gifs {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.75em;
		margin: 0 0 1.5em 0;
	}

		.press-gifs img {
			display: block;
			width: 100%;
			border-radius: 4px;
		}

	.press-shots {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.75em;
		margin: 0 0 1.5em 0;
	}

		.press-shots img {
			display: block;
			width: 100%;
			border-radius: 4px;
		}

	.press-note {
		font-size: 0.8em;
		opacity: 0.75;
	}

	.press-logos {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.75em;
		margin: 0 0 1.5em 0;
	}

		.press-logo-tile {
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 1.5em;
			background-color: #f2f4f5;
			border-radius: 4px;
			border: solid 2px transparent;
			transition: border-color 0.2s ease-in-out;
		}

			.press-logo-tile:hover {
				border-color: #ff7496;
			}

		.press-logo-tile--dark {
			background-color: #232b30;
		}

		.press-logo-tile img {
			display: block;
			width: 100%;
			max-width: 260px;
			pointer-events: none;
		}

	.project-shot {
		display: block;
		width: 100%;
		border-radius: 4px;
		margin: 0.75em 0;
	}

	.project-year {
		font-size: 0.7em;
		font-weight: 400;
		letter-spacing: normal;
		text-transform: none;
		color: #8b98a1;
	}

	@media screen and (max-width: 480px) {

		.press-gifs {
			grid-template-columns: 1fr;
		}

		.press-shots {
			grid-template-columns: 1fr;
		}

		.press-logos {
			grid-template-columns: 1fr;
		}

		body.presskit .button {
			white-space: normal;
			max-width: 100%;
			height: auto;
			line-height: 1.4;
			padding: 0.65em 1.25em;
		}

	}