.archive-row-wrapper {
	opacity: 1;
}

/* ----------------------------------------- */
/* HERO */

.hero {
	position: relative;
	width: 100%;
	height: 100vh;
	height: var(--vp-height);
	z-index: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

.enter-void {
	transform: scaleX(1) scaleY(1);
	transform-origin: center;
	transition: all .2s ease 0s;
}

.enter-void:hover {
	/* transform: scaleX(1.02) scaleY(1.02); */
	cursor: default;
}

.void-wrapper {
	width: 80vw;
	height: 50vh;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	text-align: center;
}

.enter-void p {
	font-size: 7rem;
	padding: 2rem;
}

.font-2 {
	font-family: 'Anthony';
}
.font-3 {
	font-family: 'CirrusCumulus';
}
.font-4 {
	font-family: 'PicNic Regular';
}
.font-5 {
	font-family: 'TINY5x3-160';
}
.font-6 {
	font-family: 'MonHugo-in';
}
.font-7 {
	font-family: 'Nanook';
}

@media only screen and (max-width: 767px) {
	.enter-void {
		margin-top: -10rem;
	}
	.enter-void p {
		font-size: 4rem;
	}
}

/* ----------------------------------------- */
/* HOME */

.home main {
	padding: 0;
	z-index: 0;

	position: sticky;
	top: 0;
}

.main-overlay {
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	flex-direction: row;
	height: 100vh;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.main-top .main-overlay {
	animation: frontToBack .5s linear forwards;
}

@keyframes frontToBack {
  from {
	  z-index: 2;
	  -webkit-backdrop-filter: blur(10px);
	  backdrop-filter: blur(10px);
  }
  to {
	  z-index: 0;
		-webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
	}
}

.home .archive-row-wrapper.active .archive-content {
	padding: 0;
}

.feat-video {
	position: fixed;
	bottom: 10rem;
	left: 2rem;
	width: 18rem;
	height: 9.7rem;
	z-index: -1;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	filter: blur(30px);
	-webkit-filter: blur(30px);
	will-change: backdrop-filter, opacity;
	transform: scaleX(1) scaleY(1);
	transition: all .5s linear 0s;
}

.feat-video.active {
	filter: blur(0px);
	-webkit-filter: blur(0px);
	opacity: 1;
	visibility: visible;
}

.feat-video:hover {
	transform: scaleX(1.075) scaleY(1.075);
}

.feat-video video {
	width: 100%;
}

.feat-video .scroll-more {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.scroll-more {
	position: absolute;
	bottom: 9.5rem;
	left: 50%;
	width: auto;
	z-index: -1;
	text-decoration: none;
	opacity: 0;
	visibility: hidden;
	transition: all 1s linear 0s;
}

.home .scroll-more {
	position: fixed;
}

.single .scroll-more {
	color: white;
	mix-blend-mode: difference;
	left: 74.5%;
}

.single .oomi_swiper-slide:first-child .scroll-more.active,
.home .scroll-more.active {
	opacity: 1;
	visibility: visible;
}

.single .oomi_swiper-slide:only-child .scroll-more.active,
.oomi_swiper-slide:only-child .scroll-more,
.single.video-playing .oomi_swiper-slide:only-child .scroll-more.active {
	opacity: 0;
	visibility: hidden;
}

.single .oomi_swiper-slide:first-child .scroll-more.active,
.single .video-slide:first-child .scroll-more.active,
.single .image-slide:first-child .scroll-more.active {
	z-index: 1;
}

.scroll-more:hover span {
	text-decoration: underline;
}

p.scroll-more:hover span {
	text-decoration: none;
}

.home .archive-row-wrapper.active .archive-content {
	position: relative;
	max-height: 100vh;
	max-height: 102svh;
}

.project-link {
	position: absolute;
	left: 2rem;
	bottom: 10rem;
	z-index: 2;
	display: flex;
	flex-flow: row nowrap;
	mix-blend-mode: difference;
}

.project-link a {
	color: white;
	mix-blend-mode: difference;
	text-decoration: none;
}

.project-link a .link-info {
	opacity: 0;
	transition: all .5s linear 0s;
}

.home .archive-content:hover .project-link a .link-info {
	opacity: 1;
}

@media only screen and (max-width: 767px) {
	.scroll-more {
		left: 50%;

		padding-right: 2rem;
		bottom: 9.25rem;
	}
	.single .scroll-more {

		padding-right: 2rem;
		text-indent: -.5rem;
		bottom: 9.5rem;
		left: 78%;
	}
	.single .oomi_swiper-slide .scroll-more .for-more {
		display: none;
	}
	.feat-video {
		bottom: 9.5rem;
		left: 2rem;
		width: 12rem;
		height: 7rem;
	}
	.home .archive-content .project-link a .link-info {
		opacity: 1;
	}
	.project-link {
		bottom: 9.5rem;
		max-width: 40vw;
	}
}

/* ----------------------------------------- */
/* THEME SWITCHER */

.dark-mode-toggle {
	position: relative;
	width: 36px;
	height: 20px;
	border-radius: 30px;
	text-align: left;
	border: 1px solid var(--bgWhite);
	/* border: 1px solid var(--bgBlack); */
}

.single .dark-mode-toggle {
	border: 1px solid var(--bgWhite);
}

.dark-mode-toggle.active,
.scrolled .dark-mode-toggle.active {
	/* border: 1px solid var(--bgWhite); */
	border: 1px solid var(--bgWhite);
}

.single .dark-mode-toggle,
.single .dark-mode-toggle.active,
.single .scrolled .dark-mode-toggle.active {
	border: 1px solid var(--bgWhite);
}

.scrolled .dark-mode-toggle {
	/* border: 1px solid var(--bgBlack); */
	border: 1px solid var(--bgWhite);
	-webkit-appearance: none;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: transparent;
	background-color: rgba(250,250,250, 0.4);
}

.knob {
	background-color: transparent;
	border: 1px solid var(--bgWhite);
	/* border: 1px solid var(--bgBlack); */
	border-radius: 27px;
	display: block;
	height: 16px;
	margin: auto;
	transform: translateX(-8px);
	transition: transform .3s, background-color .3s;
	width: 16px;
	height: 16px;
}

.single .knob {
	border: 1px solid var(--bgWhite);
}

.scrolled .knob {
	/* border: 1px solid var(--bgBlack); */
	border: 1px solid var(--bgWhite);
}

.dark-mode-toggle.active .knob {
	transform: translateX(8px);
}

.dark-mode-toggle:hover .knob {
	background: var(--bgWhite);
	/* border: 1px solid var(--bgBlack); */
}

.single .dark-mode-toggle .knob,
.dark-mode-toggle.active .knob,
.dark-mode-toggle.active:hover .knob {
	/* background: var(--bgBlack);
	border-color: var(--bgWhite); */
	background: var(--bgWhite);
	border-color: var(--bgWhite);
}

.theme-wrapper {
	position: relative;
}

.single .theme-wrapper button {
	opacity: .5;
}

.theme-scrim {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	z-index: 1;
	background-color: rgba(255, 255, 255, .65);

}

.dark-mode .theme-scrim {
	background-color: rgba(0, 0, 0, .25);
}

.single .theme-scrim {
	display: flex;
}

@media only screen and (max-width: 767px) {
	.single-project .theme-wrapper {
		display: none;
	}
}

/* ----------------------------------------- */
/* HEADER */

/* .primary-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-height: unset;
	z-index: 1;
	display: block;
	position: unset;
}
.header-wrapper {
	display: block;
	position: unset;
} */

.video-playing .header-top,
.video-playing .header-bottom,
.single.video-playing .video-slide .count,
.video-playing .scroll-more.active,
.single.video-playing .oomi_swiper-slide:first-child .scroll-more.active,
.single.video-playing .video-slide:first-child .scroll-more.active {
	opacity: .2;
	transition: all .5s linear 0s;
}

.video-playing .header-top:hover,
.video-playing .header-bottom:hover,
.video-playing .video-slide .count:hover,
.video-playing .scroll-more.active:hover {
	opacity: 1;
}

.header-top, .header-bottom {
	position: fixed;
	top: 0;
	left: 0;
	/* display: flex;
	justify-content: space-between; */
	width: 100vw;
	z-index: 3;
	padding: 2rem;
	display: grid;
	align-items: center;
	-ms-grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	mix-blend-mode: difference;
}

.header-top a,
.header-bottom button,
.dark-mode .nav-active .header-top a,
.dark-mode .nav-active .header-bottom button {
	color: var(--textColorBlend);
}

.nav-active .header-top a,
.nav-active .header-bottom button {
	color: black;
}

.single .header-top,
.single .header-bottom {
	mix-blend-mode: difference;
}

.single  .header-top.active,
.single .header-bottom.active {
	mix-blend-mode: unset;
}

.nav-active .header-top {
	mix-blend-mode: unset;
	z-index: 5;
}

.single .header-bottom.active h2 button {
	color: black;
}

.dark-mode .single .header-bottom.active h2 button {
	color: white;
}

.header-bottom {
	position: fixed;
	top: calc(100vh - 6rem);
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100vh;
	padding: 2rem 2rem;
	will-change: display;
	justify-content: flex-start;
	align-items: start;
	overflow: hidden;
	overflow-y: scroll;
	overscroll-behavior-y: contain;
}

.header-bottom.active {
	top: 0;
	/* transform: scaleX(0) scaleY(0); */
	transform-origin: top center;
	transition: top .2s ease 0s;
	padding: 6rem 2rem 6rem;
	z-index: 4;
	mix-blend-mode: unset;
}

.header-bottom.active button {
	color: var(--textColor);
}

.scrim {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 0px;
	visibility: hidden;
	will-change: height, background;
	transition: background .75s linear 0s;
	z-index: 0;
}

.nav-active .scrim {
	top: 0;
	width: 100%;
	height: 100%;
	visibility: visible;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	background: rgba(255, 255, 255, 0.85);
	z-index: 0;
}

.dark-mode .nav-active .scrim {
	background: rgba(0, 0, 0, 0.85);
}

.header-top > div, .header-bottom > div {
	display: flex;
	flex: 1;
}

.header-bottom > div {
	width: calc(100% - 2.25rem);
	flex: unset;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(22vw, 1fr));
	padding-right: 2rem;
	z-index: 1;
}

.header-bottom > div.header-bottom-container {
	display: flex;
	flex-direction: column;
	flex: 1;
	height: 100%;

}

.header-bottom.active .header-bottom-content {
	padding: 2rem 0;
}

.header-bottom > div h3,
.header-bottom > div ul,
.header-bottom > div p {
	margin: 0 0 2rem;
}

.header-bottom > div ul li {
	margin-left: 1rem;
	text-indent: -1rem;
	list-style: none;
}

.close-nav {
	position: absolute;
	top: 0;
	right: 1rem;
	padding: 2rem 1rem 2rem 2rem;
	text-decoration: underline;
	z-index: 1;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	z-index: 1;
	background-color: rgba(255, 255, 255, .75);
}

.dark-mode .close-nav {
	background-color: rgba(0, 0, 0, .75);
}

.nav-active .close-nav {
	position: fixed;
	top: 0;
	height: auto;
	visibility: visible;
	background-color: transparent;
}

.theme {
	justify-self: end;
}

.header-top > div:nth-child(2) {
	text-align: center;
}

.header-top > div:nth-child(3) {
	display: flex;
}

.header-bottom-content {
	height: 0px;
	visibility: hidden;
	overflow: hidden;
}

.nav-active .header-bottom-content {
	height: auto;
	visibility: visible;
}

/* .svg-fill {
	fill: var(--textColor);
} */

.svg-fill,
.home .svg-fill,
.single .svg-fill,
.dark-mode .nav-active .svg-fill,
.dark-mode .nav-active .home .svg-fill,
.dark-mode .nav-active .single .svg-fill {
	fill: white;
}

.nav-active .svg-fill,
.nav-active .home .svg-fill,
.nav-active .single .svg-fill {
	fill: black;
}

.close-post {
	position: relative;
	padding: 2.5px 10px;
	display: none;
	cursor: pointer;
}

.single .close-post {
	display: flex;
}

.single.nav-active .close-post {
	opacity: .35;
}

.close-post svg {
	width: 14.5px;
	height: 14.5px;
	color: var(--textColor);
}

.close-nav svg {
	width: 10.5px;
	height: 10.5px;
	margin: 4px;
	color: var(--textColor);
}

.close-post svg path {
	stroke-width: 4px;
}

.close-nav svg path {
	stroke-width: 5px;
}

.close-post svg .svg-stroke {
	stroke: white;
}

.close-nav svg .svg-stroke {
	stroke: black;
}

.dark-mode .close-nav svg .svg-stroke {
	stroke: white;
}

@media only screen and (max-width: 767px) {
	.header-top {
		-ms-grid-template-columns: 1fr 0.5fr 1fr 1fr;
		grid-template-columns: 1fr 0.5fr 1fr 1fr;
	}
	.header-bottom > div ul li {
		margin-bottom: .25rem;
	}
	.header-bottom {
		-ms-grid-template-columns: 25% 25% 31% 19%;
		grid-template-columns: 25% 25% 31% 19%;
		top: calc(100dvh - 6rem);
	}
	.nav-active .header-bottom {
		-ms-grid-template-columns: 1fr;
		grid-template-columns: 1fr;
		top: 0;
		padding: 6rem 2rem 10rem;
	}
	.header-bottom > div {
		width: 100%;
		padding-right: 0;
	}
	.header-bottom > div.header-bottom-container {
		height: auto;
	}
	.nav-active .header-bottom > div.header-bottom-container {
		height: 0px;
		visibility: hidden;
		display: none;
	}
	.nav-active.about-nav-active .header-bottom > div.header-bottom-container.about,
	.nav-active.capabilities-nav-active .header-bottom > div.header-bottom-container.capabilities,
	.nav-active.work-nav-active .header-bottom > div.header-bottom-container.work,
	.nav-active.contact-nav-active .header-bottom > div.header-bottom-container.contact {
		height: auto;
		visibility: visible;
		display: flex;
	}
	.nav-toggle.active::before {
		content: '';
	}
	.nav-active .close-nav {
		top: 3px;
	}
	.header-bottom.active button {
		margin: 0 auto;
		padding-left: 1rem;
	}
	.header-bottom > div h3,
	.header-bottom > div .view-index {
		text-align: center;
	}
	.close-nav svg {
		width: 9.5px;
		height: 9.5px;
		margin: 3px 4px;
	}
}

/* ----------------------------------------- */
/* WORK INDEX */

p.index-toggle {
	text-align: center;
}
.page-template-index-page main {
	padding-top: calc(4rem);
}

p.index-toggle button.active {
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	.page-work-index main .about {
		padding: 4rem 2rem;
	}
}

/* ----------------------------------------- */
/* PROJECT OPEN */

.single-project {
	background: black;
}

.single-project main {
	margin:0;
	padding: 0;
	position: unset;
}

.single .oomi_swiper-slide,
.single .video-slide,
.single .image-slide,
.single .img-slide-columns {
	position: relative;
	z-index: 0;
	height: 100vh;
	height: 100svh;
	max-height: 100vh;
	max-height: var(--vp-height);

	scroll-snap-align: start;
	background: black;
}

.single .oomi_swiper-wrapper {
	overflow: auto;
	scroll-snap-type: y mandatory;
	height: 100vh;
	height: 100svh;
}

.single .oomi_swiper-slide:first-child {
	background: transparent;
}

.project-slider .count,
.single .video-slide .count,
.single .image-slide .count,
.single .img-slide .count,
.single .img-slide-columns .count {
	position: absolute;
	bottom: 9.5rem;
	left: 50%;
	width: auto;
	z-index: 2;
	text-decoration: none;
	/* opacity: 0;
	visibility: hidden; */
	opacity: 1;
	transition: all 1s linear 0s;
	font-size: var(--body-small);
	line-height: var(--body-line-height);
	color: white;
	mix-blend-mode: difference;
	display: flex;
	flex-flow: row nowrap;
}

/* .single .video-slide:hover .count,
.single .image-slide:hover .count {
	opacity: 1;
} */

.project-slider .count span,
.single .video-slide .count span,
.single .image-slide .count span,
.single .img-slide .count span,
.single .img-slide-columns .count span {
	font-size: var(--body-small);
	line-height: var(--body-line-height);
	color: white;
}

.project-slider .count span:first-child::after,
.single .video-slide .count span:first-child::after,
.single .image-slide .count span:first-child::after,
.single .img-slide .count span:first-child::after,
.single .img-slide-columns .count span:first-child::after {
	content: '/';
	margin: 0 .25rem;
}

/* .single .video-slide:first-child figure.oomi-video-player,
.img-slide.framed {
	padding: 10% 14%;
	background: transparent;
} */

.img-slide .inside-slide,
.img-slide-columns .inside-slide {
	width: 100%;
	height: 100%;
	height: 100vh;
	height: var(--vp-height);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.video-slide .inside-slide,
.img-slide.framed .inside-slide {
	/* padding: 10% 5%; */
	/* background: black; */
	height: 100%;
	height: 100vh;
	height: var(--vp-height);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;

	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.img-slide.framed .inside-slide {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 75vw;
	max-height: calc(100vh - 12rem);

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.img-slide-columns .inside-slide .col {
	position: absolute;
	top: 6rem;
	width: calc(50% - 3rem);
	height: calc(100vh - 12rem);
	padding: 4rem;
}

.img-slide-columns .inside-slide .col:first-child {
	left: 2rem;
}

.img-slide-columns .inside-slide .col:last-child {
	right: 2rem;
}

.single .video-slide figure.oomi-video-player {
	background: transparent;
}

.video-slide figure.video-player {
	padding: 10% 14%;
	background: white;
}

.home .video-slide figure.video-player {
	padding: 0;
	background: black;
	padding-bottom: 0;
}

/* .video-js {
	width: 100%;
}

.video-js .vjs-tech,
.vjs-poster {
	max-width: 65vw;
	object-fit: contain;
} */

.home .video-js .vjs-big-play-button,
.single  .video-js .vjs-big-play-button {
	border: none;
	background-color: transparent !important;
	background: transparent !important;
}

.home .video-slide .video-js .vjs-big-play-button:hover .vjs-icon-placeholder:before,
.single .video-slide .video-js .vjs-big-play-button:hover .vjs-icon-placeholder:before {
	text-decoration: underline;
}

.single .video-slide:first-child figure.oomi-video-player .video-js {
	height: 100%;

	opacity: 0;
	visibility: hidden;
	filter: blur(30px);
	-webkit-filter: blur(30px);
	will-change: backdrop-filter, opacity;
	/* transform: scaleX(1) scaleY(1); */
	transition: all .5s linear 0s;
}

.project-content-details {
	opacity: 0;
	visibility: hidden;
	filter: blur(30px);
	-webkit-filter: blur(30px);
	will-change: backdrop-filter, opacity;
	/* transform: scaleX(1) scaleY(1); */
	transition: all .5s linear 0s;
}

.project-content-details.loaded,
.single .video-slide:first-child figure.oomi-video-player .video-js.loaded {
	filter: blur(0px);
	-webkit-filter: blur(0px);
	opacity: 1;
	visibility: visible;
}

.project-content-details.loaded.content-details-active {
	mix-blend-mode: unset;
}

.scrolled .project-content-details.loaded {
	opacity: 0;
	visibility: hidden;
}

.single .header-bottom h2 button,
.single .info-email a {
	color: white;
}

/* .single-project .header-wrapper {
	-webkit-filter: invert(100%);
	filter: invert(100%);
} */

.single-project .archive-row-wrapper.single-open.active {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.single-project .archive-row-wrapper.single-open.active .archive-content {
	padding: 0;
}

.archive-row-wrapper.single-open.active .archive-row,
.archive-row-wrapper.single-open.active .archive-content-details {
	display: none;
}
.archive-row-wrapper.single-open.active .archive-row .archive-row-img::after {
	content: none;
}

.archive-row-wrapper.single-open.active .archive-row .archive-row-title, .archive-row-wrapper.single-open.active .archive-row .archive-row-type, .archive-row-wrapper.single-open.active .archive-row .archive-row-client-company, .archive-row-wrapper.single-open.active .archive-row .archive-row-role, .archive-row-wrapper.single-open.active .archive-row .archive-row-year {
	border: none;
}

.archive-row-wrapper.single-open.active .archive-content-wrapper {
	display: block;
}

.archive-row-wrapper.single-open.active .archive-content-media {
	width: 100%;
}

.archive-row-wrapper.single-open.active .project-slider {
	height: 100vh;
	height: 102svh;
}

.single .index-meta {
	display: none;
}

.project-content-details {
	position: absolute;
	top: 50%;
	left: 2rem;
	width: 20%;
	height: auto;
	z-index: 1;
	mix-blend-mode: difference;

	top: 6rem;
	left: 2rem;
	width: 20%;
	height: auto;
	padding: 40vh 1rem 4rem 0;
	overflow-y: scroll;
	max-height: calc(100vh - 12rem);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.project-content-details::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.project-content-details {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.project-hover,
.oomi_swiper-slide.video-slide .oomi-video-player .video-js {
	filter: blur(0px);
	-webkit-filter: blur(0px);
	will-change: backdrop-filter, opacity;
	/* transform: scaleX(1) scaleY(1); */
	transition: all .25s linear 0s;
	z-index: 1;
}

.aspect-ratio-16\:9,.ar-16\:9 {
	aspect-ratio: 16/9;
}

.aspect-ratio-3\:2,.ar-3\:2 {
	aspect-ratio: 3/2;
}

.aspect-ratio-4\:3,.ar-4\:3 {
	aspect-ratio: 4/3;
}

.aspect-ratio-5\:4,.ar-5\:4 {
	aspect-ratio: 5/4;
}

.aspect-ratio-1\:1,.ar-1\:1 {
	aspect-ratio: 1/1;
}

.aspect-ratio-4\:5,.ar-4\:5 {
	aspect-ratio: 4/5;
}

.aspect-ratio-3\:4,.ar-3\:4 {
	aspect-ratio: 3/4;
}

.aspect-ratio-2\:3,.ar-2\:3 {
	aspect-ratio: 2/3;
}

.aspect-ratio-9\:16,.ar-9\:16 {
	aspect-ratio: 9/16;
}

:where([class^=media-wrapper],[class*=" media-wrapper"]) {
	position: relative;
}

[class^=media-wrapper], [class*=" media-wrapper"] {
	height: 0;
}

[class^=media-wrapper]>*:not(iframe),[class*=" media-wrapper"]>*:not(iframe) {
	-o-object-fit: cover;
	object-fit: cover;
}

.media-wrapper-16\:9,
.video-js.media-wrapper-16\:9,
figure.oomi-video-player .video-js.media-wrapper-16\:9 {
	padding-bottom: 56.25%;
	height: 0 !important;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.video-js .vjs-control-bar {
	top: inherit;
}

.media-wrapper-3\:2 {
	padding-bottom: 66.6666666667%;
}

.media-wrapper-4\:3 {
	padding-bottom: 75%;
}

.media-wrapper-1\:1 {
	padding-bottom: 100%;
}

[class^=media-wrapper]>*, [class*=" media-wrapper"]>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* .project-content-wrapper:hover .project-hover:not(:hover) {
	opacity: .9;
	filter: blur(6px);
	-webkit-filter: blur(6px);
	z-index: 0;
} */

.project-hover.details-active,
.project-hover.media-active,
.single.video-playing .project-hover.project-content-details.loaded,
.single .video-slide:first-child figure.oomi-video-player .video-js.loaded.details-active,
.single.mobile-details-active .video-slide:first-child figure.oomi-video-player .video-js.loaded {
	opacity: .35;
	filter: blur(8px);
	-webkit-filter: blur(8px);
	z-index: 0;
}

.single .project-content-details h3,
.single .project-content-details p,
.single .project-content-details a {
	color: white;
}

.single .project-content-details h3 {
	margin-bottom: 2rem;
}

.detail-wrapper h3 {
	display: inline;
	padding-left: 1rem;
}

.single .video-js .vjs-big-play-button {
	z-index: 1;
	border: none;
	background-color: transparent;
	background-color: transparent;
	mix-blend-mode: difference;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
	width: 100%;
	height: 100%;
}

.video-slide .video-js .vjs-play-progress:before {
	content: '';
	/* width: 5.5px;
	height: 5.5px;
	border-radius: 100%;
	background: white;
	top: -1.75px; */
	width: 10.5px;
	height: 10.5px;
	border-radius: 100%;
	background: transparent;
	top: -4.25px;
	border: 1.5px solid white;
	right: -9px;
}

.video-slide .video-js .vjs-control {
	min-width: 7rem;
}

.video-slide .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-slide .video-js .vjs-play-control .vjs-icon-placeholder:before,
.single .vjs-icon-play:before,
.video-slide .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-slide .video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-slide .vjs-icon-play:before {
	content: "Play" !important;
	font-family: 'Aeonik Reg', sans-serif !important;
	font-size: var(--body-small);
	line-height: var(--body-line-height);
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	mix-blend-mode: difference;
}

.video-slide .video-js .vjs-volume-panel,
.video-slide .vjs-picture-in-picture-control {
	display: none;
}

.video-slide .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.video-slide .vjs-icon-pause:before {
	content: "Pause" !important;
}

.video-slide .video-js .vjs-fullscreen-control {
	min-width: 7rem;
}

.video-slide .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.video-slide .vjs-icon-fullscreen-enter:before {
	content: "Expand" !important;
	font-family: 'Aeonik Reg', sans-serif !important;
	font-size: var(--body-small);
	line-height: var(--body-line-height);
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.single .video-js .vjs-big-play-button:focus,
.single .video-js:hover .vjs-big-play-button {
	border-color: transparent;
	background-color: transparent;
	background-color: transparent;
	text-decoration: underline;
	transition: all 0s;
}

.video-controls {
   position: absolute;
   width: 50px;
   height: 20px;
   cursor: pointer;
   background-color: #FFF;
   border: 1px solid #000;
}

#play-btn {
   left: 5px;
}

#pause-btn {
   left: 5px;
}

#mute-btn {
   left: 60px;
}

#unmute-btn {
   left: 60px;
}

#stop-btn {
   left: 115px;
}

#replay-btn {
   left: 115px;
}

.inside-slide .video-js .vjs-progress-holder {
	height: .15rem;
}

.inside-slide .video-js .vjs-play-progress {
	z-index: 1;
}

@media(max-width: 767px) {
	.single-project-title-container {
		display: flex;
		gap: 1rem;
		flex-direction: row;
		width: 100%;
	}
	.mobile-details-active .single-project-title-container {
		justify-content: space-between;
	}
	.show-mobile-details {
		margin-bottom: 2rem;
		display: flex;
	}
	.show-mobile-details::before {
		content: '(';
	}
	.show-mobile-details::after {
		content: ')';
	}
	.show-mobile-details span {
		display: none;
	}
	.show-mobile-details.active span {
		display: flex;
	}
	.inside-project-details {
		display: none;
	}
	.inside-project-details.active {
		display: block;
	}
	.project-content-details {
		top: inherit;
		bottom: 12rem;
		width: auto;
	}
	.mobile-details-active .project-content-details {
		top: 2rem;
		padding: 8vh 1rem 4rem 0;
		width: calc(100% - 4rem);
	}
	.single .oomi_swiper-slide, .single .video-slide, .single .image-slide {
		max-height: 100vh;
		max-height: 100svh;
	}

	.archive-row-wrapper.single-open.active .project-slider {
		height: 100vh;
		height: 102svh;
	}
}

@media(min-width: 768px) {
	.show-mobile-details {
		display: none;
	}
}