body {
	background: var(--color-white);
	box-sizing: border-box;
	color: var(--color-text-01);
	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;
}

.main__container:not(.home__page) .page__container {
	margin-top: var(--header-height);
	position: relative;
}

	/* .page__container:before {
		background: currentcolor;
		content: '';
		height: 1px;
		left: 0;
		position: absolute;
		top: -1px;
		width: 100%
	} */

.button {
	border-radius: var(--image-radius);
	border: solid 1px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	height: fit-content;
	position: relative;
	overflow: hidden;
	transition: background-color 0.4s var(--link-handle), color 0.4s var(--link-handle), opacity 1.2s var(--transition-handle),;
}

.button--arrow {
	display: inline-flex;
	gap: var(--s-05);
}

.button--black {
	border-color: var(--color-black);
	color: var(--color-black);
}

.button--white,
.body--black .button--black {
	border-color: var(--color-white);
	color: var(--color-white);
}

.accordion__button .button {
	border-color: var(--color-black);
	color: var(--color-black);
}

.button--small {
	font-size: clamp(0.75rem, var(--s-14), 1.125rem);
	line-height: 1;
	padding: var(--s-07) var(--s-10);
}

.button--big {
	font-size: clamp(1rem, var(--s-18), 1.5rem);
	line-height: 1;
	padding: var(--s-12) var(--s-20);
}

.button__full {
	align-items: center;
	border-top: solid 1px var(--color-black);
	display: flex;
	font-weight: 600;
	justify-content: space-between;
	padding: var(--grid-margin) calc(var(--grid-margin) * 1.5) var(--grid-margin) var(--grid-margin);
	position: relative;
	transition: color 0.6s var(--link-handle);
}

.button__full > div {
	position: relative;
	z-index: 1;
}

.hide .button {
	opacity: 0;
}

.background--pink .button__full {
	background: var(--color-pink-01);
}

.link--double {
	display: inline-flex;
	font-size: clamp(0.75rem, var(--s-14), 1.125rem);
	font-weight: 600;
	gap: var(--s-05);
	line-height: 1.25;
	margin: calc(0px - var(--s-10));
	position: relative;
	padding: var(--s-10);
}

.link--double > .underline {
	position: relative;
}

.link--arrow > span {
	display: block;
}

.button > .link--arrow > span:first-child,
.link--double > .link--arrow > span:first-child {
	left: -100%;
	position: absolute;
	top: 0;
}

	
	.link--double .underline:first-child:before,
	.link--double .underline:after {
		content: '';
		background: currentcolor;
		bottom: 0;
		height: 1px;
		left: 0;
		position: absolute;
		width: 100%;
	}
	
	.link--double .underline:after {
		transform-origin: right;
		transform: scaleX(0);
	}
	
	.link--double .underline:before {
		transform-origin: left;
		transform: scaleX(1);
	}

.link--out {
	position: relative;
}

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

.background--grey-01 {
	background-color: var(--color-grey-01);
}

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

.background--grey-03 {
	background-color: var(--color-grey-03);
}

.background--yellow {
	background-color: var(--color-yellow-01);
}

.background--pink {
	background-color: var(--color-pink-01);
}

.background--blue {
	background-color: var(--color-blue-01);
}

.background--brown {
	background-color: var(--color-brown-01);
}

.background--green {
	background-color: var(--color-green-01);
}

.text__description ul {
	padding-left: var(--s-20);
}

.text__description li {
	position: relative;
}

	.text__description li:before {
		background: currentcolor;
		border-radius: 50%;
		content: '';
		height: var(--s-04);
		left: calc(0px - var(--s-16));
		position: absolute;
		top: var(--s-10);
		width: var(--s-04);
	}

.title > .mask,
.title > .mask > span {
	display: block;
}

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

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

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

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

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

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

.grid--2 {
	grid-template-columns: repeat(2, 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: var(--s-64);
}

.pb--medium {
	padding-bottom: var(--s-64);
}

.pt--small {
	padding-top: var(--s-48);
}

.pb--small {
	padding-bottom: var(--s-48);
}

.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);
}

.square--ratio {
	aspect-ratio: 1 / 1;
}

.grid__column {
	align-items: end;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: subgrid;
	min-height: 13.889vw;
	position: relative;
	overflow: hidden;
}

.grid__column--1 {
	align-items: end;
	box-sizing: border-box;
	display: grid;
	position: relative;
	overflow: hidden;
    grid-column: span var(--grid-columns);
}


