/* main */
.title__wrapper {
	margin: 0 var(--margin-side-mobile) 40px;

	h6 {
		font-weight: var(--weight-700);
		margin-bottom: 12px;
	}

	h2 {
		font: var(--mobile-interview-title);
		margin-bottom: 12px;
	}

	@media screen and (min-width: 800px) {
		margin: 0 var(--margin-side-desktop) 40px;
		display: flex;
		justify-content: space-between;

		h2 {
			font: var(--desktop-interview-title);
		}

		.title__section{
			width: calc((100% / 12) * 10);
		}
		
	}
}
.title__section>p {
	font-size: var(--size-200);
	margin-bottom: 12px;
}

.meta {
	display: flex;
	color: var(--color-text-second);

	p {
		margin-left: 12px;
	}

	p:first-child {
		margin-left: 0;
	}

	@media screen and (min-width: 800px) {
		display: inline;

		p {
			margin-left: 0;
			margin-bottom: 8px;
		}
	}
}

/* interview image */
.interview__img__wrapper {
	margin-right: var(--margin-side-mobile);
	text-align: right;
	margin-bottom: 48px;

	.interview__img__container {
		border-top-right-radius: 40px;
		border-bottom-right-radius: 40px;
		width: 100%;
	}

	.photo__credit {
		font-size: var(--size-090);
		color: var(--color-caption);
	}

	@media screen and (min-width: 800px) {
		margin-right: var(--margin-side-desktop);

		.photo__credit {
			font-size: var(--size-100);
		}
	}
}

/* interview start */
.interview__wrapper {
	margin: 0 var(--margin-side-mobile);

	.pullquote {
		font: var(--mobile-pullquote);
		color: var(--mobile-pullquote-color);
		width: calc((100% / 6) * 5);
		margin: var(--mobile-pullquote-margin);
	}

	.external__link {
		color: var(--mobile-pullquote-color);
		width: calc((100% / 6) * 5);
		margin-bottom: 48px;
	}

	.interview__question {
		margin-right: var(--mobile-side-margin);
		margin-left: calc((100%/6) + 16px);
		margin-bottom: 8px;
		font-size: var(--size-200);
		font-weight: 700;
	}

	.interview__answer {
		margin-right: var(--mobile-side-margin);
		margin-left: calc((100% /6) + 16px);
		margin-bottom: 42px;
	}

	@media screen and (min-width: 800px) {
		margin: 0 var(--margin-side-desktop) var(--margin-side-desktop);

		.pullquote {
			font: var(--desktop-pullquote);
			width: calc((100% / 12) * 7);
			margin: var(--desktop-pullquote-margin);
		}

		.interview__question {
			margin-right: var(--desktop-side-margin);
			width: calc((100% / 12) * 7);
		}

		.interview__answer {
			margin-right: var(--margin-side-desktop);
			width: calc((100% / 12) * 7);
			margin-bottom: px;
		}
	}
}