/* Common */
/* Media */
/* Content */
/* Common animations */
@-webkit-keyframes translate-bottom-to-top {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		        transform: translate3d(0, 100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}
@keyframes translate-bottom-to-top {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		        transform: translate3d(0, 100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes imageSwap-1 {
	0% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	15% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	30% {
		-webkit-transform: translateX(90%);
		        transform: translateX(90%);
		z-index: 2;
	}
	45% {
		-webkit-transform: translateX(110%);
		        transform: translateX(110%);
	}
	60% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
	100% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
}

@keyframes imageSwap-1 {
	0% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	15% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	30% {
		-webkit-transform: translateX(90%);
		        transform: translateX(90%);
		z-index: 2;
	}
	45% {
		-webkit-transform: translateX(110%);
		        transform: translateX(110%);
	}
	60% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
	100% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
}

@-webkit-keyframes imageSwap-2 {
	0% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	15% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	30% {
		-webkit-transform: translateX(-90%);
		        transform: translateX(-90%);
		z-index: 1;
	}
	45% {
		-webkit-transform: translateX(-110%);
		        transform: translateX(-110%);
	}
	60% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
	100% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
}

@keyframes imageSwap-2 {
	0% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	15% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	30% {
		-webkit-transform: translateX(-90%);
		        transform: translateX(-90%);
		z-index: 1;
	}
	45% {
		-webkit-transform: translateX(-110%);
		        transform: translateX(-110%);
	}
	60% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
	100% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
}

@-webkit-keyframes SlideUpFade {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

@keyframes SlideUpFade {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

/* Blocks */
.biography-info {
	padding-top: 2.91667vw;
	padding-bottom: 2.91667vw;
	border-radius: 0 0 1.5625vw 1.5625vw;
	margin: 0 0 5.20833vw;
}

.biography-info__inner {
	max-width: 48.85417vw;
	margin: 0 auto;
}

.biography-info__title {
	font-size: 1.25vw;
	line-height: 106%;
	min-height: 1.25vw;
	margin: 0 0 1.25vw;
}

.biography-info__name {
	font-size: 6.25vw;
	line-height: 85%;
	margin: 0 0 1.25vw;
}

.biography-info__items {
	gap: 1.25vw;
}

.biography-info__image {
	border-radius: 1.04167vw;
	height: 25.36458vw;
}

.biography-info__text {
	gap: 1.04167vw;
	order: 2;
}

.biography-info__text p {
	font-size: 1.25vw;
}

.biography-info__box {
	border-radius: 0.625vw;
	padding: 1.04167vw;
}

.biography-info__box img {
	width: 7.39583vw;
	margin: 0 0 0.625vw;
}

.biography-info__box p {
	font-size: 1.04167vw;
}

.biography-history {
	margin: 0 0 5.20833vw;
}

.biography-history__inner {
	max-width: 48.85417vw;
	margin: 0 auto;
	gap: 4.16667vw;
}

.biography-history__title {
	font-size: 6.25vw;
	line-height: 85%;
	letter-spacing: -0.05em;
	margin: 0 0 5.20833vw;
}

@-webkit-keyframes marquee {
	from {
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
	}
	to {
		-webkit-transform: translateX(-115%);
		        transform: translateX(-115%);
	}
}

@keyframes marquee {
	from {
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
	}
	to {
		-webkit-transform: translateX(-115%);
		        transform: translateX(-115%);
	}
}

.biography-history__items {
	gap: 4.16667vw;
}

.biography-history__item {
	gap: 1.5625vw;
}

.biography-history__item-title {
	font-size: 3.64583vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	text-align: left;
}

.biography-history__item-content {
	gap: 1.5625vw;
}

.biography-history__item-video {
	width: 17.34375vw;
	height: 17.34375vw;
}

.biography-history__item-photo {
	height: 28.22917vw;
}

.biography-history__item-photo.photo-flex {
	gap: 0.78125vw;
}

.biography-history__item-photo img {
	border-radius: 1.04167vw;
}

.biography-history__item p {
	font-size: 1.25vw;
	line-height: 110%;
}

.biography-history__item p.text-italic {
	font-weight: 500;
	font-size: 1.14583vw;
}

.biography-history__item ul {
	font-size: 1.25vw;
	line-height: 110%;
	margin-left: 1.25vw;
}

.biography-history__item ul li + li {
	margin-top: 0.83333vw;
}

.biography-views {
	padding-top: 2.08333vw;
	border-radius: 1.5625vw;
	background: white;
	margin: 0 0 6.25vw;
	overflow: hidden;
}

.biography-views__title {
	font-size: 8.22917vw;
	line-height: 91%;
	margin: 0 0 2.08333vw;
}

.biography-views__items {
	position: relative;
	flex-direction: column;
	height: 35.46875vw;
	gap: 0;
	margin: 0;
	padding: 0;
}

.biography-views__item {
	display: inline-block;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	padding: 1.04167vw;
	border-radius: 1.5625vw;
	min-height: 31.5625vw;
	display: grid;
	grid-template-columns: 43.75vw 47.29167vw;
	grid-gap: 4.94792vw;
}

.biography-views__item_2 {
	-webkit-transform: translateY(1em);
	        transform: translateY(1em);
}

.biography-views__item_3 {
	-webkit-transform: translateY(2em);
	        transform: translateY(2em);
}

.biography-views__item_4 {
	-webkit-transform: translateY(3em);
	        transform: translateY(3em);
}

.biography-views__item_5 {
	-webkit-transform: translateY(4em);
	        transform: translateY(4em);
}

.biography-views__item_6 {
	-webkit-transform: translateY(5em);
	        transform: translateY(5em);
}

.biography-views__item_7 {
	-webkit-transform: translateY(6em);
	        transform: translateY(6em);
}

.biography-views__item_8 {
	-webkit-transform: translateY(7em);
	        transform: translateY(7em);
}

.biography-views__item_9 {
	-webkit-transform: translateY(8em);
	        transform: translateY(8em);
}

.biography-views__item_10 {
	-webkit-transform: translateY(9em);
	        transform: translateY(9em);
}

.biography-views__item-content {
	gap: 0.52083vw;
}

.biography-views__item-title {
	font-size: 3.125vw;
}

.biography-views__item-text {
	font-size: 1.25vw;
	letter-spacing: -0.02em;
}

.biography-views__item-text p + p {
	margin: 1.04167vw 0 0;
}

.biography-views__item-photo {
	border-radius: 1.04167vw;
	height: 100%;
}

.biography-awards {
	margin: 0 0 6.25vw;
}

.biography-awards__title {
	font-size: 8.22917vw;
	line-height: 91%;
	margin: 0 0 2.08333vw;
}

.biography-awards__cards {
	padding: 0 0.78125vw;
	margin: 0 -1.17188vw;
}

.biography-awards__cards .swiper-nav-arrows {
	width: calc(100% - 2.44792vw);
}

.biography-awards__card {
	gap: 0.52083vw;
	padding: 1.04167vw;
	border-radius: 1.5625vw;
	min-height: 21.66667vw;
	margin: 0 0.39063vw;
}

.biography-awards__card-head {
	gap: 0.52083vw;
}

.biography-awards__card-head i {
	width: 1.66667vw;
	height: 1.66667vw;
	font-size: 1.66667vw;
}

.biography-awards__card-tag {
	font-size: 0.9375vw;
	height: 1.5625vw;
	border-radius: 0.52083vw;
}

.biography-awards__card-name {
	font-size: 1.25vw;
}

.biography-awards__card-text {
	font-size: 0.9375vw;
}

.biography-gallery {
	margin: 0 0 6.25vw;
}

.biography-gallery__title {
	font-size: 8.22917vw;
	line-height: 91%;
	margin: 0 0 3.85417vw;
}

.biography-gallery__items {
	grid-gap: 0.88542vw;
}

.biography-gallery__item {
	padding: 1.04167vw;
	border-radius: 1.5625vw;
	min-height: 24.6875vw;
}

.biography-gallery__item-title {
	font-size: 2.5vw;
}

.biography-gallery__item-text {
	font-size: 0.9375vw;
}

.biography-gallery__item-button {
	font-size: 0.9375vw;
	max-width: 7.5vw;
	height: 1.5625vw;
}

.biography-media {
	margin: 0 0 6.25vw;
}

.biography-media__title {
	font-size: 8.22917vw;
	line-height: 91%;
	margin: 0 0 3.48958vw;
}

.biography-media__cards {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.78125vw;
}

.biography-media__card {
	padding: 1.04167vw;
	border-radius: 1.5625vw;
	min-height: 13.48958vw;
	flex: 0 0 auto;
	overflow: hidden;
	width: 27.60417vw;
}

.biography-media__card-wide {
	width: 40.625vw;
}

.biography-media__card-wide .biography-media__card-arrow {
	display: none;
}

.biography-media__card-wide .biography-media__card-box:nth-child(2) {
	-webkit-transform: translate(0);
	        transform: translate(0);
}

.biography-media__card-box {
	transition: all 0.3s ease;
}

.biography-media__card-box_1 {
	flex: 1 0 100%;
}

.biography-media__card-box_2 {
	flex: 0 0 7.5vw;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
}

.biography-media__card-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0.52083vw;
}

.biography-media__card-title {
	font-size: 2.08333vw;
	max-width: 23.125vw;
	width: 100%;
}

.biography-media__card-text {
	font-size: 0.9375vw;
	max-width: 22.60417vw;
	width: 100%;
}

.biography-media__card-img {
	width: 4.0625vw;
	height: 4.0625vw;
	border-radius: 0.52083vw;
}

.biography-media__card-button {
	font-size: 0.9375vw;
	height: 1.5625vw;
	max-width: 7.5vw;
}

.biography-media__card-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5625vw;
	height: 1.5625vw;
	border-radius: 0.52083vw;
	border: 1px solid #A0A3A6;
	flex: 0 0 auto;
}

.biography-media__card-arrow i {
	width: 0.41667vw;
	height: 0.41667vw;
	flex: 0 0 auto;
	font-size: 0.41667vw;
}

.biography-media__card:hover .biography-media__card-box_1,
.biography-media__card-wide .biography-media__card-box_1 {
	flex: 1 0 auto;
}

.biography-media__more {
	font-size: 0.9375vw;
	max-width: 8.90625vw;
	height: 1.5625vw;
	margin: 2.08333vw auto 0;
}

.biography-recommendation {
	margin: 0 0 6.25vw;
}

.biography-recommendation__title {
	font-size: 8.22917vw;
	line-height: 91%;
	margin: 0 0 4.16667vw;
}

.biography-recommendation__items {
	padding: 0 0.78125vw;
	margin: 0 -1.17188vw;
}

.biography-recommendation__items .swiper-nav-arrows {
	width: calc(100% - 2.44792vw);
}

.biography-recommendation__item {
	grid-template-columns: 22.86458vw;
	grid-gap: 0.83333vw;
	height: 33.75vw;
	margin: 0 0.39063vw;
}

.biography-recommendation__item-open {
	grid-template-columns: repeat(2, 22.86458vw);
}

.biography-recommendation__item-category {
	font-size: 0.9375vw;
	border: 1px solid rgba(119, 120, 121, 0.3);
	border-radius: 0.52083vw;
	width: 1.5625vw;
	height: 7.5vw;
}

.biography-recommendation__item-cover {
	border-radius: 1.5625vw;
}

.biography-recommendation__item-button {
	font-size: 0.88542vw;
	right: 1.04167vw;
	bottom: 1.19792vw;
	-webkit-transform: translateX(0%);
	        transform: translateX(0%);
	max-width: 8.75vw;
	height: 1.5625vw;
}

.biography-recommendation__item-button-content {
	display: none;
}

.biography-recommendation__item-content {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	gap: 0.625vw;
	border-radius: 1.5625vw;
	padding: 0.83333vw 0.9375vw 1.04167vw 0.83333vw;
}

.biography-recommendation__item-title {
	font-size: 2.5vw;
}

.biography-recommendation__item-quote {
	font-size: 0.9375vw;
}

.biography-recommendation__item-text {
	font-size: 0.9375vw;
	margin: 0;
}

.biography-recommendation__item-text p + p {
	margin: 0.52083vw 0 0;
}
