@charset "utf-8";

/* TEAM MEMBER HIGHLIGHT */
	.teammember-highlight {
		display: grid;
		position: relative;
		}
	.teammember-highlight-buffer {
		max-width: 128rem;
		margin: 0 auto;
		position: relative;
		z-index: 2;
		}
	.teammember-highlight-buffer::before {
		background: var(--mywp-light);
		border-radius: var(--mywp-radius);
		bottom: 0;
		content: '';
		left: 0;
		max-width: 128rem;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		}
	.teammember-highlight-info,
	.teammember-highlight-image {
		position: relative;
		z-index: 4;
		}
	.teammember-highlight-holder {
		margin: 2rem;
		}
	.teammember-highlight-title {
		font-size: var(--mywp-ts-head-3);
		margin: 0.2rem 0;
		}
	.teammember-highlight-title-sub {
		font-size: var(--mywp-ts-head-4);
		font-weight: 700;
		margin: 0.2rem 0 1.2rem;
		}
	.teammember-highlight-quote-header {
		font-size: var(--mywp-ts-text-sub-2);
		font-weight: 700;
		margin-bottom: 1.2rem;
		}
	.teammember-highlight-quote-text {
		font-size: var(--mywp-ts-head-5);
		font-style: italic;
		font-weight: 300;
		line-height: 1.4em;
		}
	.teammember-highlight-image {
		align-items: flex-end;
		background: url('../png/staff.png') center bottom / contain no-repeat;
		display: flex;
		justify-content: center;
		text-align: center;
		}
	@media (min-width: 60em) {
		.teammember-highlight-buffer::before {
			top: 2rem;
			}
		.teammember-highlight-buffer {
			display: grid;
			grid-template-columns: 1fr 1fr;
			}
		.teammember-highlight-image {
			grid-column: 1;
			grid-row: 1;
			}
		.teammember-highlight-info {
			align-self: center;
			padding-top: 2rem;
			}
	}
	@media (min-width: 80em) {
		.teammember-highlight-image {
			background-size: 95%;
			}
		.teammember-highlight-buffer::before {
			top: 4rem;
			}
		.teammember-highlight-info {
			padding-top: 4rem;
			}
	}