.home__intro {
	box-sizing: border-box;
	left: 0;
	margin: var(--grid-margin);
	position: absolute;
	top: 0;
	width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 11) / 12) * 3 + calc(var(--grid-gutter) * 2));
}

.home__intro .line {
	display: block;
}

.home__intro .line:first-child .masked--span {
	transition-delay: 0.5s !important;
}

.home__intro .line:nth-child(2) .masked--span {
	transition-delay: 0.6s !important;
}

.home__intro .line:nth-child(3) .masked--span {
	transition-delay: 0.7s !important;
}
.home__intro .line:nth-child(4) .masked--span {
	transition-delay: 0.8s !important;
}

.home__intro .line:nth-child(5) .masked--span {
	transition-delay: 0.9s !important;
}

.home__intro .line:nth-child(6) .masked--span {
	transition-delay: 1s !important;
}

.hero__home__inner {
	box-sizing: border-box;
	position: relative;
	height: 100vh;
	width: 100%;
}

.logo__hero {
	display: flex;
	height: calc(calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 11) / 12) * 9 + calc(var(--grid-gutter) * 8 + var(--grid-margin))) / 2.7777777778);
	width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 11) / 12) * 9 + calc(var(--grid-gutter) * 8));
	position: absolute;
	left: 0;
	bottom: 0;
	margin: var(--grid-margin);
}

.logo__hero .eide__letter {
	height: 100%;
	width: fit-content;
}

.hero__home__mask {
	border-radius: 50%;
	height: 100%;
	transform: scale(0);
	position: relative;
	overflow: hidden;
	width: 100%;
	will-change: transform;
}

.page--in .hero__home__mask {
	border-radius: 0;
	transform: scale(1);
	transition: transform 0.8s var(--transition-handle) 1.2s, border-radius 0s 2s;
}

.on--transition .hero__home__mask {
	transform: scale(1);
}

.hero__home__video {
	border-radius: 999px;
	height: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 11) / 12) * 2 + calc(var(--grid-gutter) * 1));
	width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 11) / 12) * 2 + calc(var(--grid-gutter) * 1));
	position: absolute;
	overflow: hidden;
	bottom: 0;
	right: 0;
	margin: var(--grid-margin);
}

.hero__home__video video {
    transform:scale(2);
}

.project__item {
	width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 11) / 12) * 5 + calc(var(--grid-gutter) * 4));
	padding-left: var(--grid-gutter);
}

.project__item:last-child {
	padding-right: var(--grid-gutter);
}

.home__about {
	background: var(--color-white);
}

.member__track__container {
	display: flex;
	width: auto;
	white-space: nowrap;
	will-change: transform;
	animation: rail var(--rail-duration) linear infinite;
	animation-play-state: running;
	animation-direction: normal;
}

.home__projects,
.members__marquee {
	overflow: hidden;
	position: relative;
	width: 100%;
}

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

.members__marquee__img > img {
	filter: grayscale(1);
	transition: filter 0.6s var(--link-handle);
}

.member__item {
	padding-right: var(--grid-gutter);
	position: relative;
	width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 11) / 12) * 2 + calc(var(--grid-gutter) * 1 + var(--grid-margin)))
}

.home__featured__activity,
.latest__news,
.home__about + .home__projects {
	border-top: solid 1px currentcolor;
}

.offset__text--secondary {
	padding-right: var(--grid-margin);
}

.featured__activity .grid {
	row-gap: var(--grid-gutter);	
}


@media (hover: hover) {	
	
	.s-marquee__link:hover .members__marquee__img > img {
		filter: grayscale(0);
	}
	
}

@media (hover: none) {	
	
	.hero__home__inner {
		height: 100svh;
	}
	
	.hero__home__video {
		border-radius: 0;
		margin: var(--grid-margin) 0;
		position: relative;
		width: 100vw;
	}
	
}

@media (hover: none) and (min-width: 681px) {	
	
	.hero__home__video {
		height: 56.25vw;
	}
	
}

@media (hover: none) and (max-width: 680px) {	
	
	.hero__home__video {
		height: 100vw;
	}
	
}

@media (max-width: 1280px) and (min-width: 981px) {
	
	.home__intro {
		margin-top: var(--header-height);
	}
	
}

@media (max-width: 980px) and (min-width: 681px) and (hover: hover) {
	
	.home__intro {
		margin-top: var(--header-height);
	}
	
}

@media (max-width: 980px) and (min-width: 681px) and (orientation: portrait) {
	
	.home__intro {
		width: calc(calc(calc(100vw - calc(var(--grid-margin)* 2) - var(--grid-gutter)* 7) / 8)* 3 + calc(var(--grid-gutter)* 2));
	}
	
	.member__item {
		width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 7) / 8) * 2 + calc(var(--grid-gutter) * 1));
	}
	
	.project__item {
		width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 7) / 8) * 5 + calc(var(--grid-gutter) * 4));
	}
	
	.about_us__inner .offset__text--secondary,
	.about_us__inner .offset__image__container {
		grid-column: span calc(var(--grid-columns) / 2);
	}
	
}

@media (max-width: 680px) {
	
	.home__intro {
		width: calc(calc(calc(100vw - calc(var(--grid-margin)* 2) - var(--grid-gutter)* 3) / 4)* 3 + calc(var(--grid-gutter)* 2));
	}
	
	.logo__hero {
		height: calc(calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 3) / 4) * 4 + calc(var(--grid-gutter) * 3 + var(--grid-margin))) / 2.7777777778);
		width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 3) / 4) * 4 + calc(var(--grid-gutter) * 3));
	}
	
	.member__item {
		width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 3) / 4) * 2 + calc(var(--grid-gutter) * 1));
	}
	
	.projects__gallery  {
		position: relative;
		scroll-snap-type: x mandatory;
		display: flex;
		flex-basis: 50%;
		overflow-y: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	.project__item {
		scroll-snap-align: start;
		min-width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 3) / 4) * 3 + calc(var(--grid-gutter) * 2));
		width: calc(calc(calc(100vw - calc(var(--grid-margin) * 2) - var(--grid-gutter) * 3) / 4) * 3 + calc(var(--grid-gutter) * 2));
	}
	
	.project__item .gallery__grid__img {
		aspect-ratio: 3 / 4;
	}
	
}