:root {
	--grid-gutter: var(--s-20);
	--grid-margin: var(--s-20);
	--grid-margin-negative: calc(0px - var(--s-20));
	--grid-columns: 12;
	/**/
	--color-black: #000000;
	--color-white: #F8F8FF;
	--rgb-black: 22, 22, 24;
	--rgb-white: 245, 245, 245;
	--color-grey-01: #DBDBE2;
	--color-grey-02: #BFBFC5;
	--color-grey-03: #A4A4A9;
	--color-grey-04: #8A8A8F;
	--color-grey-05: #707074;
	--color-grey-06: #58585B;
	--color-grey-07: #404144;
	--color-grey-08: #2A2A2D;
	--color-yellow-01: #F4E966;
	--color-yellow-02: #F8F2A3;
	--color-pink-01: #FF8C91;
	--color-pink-02: #FFA3A7;
	--color-blue-01: #98D4E9;
	--color-blue-02: #C1E5F2;
	--color-brown-01: #CCA678;
	--color-brown-02: #E1C7A9;
	--color-green-01: #5ADAC1;
	--color-green-02: #83EDD8;
	--color-error: #BE1515;
	--color-success: #01B955;
	/**/
	--color-text-01: #161618;
	--color-text-02: #F8F8FF;
	--color-text-03: #A4A4A9;
	/**/
	--letter-spacing: -0.032em;
	--image-radius: var(--s-06);
	--background-overlay: rgba(248, 248, 248, 0.8);
	--transition-handle: cubic-bezier(0.45, 0.1, 0, 1);
	--link-handle: cubic-bezier(0.4, 0, 0.2, 1);
	--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
	--filter-blur: blur(5rem);
	--header-height: 0;
	--rail-duration: 60s;
	/**/
	--s-180: 12.5vw;
	--s-160: 11.111vw;
	--s-144: 10vw;
	--s-120: 8.333vw;
	--s-112: 7.778vw;
	--s-104: 7.222vw;
	--s-96: 6.667vw;
	--s-92: 6.389vw;
	--s-80: 5.556vw;
	--s-72: 5vw;
	--s-64: 4.444vw;
	--s-56: 3.889vw;
	--s-48: 3.333vw;
	--s-44: 3.056vw;
	--s-40: 2.778vw;
	--s-32: 2.222vw;
	--s-30: 2.083vw;
	--s-28: 1.944vw;
	--s-24: 1.667vw;
	--s-26: 1.806vw;
	--s-22: 1.528vw;
	--s-20: 1.389vw;
	--s-18: 1.25vw;
	--s-17: 1.181vw;
	--s-16: 1.111vw;
	--s-15: 1.042vw;
	--s-14: 0.972vw;
	--s-13: 0.903vw;
	--s-12: 0.833vw;
	--s-10: 0.694vw;
	--s-09: 0.625vw;
	--s-08: 0.556vw;
	--s-07: 0.486vw;
	--s-06: 0.417vw;
	--s-05: 0.347vw;
	--s-04: 0.278vw;
	--s-03: 0.208vw;
	--s-02: 0.139vw;
}

::selection {
	background: var(--color-white);
	color: var(--color-black);
}

@media (max-width: 980px) and (min-width: 681px) and (orientation: portrait) {
	
	:root {
		--grid-gutter: var(--s-20);
		--grid-margin: var(--s-20);
		--grid-margin-negative: calc(0px - var(--s-20));
		--grid-columns: 8;
		/**/
		--s-180: 21.951vw;
		--s-160: 19.512vw;
		--s-144: 17.561vw;
		--s-120: 14.634vw;
		--s-112: 13.659vw;
		--s-104: 12.683vw;
		--s-96: 11.707vw;
		--s-92: 11.220vw;
		--s-80: 9.756vw;
		--s-72: 8.780vw;
		--s-64: 7.805vw;
		--s-56: 6.829vw;
		--s-48: 5.854vw;
		--s-44: 5.366vw;
		--s-40: 4.878vw;
		--s-32: 3.902vw;
		--s-30: 3.659vw;
		--s-28: 3.415vw;
		--s-26: 3.171vw;
		--s-24: 2.927vw;
		--s-22: 2.683vw;
		--s-20: 2.439vw;
		--s-18: 2.195vw;
		--s-17: 2.073vw;
		--s-16: 1.951vw;
		--s-15: 1.829vw;
		--s-14: 1.707vw;
		--s-12: 1.463vw;
		--s-10: 1.220vw;
		--s-09: 1.098vw;
		--s-08: 0.976vw;
		--s-07: 0.854vw;
		--s-06: 0.732vw;
		--s-05: 0.61vw;
		--s-04: 0.488vw;
		--s-03: 0.366vw;
		--s-02: 0.244vw;
	}
	
}

