.window > .about {
	border-top: solid 1px #444;
	background: #ccc;
	color: #222;
	padding: 5rem 0;
}

section.about > .wrapper {
	width: 1300px; /* <- depends on window width */
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 2fr;
}

section.about .title {
	font-size: 2rem;
	margin-bottom: 1.2rem;
}

section.about .subtitle {
	color: #444;
	font-size: 1.2rem;
	margin-bottom: 1.4rem;
}

section.about .button {
	position: relative;
	display: inline-block;
	border: solid 1px #888;
	border-radius: .2em;
	padding: .8rem 2rem;
	color: #444;

	transition: color .3s ease;
}

section.about .button::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	background: #444;
	width: 0;

	transition: width .3s ease;
}

section.about .button:hover::before { width: 100%; }
section.about .button:hover { color: #ddd; }

section.about .button span { position: relative; }

section.about .movie {
	margin: auto;
}

section.about .movie iframe {
	box-shadow: 0 0 20px #0004;
}