.grid__column:not(.no--padding) {
	padding: var(--grid-margin) 0;
}

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

.gallery__grid__item--full {
	grid-column: span var(--grid-columns);
}

.gallery__grid__link,
.gallery__grid__container {
	border-radius: var(--image-radius);
	display: block;
	position: relative;
	overflow: hidden;
}

.gallery__grid__img {
	aspect-ratio: 1 / 1;
	position: relative;
}

.gallery__grid__inner {
	background: linear-gradient(0deg, rgba(var(--rgb-black), 0.4) 0%, rgba(var(--rgb-black), 0) 50%, rgba(var(--rgb-black), 0.4) 100%);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: var(--color-white);
	padding: var(--grid-margin);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.gallery__grid__info {
	white-space: normal;
}

.gallery__grid__designer {
	font-weight: 600;
	display: flex;
	gap: var(--s-08);
}

.gallery__grid__designer > span {
	position: relative;
}

	.gallery__grid__designer > span:not(:last-child):after {
		content: ',';
		display: inline-block;
		position: absolute;
		right: calc(0px - var(--s-03));
		top: 0;
	}

.gallery__grid__title {
	display: inline-block;
	position: relative;
}

.gallery__grid__description {
	margin-top: var(--s-12);	
}

.hero__title {
	box-sizing: border-box;
	padding-right: var(--grid-margin);
}

.tags__container {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-10);
}

.tag {
	color: currentcolor;
	border: solid 1px rgba(var(--rgb-black), 0.2);
	border-radius: var(--image-radius);
	display: inline-flex;
	font-size: clamp(0.5rem, var(--s-12), 1rem);
	line-height: 1.25;
	font-weight: 600;
	padding: var(--s-05) var(--s-08);
	width: fit-content;
}

.body--black .tag,
.gallery__grid__tags .tag {
	border: solid 1px rgba(var(--rgb-white), 0.5);
}

.overlay__tag {
	background: rgba(var(--rgb-white), 0.4);
	color: currentcolor;
	border-radius: var(--image-radius);
	display: inline-flex;
	font-size: clamp(0.75rem, var(--s-14), 1.125rem);
	line-height: 1.25;
	font-weight: 600;
	padding: var(--s-07) var(--s-10);
	width: fit-content;
}

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

.image__label {
	background: var(--color-white);
	color: var(--color-black);
	border: solid 1px var(--color-white);
	border-radius: var(--image-radius);
	display: inline-flex;
	font-size: clamp(0.5rem, var(--s-12), 1rem);
	line-height: 1.25;
	font-weight: 600;
	padding: var(--s-05) var(--s-08);
	position: absolute;
	left: var(--grid-margin);
	top:  var(--grid-margin);
	z-index: 1;
	width: fit-content;
}

.slide__control {
	display: flex;
	gap: var(--s-08);
}

.slide__arrow {
	cursor: pointer;
	height: var(--s-24);
	padding: var(--s-08);
	position: relative;
	overflow: hidden;
	width: var(--s-24);
	transition: opacity 0.6s var(--link-handle);
}

.slide__arrow.disabled {
	opacity: 0.2;
	pointer-events: none;
}

.arrow__icon {
	fill: var(--color-black);
	height: 100%;
	width: 100%;
}

.slide__arrow--left .arrow__icon--left:last-child {
	position: absolute;
	right: -100%;
	top: 0;
}

.slide__arrow--right .arrow__icon--right:last-child {
	position: absolute;
	left: -100%;
	top: 0;
}

.hero--base,
.hero--image {
	border-bottom: solid 1px currentcolor;
}

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

.load__more.disabled .grid--layout {
    display: none;
}

.featured__content__section {
	color: var(--color-text-01);
	position: relative;
}

.featured__content__info {
	padding: 0 var(--grid-margin);
}

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

.rich__content h3 {
	font-size: clamp(1.25rem, var(--s-24), 2rem);
	line-height: 1.2;
	margin-bottom: var(--grid-margin);
	text-decoration-line: underline;
	text-decoration-thickness: var(--s-02);
	text-underline-offset: var(--s-04);
}

.rich__content ul {
	padding-left: var(--grid-gutter);
}

.rich__content li {
	list-style-position: outside;
	list-style: square;
	margin-bottom: var(--s-08);
}

.rich__content a {
	color: var(--color-grey-03);
	font-weight: 600;
}

