/* ==========================================================================
   Profile: three image sections, the awards carousel, the side nav.
   Measured on the original /profile at 1612, 1024 and 375 pixels wide.
   ========================================================================== */

/* Its own box: the heading's spacing stays inside, as on the original */
.eve-profile {
	display: flow-root;
	margin-top: 30px;
}

@media (min-width: 768px) and (max-width: 1279px) {
	.eve-profile {
		margin-top: 40px;
	}
}

/* Padding, not margin: on the original the 20 above and below never merge */
.eve-profile__heading {
	margin: 0;
	padding: 20px 0;
	font-size: 27px;
	text-align: center;
}

@media (min-width: 768px) {
	.eve-profile__heading {
		font-size: 28px;
	}
}

/* --------------------------------------------------------------------------
   Side nav: bullets, the current section's name beside its bullet
   -------------------------------------------------------------------------- */

.eve-profile__nav {
	position: fixed;
	top: 300px;
	right: 10px;
	z-index: 10;
	display: none;
}

@media (min-width: 768px) {
	.eve-profile__nav { display: block; }
}

@media (min-width: 990px) {
	.eve-profile__nav { top: 200px; }
}

@media (min-width: 1280px) {
	.eve-profile__nav { top: 132px; }
}

.eve-profile__nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.eve-profile__nav li {
	padding-right: 0.6em;
}

.eve-profile__nav a {
	color: #fff;
}

.eve-profile__nav-name {
	display: none;
}

.eve-profile__nav a.is-active .eve-profile__nav-name {
	display: inline;
}

.eve-profile__nav-bullet {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 10px;
	background: url(../images/project/bullet.png);
}

.eve-profile__nav a.is-active .eve-profile__nav-bullet {
	background-image: url(../images/project/bullet-active.png);
}

/* --------------------------------------------------------------------------
   Sections: the large image, a small one top left and one bottom right
   -------------------------------------------------------------------------- */

.eve-profile__images {
	position: relative;
	text-align: center;
}

@media (min-width: 768px) {
	.eve-profile__images {
		width: 680px;
		height: 430px;
		margin: 0 auto -75px;
	}
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.eve-profile__images {
		width: 642px;
		margin-top: 26px;
	}
}

.eve-profile__main,
.eve-profile__left,
.eve-profile__right {
	opacity: 0;
	transition: opacity 1s ease;
}

.eve-profile__main.is-in,
.eve-profile__left.is-in,
.eve-profile__right.is-in {
	opacity: 1;
}

.eve-profile__main img {
	display: block;
	width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.eve-profile__main img {
		width: auto;
		max-width: none;
	}

	/* The first section's large image is cut to its frame */
	.eve-profile__section--1 .eve-profile__main {
		overflow: hidden;
	}
}

.eve-profile__left,
.eve-profile__right {
	position: absolute;
	z-index: 1;
	display: none;
}

@media (min-width: 768px) {
	.eve-profile__left,
	.eve-profile__right {
		display: block;
	}
}

.eve-profile__left img,
.eve-profile__right img {
	display: block;
}

.eve-profile__left {
	top: 80px;
	left: -250px;
	transition-delay: 0.3s;
}

.eve-profile__right {
	right: -250px;
	bottom: -105px;
	transition-delay: 0.6s;
}

@media (min-width: 990px) {
	.eve-profile__left { top: 70px; left: -136px; }
	.eve-profile__right { right: -138px; }
}

@media (min-width: 1280px) {
	.eve-profile__left { left: -250px; }
	.eve-profile__right { right: -250px; }
}

.eve-profile__section--2 .eve-profile__left {
	top: -105px;
	left: -170px;
}

.eve-profile__section--3 .eve-profile__left {
	top: -75px;
}

.eve-profile__section--2 .eve-profile__right,
.eve-profile__section--3 .eve-profile__right {
	bottom: 85px;
}

/* The text column: the original's grid columns (row width = container + 40) */
/* Its own box, as the original's floated column: margins stay inside */
.eve-profile__col {
	position: relative;
	z-index: 2;
	display: flow-root;
	width: calc((100% + 40px) * 10 / 12);
	margin-left: calc((100% + 40px) / 12 - 20px);
	padding: 0 20px;
}

@media (min-width: 768px) {
	.eve-profile__col {
		width: calc(100% + 40px);
		margin-left: -20px;
	}
}

@media (min-width: 990px) {
	.eve-profile__col {
		width: calc((100% + 40px) * 10 / 12);
		margin-left: calc((100% + 40px) * 2 / 12 - 20px);
	}
}