@media (max-width: 680px) {
	
	:root {
		--grid-gutter: var(--s-16);
		--grid-margin: var(--s-16);
		--grid-margin-negative: calc(0px - var(--s-16));
		--grid-columns: 4;
		/**/
		--s-180: 45.802vw;
		--s-160: 40.712vw;
		--s-144: 36.641vw;
		--s-120: 30.534vw;
		--s-112: 28.499vw;
		--s-104: 26.463vw;
		--s-96: 24.427vw;
		--s-92: 23.41vw;
		--s-80: 20.356vw;
		--s-72: 18.321vw;
		--s-64: 16.285vw;
		--s-56: 14.249vw;
		--s-48: 12.214vw;
		--s-44: 11.282vw;
		--s-40: 10.178vw;
		--s-32: 8.142vw;
		--s-30: 7.634vw;
		--s-28: 7.125vw;
		--s-26: 6.616vw;
		--s-24: 6.107vw;
		--s-22: 5.598vw;
		--s-20: 5.089vw;
		--s-18: 4.58vw;
		--s-17: 4.326vw;
		--s-16: 4.071vw;
		--s-15: 3.562vw;
		--s-14: 3.562vw;
		--s-12: 3.053vw;
		--s-10: 2.545vw;
		--s-09: 2.29vw;
		--s-08: 2.036vw;
		--s-07: 1.781vw;
		--s-06: 1.527vw;
		--s-05: 1.272vw;
		--s-04: 1.018vw;
		--s-03: 0.763vw;
		--s-02: 0.509vw;
	}
	
}