@media (hover: hover) {
	
	.slide__arrow--left:hover .arrow__icon--left {
		transform: translate3d(-100%, 0, 0);
		transition: transform 0.6s var(--link-handle);
	}
	
	.slide__arrow--right:hover .arrow__icon--right {
		transform: translate3d(100%, 0, 0);
		transition: transform 0.6s var(--link-handle);
	}
	
	.rich__content a:hover {
		color: var(--color-black);
		text-decoration: underline;
		text-decoration-thickness: var(--s-02);
		text-underline-offset: 12%;
	}
	
}

@media (max-width: 980px) and (min-width: 681px) {
	
	.pt--xxlarge {
		padding-top: var(--s-120);
	}
	
	.pb--xxlarge {
		padding-bottom: var(--s-120);
	}
	
	.pt--xlarge {
		padding-top: var(--s-104);
	}
	
	.pb--xlarge {
		padding-bottom: var(--s-104);
	}
	
	.pt--large {
		padding-top: var(--s-80);
	}
	
	.pb--large {
		padding-bottom: var(--s-80);
	}
	
	.pt--medium {
		padding-top: var(--s-56);
	}
	
	.pb--medium {
		padding-bottom: var(--s-56);
	}
	
	.pt--small {
		padding-top: var(--s-32);
	}
	
	.pb--small {
		padding-bottom: var(--s-32);
	}
	
	.pt--xsmall {
		padding-top: var(--s-24);
	}
	
	.pb--xsmall {
		padding-bottom: var(--s-24);
	}
	
	.grid-tl--2 {
		grid-template-columns: repeat(2, 1fr);	
	}
	
	.grid-tl--1 {
		grid-template-columns: 1fr;	
	}
	
	.slide__arrow {
		height: var(--s-24);
		width: var(--s-24);
	}
	
}

@media (min-width: 981px) {
	
	.grid--layout .grid__column:last-child .hero__description--short {
		grid-column: span calc(var(--grid-columns) / 3);
	}
	
	.grid--layout .grid__column:last-child .hero__description--long {
		grid-column: span calc(var(--grid-columns) / 2 - 1);
	}
	
	.grid--layout .grid__column:last-child .text__description {
		grid-column: span 4;
	}
	
	.full--height {
		height: 100vh;
		width: 100%;	
	}
	
	.full--heightmin {
		height: calc(100vh - var(--header-height));
		width: 100%;	
	}
	
	.full--height .grid,
	.full--heightmin .grid {
		height: 100%;
	}
	
	.indent-right__text {
		grid-column: span 9;
	}
	
	.load__more .button {
		grid-column: 6 / 8;
	}
	
	:lang(eu) .load__more .button {
		grid-column: 5 / 9;
	}

}

@media (max-width: 980px) {
	
	.grid--layout .grid__column:last-child .hero__description,
	.grid--layout .grid__column:last-child .text__description {
		grid-column: span calc(var(--grid-columns) / 2);
	}
	
	.load__more .button {
		grid-column: 6 / 8;
	}

}

@media (max-width: 980px) and (min-width: 681px) and (orientation: portrait) {
	
	.load__more .button {
		grid-column: 3 / 7;
	}
	
}

@media (min-width: 681px) {
	
	.grid--layout .grid__column {
		grid-column: span calc(var(--grid-columns) / 2);
	}

	.grid__inner {
		padding: 0 var(--grid-margin);	
	}
			
		.grid__column:first-child {
			border-right: solid 1px currentcolor;
			z-index: 1;
		}
		
	.gallery__grid__item--half {
		grid-column: span calc(var(--grid-columns) / 2);
	}
	
	.gallery__grid__item--half:only-child {
		grid-column: span var(--grid-columns);
	}
	
	.gallery__grid__item--half:only-child .gallery__grid__img {
		aspect-ratio: 2.12896 / 1;
	}
	
	.grid__column--right {
		margin: 0 var(--grid-margin-negative);
	}
	
	.grid__column--left {
		margin-left: var(--grid-margin-negative);
	}
	
	.hero--base .hero__column {
		min-height: 25vh;
		height: 22.222vw;
	}
	
	.featured__content__inner {
		grid-column: span calc(var(--grid-columns) / 2);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
		width: 100%;
	}
	
	.featured__content__section .grid__column:last-child {
		min-height: 44.444vw;
		max-height: 92vh;
	}
	
	.featured__content__info {
		padding-right: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 11) / 12) * 1 + calc(var(--grid-gutter) * 1));
	}

}