@media (min-width: 1280px) {
	.eve-profile__col {
		width: calc((100% + 40px) * 8 / 12);
	}
}

.eve-profile__title {
	margin: 20px 0 21px;
	font-size: 28px;
}

@media (min-width: 768px) {
	.eve-profile__title {
		margin: 20px 0 10px;
		font-size: 80px;
	}
}

@media (min-width: 990px) {
	.eve-profile__title {
		margin-top: 34px;
		margin-left: -21px;
	}

	.eve-profile__title--left {
		margin-left: -130px;
	}
}

@media (min-width: 1280px) {
	.eve-profile__title--left {
		position: relative;
		left: 65px;
		margin-top: 20px;
		margin-left: 12px;
	}

	.eve-profile__title--third {
		margin-left: -82px;
	}
}

.eve-profile__text ul {
	margin: 0 0 10px;
	padding-left: 1.5em;
}

.eve-profile__text--gap {
	margin-bottom: 54px;
}

@media (min-width: 768px) {
	.eve-profile__text {
		margin: 25px 0 110px;
	}

	.eve-profile__text--gap {
		margin-bottom: 200px;
	}
}

@media (min-width: 990px) {
	.eve-profile__text {
		width: 625px;
		margin-right: auto;
	}
}

@media (min-width: 1280px) {
	.eve-profile__text {
		width: 607px;
		margin-left: 111px;
	}
}

/* --------------------------------------------------------------------------
   Awards: four at a time with arrows; on phones one in the middle
   -------------------------------------------------------------------------- */

.eve-profile__awards {
	display: flow-root;
	margin: 38px 0 88px;
}

@media (min-width: 768px) {
	.eve-profile__awards {
		margin: 0 0 120px;
		padding: 0 20px;
	}
}

@media (min-width: 1280px) {
	.eve-profile__awards {
		width: 80%;
		margin: 0 auto 118px;
	}
}

.eve-profile__awards-title {
	margin: 20px 0 0;
	font-size: 28px;
	text-align: center;
}

/* The width of the original's row: the section's 20 of padding each side more */
@media (min-width: 768px) {
	.eve-profile__awards-title {
		margin: 20px -20px 0;
		padding-bottom: 40px;
	}
}

.eve-paw {
	position: relative;
	margin: 0 0 30px;
}

@media (min-width: 768px) {
	.eve-paw {
		width: 80%;
		max-width: 840px;
		margin: 60px auto 200px;
	}
}

.eve-paw__viewport {
	overflow: hidden;
}

.eve-paw__track {
	display: flex;
	transition: transform 0.3s ease;
}

.eve-paw__item {
	flex: 0 0 25%;
	text-align: center;
	transition: transform 0.3s ease;
}

.eve-paw__item img {
	display: block;
	margin: 0 auto 19px;
}

.eve-paw__year {
	font-family: var(--eve-font-semibold);
	font-size: 12px;
}

@media (min-width: 1280px) {
	.eve-paw__year {
		font-size: 13px;
	}
}

.eve-paw__name {
	font-family: var(--eve-font-semibold);
	font-size: 18px;
	line-height: 20px;
}

.eve-paw__result {
	color: var(--eve-icon);
}

.eve-paw__arrow {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	transform: translateY(-150%);
}

.eve-paw__arrow--prev {
	left: -7%;
	background: url(../images/project/slick-arrow-left.svg) no-repeat;
}

.eve-paw__arrow--next {
	right: -7%;
	background: url(../images/project/slick-arrow-right.svg) no-repeat;
}

/* Phone: one award in the middle (the width less 2 x 50), the neighbours
   peeking in, smaller */
@media (max-width: 767px) {
	.eve-paw__viewport {
		padding: 30px 50px 0;
	}

	.eve-paw__viewport,
	.eve-paw__track {
		overflow: visible;
	}

	.eve-paw {
		overflow: hidden;
	}

	.eve-paw__item {
		flex-basis: 100%;
		transform: scale(0.9);
	}

	.eve-paw__item.is-center {
		transform: scale(1.1);
	}

	.eve-paw__item.is-prev {
		transform: translateX(-12px) scale(0.9);
	}

	.eve-paw__item.is-next {
		transform: translateX(12px) scale(0.9);
	}

	.eve-paw__item img {
		width: 100%;
		height: auto;
		margin-bottom: 14px;
	}

	.eve-paw__name {
		font-size: 16px;
	}

	.eve-paw__result {
		margin-bottom: 20px;
		font-size: 12px;
	}

	.eve-paw__arrow {
		display: none;
	}
}