body {
	background: var(--color-black);
	box-sizing: border-box;
	color: var(--color-white);
	cursor: default;
	font-family: 'Autaut Grotesk', sans-serif;
	font-weight: 400;
	letter-spacing: var(--letter-spacing);
	line-height: 0;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.body--black {
	background: var(--color-black);
	color: var(--color-text-02);
}

.body--light-grey {
	background: var(--color-grey-02);
}

svg {
	height: 100%;
	width: 100%;
}

p {
	line-height: inherit;
}

	p:not(:last-child) {
		padding-bottom: calc(1em * 1.25);
	}

ul,
li {
	list-style: none;
}

a {
	cursor: pointer;
}

sup {
	vertical-align: super;
	font-size: 64%;
	line-height: 1;
}

b,
strong {
	font-weight: 600;
}

.mask {
	position: relative;
	overflow: hidden;
}

.fit--cover {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.fit--contain {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.tt--ab {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.text--center {
	text-align: center;
}

.hidden {
	color: transparent;
	user-select: none;
}

.none {
	display: none;
}

.no--scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

	.no--scrollbar::-webkit-scrollbar {
		display: none;
	}

.wrp {
	box-sizing: border-box;
	padding: 0 var(--grid-margin);
	width: 100%;
}

.row {
	display: flex;
	flex-flow: wrap;
	margin-left: -.5rem;
	margin-right: -.5rem;
	width: calc(100% + 1rem);
	margin-left: calc(0px - var(--grid-gap) / 2);
	margin-right: calc(0px - var(--grid-gap) / 2);
	width: calc(100% + var(--grid-gap));
}

.col,[class*="col--"] {
	box-sizing: border-box;
	padding-left: calc(var(--grid-gap) / 2);
	padding-right: calc(var(--grid-gap) / 2);
	position: relative;
}

.full__page {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
	width: 100%;
}

#scroll__container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
	position: relative;
	width: 100vw;
}

.page__container {
	min-height: 100vh;
}


.background--black {
	background-color: var(--color-black);
	color: var(--color-text-02);
}


.grid {
	display: grid;
	column-gap: var(--grid-gutter);
}

.grid__inner {
	box-sizing: border-box;
}

.grid--layout {
	grid-template-columns: repeat(var(--grid-columns), 1fr);
}

.pt--xxlarge {
	padding-top: max(var(--s-160), 20vh);
}

.pb--xxlarge {
	padding-bottom: max(var(--s-160), 20vh);
}

.pt--xlarge {
	padding-top: max(var(--s-120), 15vh);
}

.pb--xlarge {
	padding-bottom: max(var(--s-120), 15vh);
}

.pt--large {
	padding-top: max(var(--s-96), 10vh);
}

.pb--large {
	padding-bottom: max(var(--s-96), 10vh);
}

.pt--medium {
	padding-top: max(var(--s-40), 7.5vh);
}

.pb--medium {
	padding-bottom: max(var(--s-40), 7.5vh);
}

.pt--small {
	padding-top: max(var(--s-24), 5vh);
}

.pb--small {
	padding-bottom: max(var(--s-24), 5vh);
}

@media (max-width: 680px) {
	
	.pt--medium {
		padding-top: var(--s-40);
	}
	
	.pb--medium {
		padding-bottom: var(--s-40);
	}
	
	.pt--small {
		padding-top: var(--s-32);
	}
	
	.pb--small {
		padding-bottom: var(--s-32);
	}
	
}

.pt--xsmall {
	padding-top: var(--s-32);
}

.pb--xsmall {
	padding-bottom: var(--s-32);
}

.pt--margin {
	padding-top: var(--grid-margin);
}

.pb--margin {
	padding-bottom: var(--grid-margin);
}

.landing {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.page__header  {
	border-bottom: solid 1px currentcolor;
}

.header__inner  {
	text-align: center;
}

@media (min-width: 681px) {
	
	.main {
		flex: 1;
		height: 100%;
	}
	
}

.main .wrp {
	height: 100%;
}

@media (min-width: 681px) {
	
	.columns {
		height: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

}

@media (max-width: 680px) {
	
	.columns {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	
}

@media (min-width: 681px) {
	
	.grid__column:first-child {
		border-right: solid 1px currentcolor;
	}
	
}

@media (max-width: 680px) {
	
	.grid__column:first-child {
		border-bottom: solid 1px currentcolor;
	}
	
}

.grid__column > div {
	box-sizing: border-box;
	height: 100%;	
}

.grid--layout .grid__column {
	grid-column: span calc(var(--grid-columns) / 2);
}

.column__text {
	align-items: center;
	flex-direction: column;	
	justify-content: center;
	display: flex;
	margin: 0 auto;
	text-align: center;
}

@media (min-width: 681px) {
	
	.column__text {
		max-width: 72%;
		height: 100%;
	}
	
}

.column__text h2 {
	margin-bottom: var(--s-32);
}

.column__text ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: var(--s-12);
}

.column__text a {
	font-weight: 600;
}

.column__text a:hover {
	text-decoration: underline;
}

.footer {
	border-top: solid 1px currentcolor;
}

@media (min-aspect-ratio: 2 / 1) {
	
	.footer {
		display: none;
	}
	
}

.footer__inner {
	display: flex;
	justify-content: center;
	gap: var(--s-64);
}

@media (max-width: 681px) {
	
	.footer__inner {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: var(--s-24);
	}
	
}

.footer__item {
	font-weight: 600;
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: var(--s-16);
}

	.footer__item a:hover img {
		opacity: 0.5;
	}

.eide__link img {
	height: var(--s-32);
	margin: var(--s-08) 0;
	width: auto;
}

.bizkaia__link img {
	height: var(--s-48);
	width: auto;
}

.bilbao__link img {
	height: var(--s-44);
	width: auto;
}

.partners {
	display: flex;
	gap: var(--s-32);
}