@media (max-width: 680px) {
	
	.pt--xxlarge {
		padding-top: var(--s-96);
	}
	
	.pb--xxlarge {
		padding-bottom: var(--s-96);
	}
	
	
	.pt--xlarge {
		padding-top: var(--s-80);
	}
	
	.pb--xlarge {
		padding-bottom: var(--s-80);
	}
	
	.pt--large {
		padding-top: var(--s-64);
	}
	
	.pb--large {
		padding-bottom: var(--s-64);
	}
	
	.pt--medium {
		padding-top: var(--s-48);
	}
	
	.pb--medium {
		padding-bottom: var(--s-48);
	}
	
	.pt--small {
		padding-top: var(--s-24);
	}
	
	.pb--small {
		padding-bottom: var(--s-24);
	}
	
	.pt--xsmall {
		padding-top: var(--s-16);
	}
	
	.pb--xsmall {
		padding-bottom: var(--s-16);
	}
	
	.grid-ml--2 {
		grid-template-columns: repeat(2, 1fr);	
	}
	
	.grid-ml--1 {
		grid-template-columns: 1fr;	
		column-gap: 0;
	}
	
	.grid__column {
		padding-left: var(--grid-margin) !important;
	}
	
		.grid__column:not(:first-child) {
			border-top: solid 1px currentcolor;
		}
		
	.grid--layout .grid__column {
		grid-column: span var(--grid-columns);
	}
		
	.gallery__grid__item--half {
		grid-column: span var(--grid-columns);
	}
	
	.hero--base .hero__column {
		box-sizing: border-box;
		padding-right: var(--grid-margin);
	}
	
	.hero--base .hero__column:first-child .hero__title {
		padding-top: var(--s-80);
	}
	
	.gallery__grid__item + .gallery__grid__item {
		margin-top: var(--grid-margin);
	}
	
	.load__more .button {
		grid-column: span 4;
	}
	
	.featured__content__inner {
		grid-column: span var(--grid-columns);
	}
	
	.featured__content__section .grid__column:first-child {
		padding-left: 0 !important;
	}
	
	.featured__content__section .grid__column:last-child {
		aspect-ratio: 1 / 1;
	}
	
	.featured__content__info {
		padding-bottom: var(--s-40);
	}
	
}

/** TEXT SYLES **/

.w--400 {
	font-weight: 400;
}

.w--500 {
	font-weight: 500;
}

.w--600 {
	font-weight: 600;
}

.w--700 {
	font-weight: 700;
}

.title + .btn {
	margin-top: var(--s-40);
}

.link--out,
.link--underline {
	display: inline-block;
	position: relative;
}

	.link--underline:before {
		background: currentcolor;
		bottom: 0;
		content: '';
		height: 1px;
		left: 0;
		transform-origin: right;
		transform: scaleX(0);
		position: absolute;
		transition: transform 0.4s var(--link-handle);
		width: 100%;
	}

.link--underline.current {
	pointer-events: none;
}

.link--underline.current:before {
	transform-origin: left;
	transform: scaleX(1);
}
	
@media (hover: hover) {

	.button--black:hover {
		background-color: var(--color-black);
		color: var(--color-white);
	}
	
	.button--white:hover,
	.body--black .button--black:hover  {
		background-color: var(--color-white);
		color: var(--color-black);
	}

		.link--underline:hover:before {
			transform-origin: left;
			transform: scaleX(1);
		}
		
	.accordion__button .button:hover {
		background-color: var(--color-black);
		color: var(--color-white);
	}
		
	.link--out:after {
		content: '\2197';
		right: calc(0px - var(--s-04));
		transform: scale(0) translateX(100%);
		position: absolute;
		top: 0;
		transform-origin: center;
		transition: transform 0.4s var(--link-handle);
	}	
	
		.link--out:hover:after {
			transform: scale(1) translateX(100%);
		}
		
	.link--simple:hover {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 20%;
	}
		
	.button__full:hover {
		color: var(--color-white);
	}
		
	.button__full:before {
		bottom: 0;
		content: '';
		height: 100%;
		left: 0;
		transform-origin: bottom;
		transform: scaleY(0);
		position: absolute;
		transition: transform 0.6s var(--link-handle);
		width: 100%;
	}
	
		.button__full:hover:before {
			transform-origin: top;
			transform: scaleY(1);
		}
		
	.button__full:before {
		background: var(--color-black);
	}
	
	.link--double:hover .underline:before {
		transform-origin: right;
		transform: scaleX(0);
		transition: transform 0.6s var(--transition-handle);
	}
		
	.link--double:hover .underline:after { 
		transform-origin: left;
		transform: scaleX(1);
		transition: transform 0.6s var(--transition-handle) 0.3s;
	}
	
	.button:hover .link--arrow > span,
	.link--double:hover .link--arrow > span {
		transform: translate3d(100%, 0, 0);
		transition: transform 0.6s var(--link-handle);
	}
		
	.gallery__grid__link:hover .gallery__grid__title:before {
		transform-origin: left;
		transform: scaleX(1);
	}
		
	 .gallery__grid__img {
		transition: transform 0.6s var(--link-handle);
	}
	
	.gallery__grid__link:hover .gallery__grid__img {
		transform: scale(1.05);
	}

}

.marquee {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.marquee__link {
	box-sizing: border-box;
	display: block;
	padding: var(--s-20) 0 var(--s-24);
	height: 100%;
	width: 100%;
	position: relative;
	transition: color 0.8s var(--link-handle), border-color 0.8s var(--link-handle);
}

.marquee--black .marquee__link,
.body--black .marquee--white .marquee__link {
	background: var(--color-white);
	border-bottom: solid 1px var(--color-black);
	border-top: solid 1px var(--color-black);
	color: var(--color-text-01);
}

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

.marquee--white .marquee__link,
.body--black .marquee--black .marquee__link {
	background: var(--color-black);
	border-top: solid 1px var(--color-white);
	color: var(--color-text-02);
}

.marquee--white .marquee__link {
	border-bottom: solid 1px var(--color-black);
}

.body--black .marquee--black .marquee__link {
	border-bottom: solid 1px var(--color-white);
}

	.marquee .marquee__link:before {
		background: var(--color-black);
		content: '';
		left: 0;
		height: 100%;
		position: absolute;
		top: 0;
		transform: scaleY(0);
		transform-origin: bottom;
		transition: transform 0.6s var(--link-handle);
		width: 100%;
	}
	
	.marquee--black .marquee__link:before,
	.body--black .marquee--white .marquee__link:before {
		background: var(--color-black);
	}
	
	.marquee--white .marquee__link:before,
	.body--black .marquee--black .marquee__link:before {
		background: var(--color-yellow-01);
	}
	
@media (hover: hover) {

	.marquee--black .marquee__link:hover,
	.body--black .marquee--white .marquee__link:hover {
		color: var(--color-white);
	}
	
	.marquee--white .marquee__link:hover,
	.body--black .marquee--black .marquee__link:hover {
		color: var(--color-text-01);
		border-top: solid 1px var(--color-yellow-01);
	}
	
	.body--black .marquee--white .marquee__link:hover {
		color: var(--color-text-02);
		border-top: solid 1px var(--color-white);
		border-bottom: solid 1px var(--color-white);
	}
	
	.body--black .marquee--black .marquee__link:hover {
		border-bottom: solid 1px var(--color-yellow-01);
	}
	
	.marquee__link:hover:before,
	.body--black .marquee--white .marquee__link:hover:before {
		transform-origin: top;
		transform: scaleY(1);
	}	
		
}


.rail__container {
	display: inline-flex;
	position: relative;
	user-select: none;
	white-space: nowrap;
	width: 100%;
}

.track__container {
	display: inline-block;
	width: auto;
	white-space: nowrap;
	will-change: transform;
}

.track {
	display: inline-block;
	position: relative;
}

.track > span {
	display: flex;
}

.line {
	display: block;
	position: relative;
	overflow: hidden;
}

.masked--span:empty {
	display: none;
}

.offset__label > span,
.masked--span {
	display: inline-block;
	transition: transform 1.2s var(--transition-handle);
	will-change: transform;
}

.hide .offset__label > span:not(.offset__point),
.hide .masked--span,
body:not(.page--in) .hero .masked--span {
	transform: translate3d(0, 101%, 0);
}

.offset__label {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	font-family: 'Gilroy', sans-serif;
	font-weight: 900;
	letter-spacing: 0;
	padding-right: var(--grid-margin);
	position: relative;
	top: var(--s-02);
	vertical-align: top;
	text-transform: uppercase;
	transform-origin: top left;
	transition: transform 1.2s var(--transition-handle);
	transition-delay: 0.2s;
}

.hide .offset__point {
	transform: scale(0);
}

.offset__point {
	background: currentcolor;
	margin-right: var(--s-12);
	height: var(--s-10);
	width: var(--s-10);
}

.indent-right__text .offset__label {
	width: calc(calc(100vw - var(--grid-gutter) * 11 - var(--grid-margin) * 2) / 12);
}

.hero .tag {
	opacity: 0;
}

.page--in .hero .tag {
	opacity: 1;
	transition: opacity 0.8s var(--transition-handle);
}

.on--transition .hero .tag {
	opacity: 1 !important;
}

.section__header .slide__control,
.section__header .section__link {
	justify-self: flex-end;
}

.section__header .section__link {
	grid-column: 3 / 4;
}

.section__main .section__title + .section__description {
	margin-top: var(--s-24);
}

.offset__image__container {
	aspect-ratio: 1 / 1;
	border-radius: var(--image-radius);
	mask-image: radial-gradient(white, black);
	position: relative;
	overflow: hidden;
}

.offset__image__item {
    opacity:0; 
	aspect-ratio: 1 / 1;
    position: absolute;
    top: 0;
    left: 0;
}

.offset__image__item.active {
    opacity: 1;
}

@keyframes fade {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}



.offset__text + a {
	margin-top: var(--s-24);
}

@media (hover: hover) {

	.featured__content__link:hover .featured__content__title,
	.featured__content__link:hover .featured__content__title .masked--span {
		text-decoration: underline;
		text-decoration-thickness: var(--s-02);
		text-underline-offset: 12%;
	}

}

@media (min-width: 981px) {
	
	.offset__label {
		width: calc(calc(100vw - var(--grid-gutter) * 11 - var(--grid-margin) * 2) / 12 * 2 + var(--grid-gutter));
	}
	
}

@media (max-width: 980px) and (min-width: 681px) {
	
	.offset__label {
		width: calc(calc(100vw - var(--grid-gutter) * 7 - var(--grid-margin) * 2) / 8 * 2 + var(--grid-gutter));
	}
	
	.featured__content__description {
		margin-bottom: var(--grid-margin);
	}
	
}

@media (min-width: 681px) {
	
	.main-carousel:after {
		content: 'flickity';
		display: none; /* hide :after */
	}
	
	.offset__text--secondary {
		grid-column: 5 / 9;
	}
	
	.offset__image__container {
		grid-column: 9 / 13;
	}
	
	.offset__label {
		float: left;
	}
	
}

@media (max-width: 680px) {
	
	.main-carousel:after {
		content: '';
	}
	
	.section__header .slide__control {
		display: none;
	}
	
	.section__main {
		width: calc(100vw - var(--grid-margin) * 2);
	}
	
	.section__main + .section__link {
		margin-top: var(--s-24);
	}
	
	.section__header {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
		
	.section__description {
		margin-top: var(--s-20);
		order: 1;
		width: 100%;
	}
	
	.offset__label {
		margin-bottom: var(--s-08);
		width: 100%;
	}
	
	.offset__text--secondary,
	.offset__image__container {
		grid-column: 1 / 5;
	}
	
	.offset__image__container {
		margin-top: var(--s-48);
	}
	
}

.all__grid{
    grid-column: 1 / -1;
}

.grid__start{
    align-items: start;
}

.next__info {
	padding: 0 var(--grid-margin);
}

.next__info__main > a:first-of-type {
    display: block;
}

.next__pretitle {
	margin-bottom: var(--s-12);
}

.next__page__inner {
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

@media (hover: hover) {
	
	.next__info a:hover .title .masked--span,
	.next__info__main a:hover .title .masked--span {
		text-decoration: underline;
		text-decoration-thickness: var(--s-02);
		text-underline-offset: 12%;
	}
	
}

@media (min-width: 981px) {
	
	.limited__text {
		max-width: calc(calc(100vw - var(--grid-gutter) * 11 - var(--grid-margin) * 5) / 12 * 6 + var(--grid-gutter));
	}
	
}

@media (min-width: 681px) {
	
	.next__page__section .grid__column--right{
		height: calc(calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 11) / 12) * 8 + calc(var(--grid-gutter) * 9 + var(--grid-margin))) * 9 / 16);	
	}

}

@media (max-width: 680px) {

	.next__page__section .grid__column--right {
		border-bottom: solid 1px currentcolor;
		display: block;
		padding-bottom: var(--s-96);
	}
	
	.next__info {
		padding-bottom: var(--s-40);
	}
	
	.next__info__main {
		padding: 0 var(--grid-margin);	
	}
	
	.next__page__section .grid__column:first-child {
		padding-left: 0 !important;
	}
	
	.next__page__section .grid__column:last-child {
		aspect-ratio: 1 / 1;
	}
	
}