/*!
Theme Name: Studio Marant
Theme URI: https://github.com/mosharafmanu/studio-marant
Author: Mosharaf Hossain
Author URI: https://mosharafmanu.com/
Description: Custom WordPress theme for Studio Marant.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: studio-marant
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Hide the default shell on fully custom views */
body.home .site-header,
body.home .site-footer,
body.post-type-archive-project .site-header,
body.post-type-archive-project .site-footer,
body.tax-project_category .site-header,
body.tax-project_category .site-footer,
body.single-project .site-header,
body.single-project .site-footer,
body.page-about .site-header,
body.page-about .site-footer,
body.page-template-page-about .site-header,
body.page-template-page-about .site-footer {
	display: none;
}

.landing-page {
	min-height: 100vh;
	background: var(--sm-white);
}

/* Shared project strip */
.landing-hero {
	--landing-hero-height: 100vh;
	display: grid;
	grid-template-columns: 100%;
	justify-items: center;
	height: var(--landing-hero-height);
	overflow: hidden;
	transition: height 1200ms cubic-bezier(0.76, 0, 0.24, 1);
}
.studio-entry.is-home-revealed .landing-hero {
	--landing-hero-height: 50vh;
}

.landing-hero > * {
	grid-row: 1;
	grid-column: 1;
}

.landing-hero__marquee {
	width: 100%;
	height: var(--landing-hero-height);
	overflow: hidden;
	transition: height 1200ms cubic-bezier(0.76, 0, 0.24, 1);
}
.projects-archive-page .landing-hero__marquee {
	opacity: 0.03;
}
.projects-archive-page .landing-hero__project-track {
	animation-play-state: paused;
}

.landing-hero__project-track {
	--landing-item-width: var(--landing-desktop-item-width, 33.333333vw);
	--landing-set-width: var(--landing-desktop-set-width, 100vw);
	--landing-start: var(--landing-desktop-start, 0vw);
	--landing-end: var(--landing-desktop-end, -100vw);
	display: flex;
	width: max-content;
	height: var(--landing-hero-height);
	animation: sm-landing-marquee 42s linear infinite;
	transition: height 1200ms cubic-bezier(0.76, 0, 0.24, 1);
	will-change: transform;
}
.studio-entry.is-home-revealed.is-preview-active .landing-hero__project-track {
	animation-play-state: paused;
}

.landing-hero__project-list {
	display: flex;
	flex: 0 0 auto;
	width: var(--landing-set-width);
	height: var(--landing-hero-height);
	margin: 0;
	padding: 0;
	list-style: none;
	transition: height 1200ms cubic-bezier(0.76, 0, 0.24, 1);
}

.landing-hero.is-centered-carousel .landing-hero__project-track {
	animation: none;
	transition:
		height 1200ms cubic-bezier(0.76, 0, 0.24, 1),
		transform 520ms cubic-bezier(0.76, 0, 0.24, 1);
}

.landing-hero.is-centered-carousel .landing-hero__project-list[aria-hidden="true"] {
	display: flex;
}

.landing-hero.is-centered-carousel .landing-hero__project-item {
	cursor: pointer;
}

.landing-hero.is-centered-carousel .landing-hero__project-item.is-active {
	cursor: default;
}

@keyframes sm-landing-marquee {
	from {
		transform: translate3d(var(--landing-start), 0, 0);
	}
	to {
		transform: translate3d(var(--landing-end), 0, 0);
	}
}

@keyframes sm-landing-marquee-mobile {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		transform: translate3d(0, var(--landing-mobile-end, -100vh), 0);
	}
}

.landing-hero__project-item {
	position: relative;
	flex: 0 0 var(--landing-item-width);
	min-width: 0;
	height: var(--landing-hero-height);
	transition: height 1200ms cubic-bezier(0.76, 0, 0.24, 1);
}

.landing-hero__project-link {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.landing-hero__image,
.landing-hero__image picture,
.landing-hero__image-el {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
}
.landing-hero__image {
	overflow: hidden;
}
.landing-hero__image-el {
	aspect-ratio: auto;
	object-fit: cover;
	object-position: center center;
}

@media only screen and (max-width: 767px) {
	.landing-hero__project-track,
	.landing-hero__project-list {
		flex-direction: column;
		width: 100%;
	}

	.landing-hero__project-track {
		height: max-content;
		animation-name: sm-landing-marquee-mobile;
	}

	.landing-hero__project-list {
		height: var(--landing-mobile-set-height, var(--landing-hero-height));
	}

	.landing-hero__project-item {
		flex: 0 0 min(var(--landing-hero-height), 35.938rem);
		height: min(var(--landing-hero-height), 35.938rem);
		width: 100%;
	}
}

/* Landing logo video */
.landing-hero__video-wrap{
	z-index: 5;
	mix-blend-mode: lighten;
	width: 100%;
	height: auto;
	display: flex;
	align-self: center;
	justify-self: center;
	pointer-events: none;
	transition: opacity 600ms ease;
}
.studio-entry.is-home-revealed .landing-hero__video-wrap {
	opacity: 0;
}

.landing-hero__video-wrap .landing-hero__video{
	display: block;
	width: 100%;
	height: auto;
	max-width: 100vw;
	max-height: 100vh;
	object-fit: contain;
}

/* Home reveal */
.studio-entry__home {
	display: none;
}
.studio-entry.is-home-revealed .studio-entry__home {
	display: block;
}

/* Home project preview */
.project-hover-preview {
	position: fixed;
	inset: 0;
	z-index: 20;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 0;
	background: rgba(255, 255, 255, 0.97);
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease;
}
body.admin-bar .project-hover-preview {
	top: 2rem; /* 32px */
}
@media only screen and (max-width:768px) {

	body.admin-bar .project-hover-preview {
		top: 2.875rem; /* 46px */
	}

}
.studio-entry.is-home-revealed .project-hover-preview.is-active {
	opacity: 1;
}
.project-hover-preview__inner {
	width: min(46vw, 52rem);
	text-align: center;
}
.project-hover-preview__image {
	display: block;
	width: 100%;
	height: 50vh;
	max-height: 50vh;
	object-fit: cover;
	object-position: center center;
}
.project-hover-preview__title {
	margin: 0.75rem 0 0;
	color: var(--sm-black);
	font-family: var(--sm-font-heading);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.project-hover-preview__inner .project-hover-preview__title {
	font-family: var(--sm-font-body);
	color: #000;
	text-align: center;
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	letter-spacing: 0.56px;
	text-transform: uppercase;
	margin-top: 1rem;
}


/* Sticky center navigation */
.home-template__nav-band {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4.563rem; /* 73px */
    padding: .3125rem 0; /* 17px 0 */
	position: sticky;
	top: 50vh;
	z-index: 10;
	background: #ffffff;
}
body.admin-bar .home-template__nav-band {
	top: calc(50vh + 2rem); /* 32px */
}
.main-menu{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 1.75rem; /* 30px */
}
.menu-item {
	display: flex;
	align-items: center;
}
.main-menu ul li {
	display: flex;
	align-items: center;
}
.main-menu li {
  display: flex;
  align-items: center;
}

.main-menu li a{
    font-size: .8183rem; /* 13.093px */
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 26.187px */
    letter-spacing: .0818rem; /* 1.309px */
    font-family: var(--sm-font-heading);
    text-decoration: none;
    color: #000000;
}

/* Home content */
.home-template__logo {
	display: inline-flex;
	align-items: center;
	color: var(--sm-black);
	font-family: var(--sm-font-body);
	font-size: 1.563rem; /* 25px */
	line-height: 1;
	letter-spacing: .063rem; /* 1px */
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.home-template__logo-image {
	display: block;
	width: auto;
	max-width: 14rem;
	height: auto;
}

.home-template__body {
	min-height: 30.625rem; /* 490px */
	padding-top: 3rem;
}

.home-template__mobile-menu-toggle {
	display: none;
}

.home-mobile-project-preview {
	display: none;
}

@media only screen and (max-width: 767px) {
	.studio-entry.is-home-revealed {
		display: grid;
		grid-template-columns: 50% 50%;
		min-height: 100vh;
		overflow: hidden;
	}

	.studio-entry.is-home-revealed .landing-hero {
		--landing-hero-height: 100vh;
		grid-column: 1;
		grid-row: 1;
		height: 100vh;
	}

	.studio-entry.is-home-revealed .landing-hero__marquee {
		height: 100vh;
	}

	.studio-entry.is-home-revealed .landing-hero__project-track {
		animation: sm-landing-marquee-mobile 42s linear infinite;
	}

	.studio-entry.is-home-revealed .landing-hero__project-list {
		height: calc(18.125rem * var(--landing-project-count, 1));
	}

	.studio-entry.is-home-revealed .landing-hero__project-item {
		flex-basis: 18.125rem;
		height: 18.125rem;
	}

	.studio-entry.is-home-revealed .studio-entry__home {
		grid-column: 2;
		grid-row: 1;
		display: block;
		min-height: 100vh;
		background: var(--sm-white);
	}

	.studio-entry.is-home-revealed .home-template__nav-band {
		position: static;
		display: flex;
		width: 100%;
		height: 100vh;
		padding: 0;
		background: transparent;
	}

	.studio-entry.is-home-revealed .home-template__primary-nav,
	.studio-entry.is-home-revealed .home-template__category-nav {
		display: none;
	}

	.studio-entry.is-home-revealed .home-template__logo {
		margin: auto;
		white-space: normal;
	}

	.studio-entry.is-home-revealed .home-template__logo-image {
		max-width: 7.5rem;
	}

	.home-template__mobile-menu-toggle {
		position: fixed;
		right: 1rem;
		bottom: 1rem;
		z-index: 45;
		display: inline-flex;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--sm-black);
		font-family: var(--sm-font-heading);
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.2;
		letter-spacing: 0.18em;
		cursor: pointer;
	}

	.home-mobile-project-preview {
		position: fixed;
		inset: 0;
		z-index: 35;
		display: grid;
		grid-template-columns: 50% 50%;
		background: rgba(255, 255, 255, 0.03);
		opacity: 0;
		pointer-events: none;
		transition: opacity 180ms ease;
	}

	.home-mobile-project-preview.is-active {
		opacity: 1;
		pointer-events: auto;
	}

	.home-mobile-project-preview__image-wrap {
		align-self: center;
		width: 100%;
		height: 18.125rem;
		overflow: hidden;
		text-decoration: none;
	}

	.home-mobile-project-preview__image {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	.home-mobile-project-preview__content {
		align-self: center;
		justify-self: center;
		width: min(12rem, calc(100% - 2rem));
		text-align: center;
	}

	.home-mobile-project-preview__title {
		margin: 0 0 1.25rem;
		color: var(--sm-black);
		font-family: var(--sm-font-heading);
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 1.2;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.home-mobile-project-preview__link {
		color: var(--sm-black);
		font-family: var(--sm-font-heading);
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.2;
		letter-spacing: 0.18em;
		text-decoration: none;
	}

	.studio-entry.is-mobile-menu-open .landing-hero {
		opacity: 0.03;
	}

	.studio-entry.is-mobile-project-preview-open .landing-hero,
	.studio-entry.is-mobile-project-preview-open .home-template__logo {
		opacity: 0.03;
	}

	.studio-entry.is-mobile-project-preview-open .landing-hero__project-track {
		animation-play-state: paused;
	}

	.studio-entry.is-mobile-menu-open .home-template__logo,
	.studio-entry.is-mobile-menu-open .home-template__category-nav {
		display: none;
	}

	.studio-entry.is-mobile-menu-open .home-template__primary-nav {
		position: fixed;
		inset: 0;
		z-index: 40;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(255, 255, 255, 0.97);
	}

	.studio-entry.is-mobile-menu-open .home-template__primary-nav .main-menu {
		display: flex;
		gap: 2.25rem;
	}
}

/* Term intro */
.project-term-page {
	min-height: 100vh;
	background: var(--sm-white);
}

.project-term-hero {
	height: 50vh;
	max-height: 50vh;
	overflow-y: auto;
	padding: 1rem 1rem;
	background: var(--project-term-color, #f47f2a);
	color: var(--sm-black);
}

.project-term-hero__name {
	margin: 0 0 0.25rem;
	font-family: var(--sm-font-body);
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.14em;
}

.project-term-hero__description,
.project-term-hero__description p {
	margin: 0;
}

.project-term-hero__description {
	font-family: var(--sm-font-body);
	font-size: clamp(1.75rem, 2.55vw, 25px);
	font-weight: 400;
	line-height: 110%;
	letter-spacing: 0.1563em;
	text-transform: uppercase;
}

.project-term-hero__mobile-nav,
.project-term-hero__mobile-icon {
	display: none;
}

/* Project archive and category menu */
.projects-archive {
	padding: 1.75rem 1.5rem 3.125rem;
}

.projects-archive-page .home-template__category-nav .main-menu li:not(:first-child) .home-template__category-label {
	opacity: 0.3;
}

.home-template__category-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 4.5rem;
	min-height: 2.75rem;
}

.home-template__category-label,
.home-template__category-icon {
	transition: opacity 180ms ease;
}

.home-template__category-icon {
	position: absolute;
	inset: 50% auto auto 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.875rem;
	height: 1.875rem;
	opacity: 0;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.home-template__category-icon-media {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.home-template__category-link.has-icon:hover .home-template__category-icon,
.home-template__category-link.has-icon:focus-visible .home-template__category-icon {
	opacity: 1;
}

.home-template__category-link.has-icon:hover .home-template__category-icon-media,
.home-template__category-link.has-icon:focus-visible .home-template__category-icon-media {
	opacity: 1;
}

.home-template__category-nav .main-menu a:hover,
.home-template__category-nav .main-menu a:focus-visible {
	opacity: 1;
}

.home-template__category-nav .main-menu a:hover .home-template__category-label,
.home-template__category-nav .main-menu a:focus-visible .home-template__category-label {
	opacity: 1;
}

.home-template__category-nav .main-menu .home-template__category-link.has-icon:hover .home-template__category-label,
.home-template__category-nav .main-menu .home-template__category-link.has-icon:focus-visible .home-template__category-label {
	opacity: 0;
}

.project-term-page .home-template__category-nav .main-menu > li:first-child a,
.project-term-page .home-template__category-nav .main-menu .home-template__category-label {
	opacity: 0.3;
}

.project-term-page .home-template__category-nav .main-menu .is-current-term .home-template__category-label {
	opacity: 1;
}

.projects-archive__list {
	display: grid;
	row-gap: 1.75rem;
	max-width: 35.4375rem;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.projects-archive__link {
	display: grid;
	grid-template-columns: minmax(7.5rem, 7.5rem) minmax(0, 1fr);
	column-gap: 2.8125rem;
	color: var(--sm-black);
	font-family: var(--sm-font-heading);
	font-size: .8183rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0.0818em;
	text-decoration: none;
}

.projects-archive__item {
	transition: opacity 180ms ease;
}

.projects-archive__list:hover .projects-archive__item,
.projects-archive__list:focus-within .projects-archive__item {
	opacity: 0.03;
}

.projects-archive__list:hover .projects-archive__item:hover,
.projects-archive__list:focus-within .projects-archive__item:focus-within {
	opacity: 1;
}

.projects-archive__date,
.projects-archive__content,
.projects-archive__subtitle,
.projects-archive__title {
	display: block;
}

.projects-archive__date {
	white-space: nowrap;
}

.projects-archive__mobile-close {
	display: none;
}

@media only screen and (max-width: 767px) {
	.projects-archive-page.studio-entry.is-home-revealed {
		display: block;
		min-height: 100svh;
		padding: 0 0 4.75rem;
		overflow: visible;
		background: var(--sm-white);
	}

	.projects-archive-page .landing-hero {
		position: fixed;
		inset: 0 auto 0 0;
		z-index: 0;
		display: block;
		width: 50vw;
		height: 100svh;
		min-height: 0;
		max-height: none;
		pointer-events: none;
		opacity: 0.03;
	}

	.projects-archive-page.studio-entry.is-home-revealed .landing-hero {
		--landing-hero-height: 100svh;
		grid-column: auto;
		grid-row: auto;
		height: 100svh;
	}

	.projects-archive-page .landing-hero__marquee {
		width: 100%;
		height: 100%;
		opacity: 1;
	}

	.projects-archive-page.studio-entry.is-home-revealed .landing-hero__marquee {
		height: 100svh;
	}

	.projects-archive-page .landing-hero__project-track {
		height: max-content;
		animation: none;
		transform: none;
	}

	.projects-archive-page.studio-entry.is-home-revealed .landing-hero__project-track {
		animation: none;
		transform: none;
	}

	.projects-archive-page .landing-hero__project-list {
		width: 100%;
		height: auto;
	}

	.projects-archive-page.studio-entry.is-home-revealed .landing-hero__project-list {
		height: auto;
	}

	.projects-archive-page .landing-hero__project-list[aria-hidden="true"] {
		display: none;
	}

	.projects-archive-page .landing-hero__project-item {
		flex: 0 0 18.125rem;
		width: 100%;
		height: 18.125rem;
	}

	.projects-archive-page.studio-entry.is-home-revealed .landing-hero__project-item {
		flex-basis: 18.125rem;
		height: 18.125rem;
	}

	.projects-archive-page.studio-entry.is-home-revealed .home-template__nav-band {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 80;
		display: block;
		width: auto;
		height: auto;
		min-height: 0;
		opacity: 1;
		visibility: visible;
		transform: none;
		padding: 0.75rem 0.625rem 1rem;
	}

	.projects-archive-page .projects-archive__filter-nav {
		position: fixed !important;
		top: 0;
		right: 0;
		left: 0;
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto;
	}

	body.admin-bar .projects-archive-page.studio-entry.is-home-revealed .home-template__nav-band {
		top: 2.875rem; /* 46px */
	}

	body.admin-bar .projects-archive-page .projects-archive__filter-nav {
		top: 2.875rem;
	}

	.projects-archive-page.studio-entry.is-home-revealed .home-template__primary-nav,
	.projects-archive-page.studio-entry.is-home-revealed .home-template__logo {
		display: none;
	}

	.projects-archive-page.studio-entry.is-home-revealed .home-template__category-nav {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.projects-archive-page.studio-entry.is-home-revealed .home-template__category-nav .main-menu {
		display: flex !important;
		align-items: center;
		gap: 2.25rem;
		width: max-content;
		min-width: 100%;
		margin: 0;
		padding: 0;
	}

	.projects-archive-page .home-template__category-nav .main-menu li {
		display: inline-flex;
		align-items: center;
	}

	.projects-archive-page .home-template__category-nav .main-menu a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: var(--sm-black);
		font-family: var(--sm-font-heading);
		font-size: 0.75rem;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.16em;
		text-decoration: none;
		opacity: 0.3;
		white-space: nowrap;
	}

	.projects-archive-page .home-template__category-label {
		display: inline-flex;
		align-items: center;
		line-height: inherit;
		opacity: 1 !important;
	}

	.projects-archive-page .home-template__category-icon {
		display: none;
	}

	.projects-archive-page .home-template__category-nav .main-menu .is-current-term a,
	.projects-archive-page .home-template__category-nav .main-menu .is-current-term .home-template__category-label {
		opacity: 1;
	}

	.projects-archive {
		position: relative;
		z-index: 1;
		padding: 0 0.625rem;
	}

	.projects-archive-page .projects-archive {
		padding-top: 6.5rem;
	}

	.projects-archive__list {
		display: grid;
		row-gap: 2.25rem;
		width: 100%;
		margin: 0;
	}

	.projects-archive__link {
		display: block;
		color: var(--sm-black);
		font-size: 0.875rem;
		line-height: 1.3;
		letter-spacing: 0.12em;
	}

	.projects-archive__date {
		margin: 0 0 0.625rem;
		white-space: normal;
	}

	.projects-archive__content {
		display: block;
	}

	.projects-archive__title,
	.projects-archive__subtitle {
		display: block;
	}

	.projects-archive__list:hover .projects-archive__item,
	.projects-archive__list:focus-within .projects-archive__item,
	.projects-archive__list:hover .projects-archive__item:hover,
	.projects-archive__list:focus-within .projects-archive__item:focus-within {
		opacity: 1;
	}

	.projects-archive__mobile-close {
		position: fixed;
		right: 1rem;
		bottom: 1rem;
		z-index: 45;
		display: inline-flex;
		color: var(--sm-black);
		font-family: var(--sm-font-heading);
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 1.2;
		letter-spacing: 0.18em;
		text-decoration: none;
	}

	.project-term-page {
		min-height: 100svh;
		padding-bottom: 4.75rem;
		overflow: visible;
		background: var(--sm-white);
	}

	.project-term-page .project-term-hero {
		position: relative;
		height: auto;
		min-height: 14rem;
		padding: 0.75rem 0.72rem 3.75rem 0.625rem;
		max-height: none;
		overflow: visible;
	}

	.project-term-page .home-template__nav-band {
		display: none;
	}

	.project-term-hero__mobile-nav {
		display: block;
		margin: 0 0 1rem;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.project-term-hero__mobile-nav .main-menu {
		display: flex;
		align-items: center;
		gap: 2.25rem;
		width: max-content;
		min-width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.project-term-hero__mobile-nav .main-menu li {
		display: inline-flex;
		align-items: center;
	}

	.project-term-hero__mobile-nav .main-menu a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: var(--sm-black);
		font-family: var(--sm-font-heading);
		font-size: 0.75rem;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.16em;
		text-decoration: none;
		white-space: nowrap;
		opacity: 0.3;
	}

	.project-term-hero__mobile-nav .home-template__category-icon {
		display: none;
	}

	.project-term-page .project-term-hero__mobile-nav .main-menu .home-template__category-label {
		opacity: 1;
	}

	.project-term-hero__mobile-nav .is-current-term a,
	.project-term-hero__mobile-nav .is-current-term .home-template__category-label {
		opacity: 1;
	}

	.project-term-page .project-term-hero__name {
		display: none;
	}

	.project-term-page .project-term-hero__description {
		max-width: 100%;
		font-size: 0.938rem;
		line-height: 1.12;
		letter-spacing: 0.12em;
	}

	.project-term-hero__mobile-icon {
		position: absolute;
		right: 0.875rem;
		bottom: 0.875rem;
		z-index: 1;
		display: inline-flex;
		width: 2.75rem;
		height: 2.75rem;
		align-items: center;
		justify-content: center;
		pointer-events: none;
	}

	.project-term-hero__mobile-icon-media,
	.project-term-hero__mobile-icon svg,
	.project-term-hero__mobile-icon img {
		display: block;
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
	.project-term-hero__mobile-icon svg path{
		fill: var(--sm-black);
	}
	.project-term-page .projects-archive {
		padding-top: 3.125rem;
	}

	.project-term-page .projects-archive__list:hover .projects-archive__item,
	.project-term-page .projects-archive__list:focus-within .projects-archive__item,
	.project-term-page .projects-archive__list:hover .projects-archive__item:hover,
	.project-term-page .projects-archive__list:focus-within .projects-archive__item:focus-within {
		opacity: 1;
	}
}

/* Single project */
.single-project-page {
	min-height: 100vh;
	background: var(--sm-white);
}

.single-project-mobile-header,
.single-project-mobile-actions,
.single-project-mobile-menu {
	display: none;
}

.single-project-gallery {
	--landing-hero-height: 50vh;
}

.single-project-gallery__trigger {
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.single-project-page.is-preview-active .landing-hero__project-track {
	animation-play-state: paused;
}

.single-project-content {
	display: grid;
	grid-template-columns: minmax(12rem, 24vw) minmax(0, 1fr) minmax(10rem, 18vw);
	column-gap: 2rem;
	min-height: 50vh;
	padding: 1.25rem 1.5rem 4rem;
	color: var(--sm-black);
	font-family: var(--sm-font-heading);
	font-size: .8183rem;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: 0.14em;
}


.single-project-content__aside,
.single-project-content__back,
.single-project-preview__meta,
.single-project-preview__back {
	display: flex;
	gap: 2rem;
	align-items: flex-start;
	color: var(--sm-black);
	text-decoration: none;
	white-space: nowrap;
}

.single-project-content__main {
	max-width: 58rem;
}

.single-project-content__meta,
.single-project-content__body {
	margin-bottom: 1.125rem;
}

.single-project-content__meta p,
.single-project-content__body p,
.single-project-featuring h2,
.single-project-featuring ul {
	margin: 0;
}

.single-project-content__body p + p {
	margin-top: 1.25rem;
}

.single-project-featuring h2 {
	font: inherit;
}

.single-project-featuring ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.5em;
	padding: 0;
	list-style: none;
}

.single-project-featuring li:not(:last-child)::after {
	content: ",";
}

.single-project-featuring a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.single-project-content__back {
	justify-self: end;
}

.single-project-preview {
	position: fixed;
	inset: 0;
	z-index: 30;
	display: grid;
	grid-template-columns: minmax(12rem, 24vw) minmax(0, 1fr) minmax(10rem, 18vw);
	align-items: center;
	column-gap: 2rem;
	padding: 0 1.5rem;
	background: rgba(255, 255, 255, 0.98);
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease;
	font-size: .8183rem;
}

body.admin-bar .single-project-preview {
	top: 2rem; /* 32px */
}

.single-project-preview.is-active {
	opacity: 1;
	pointer-events: auto;
}

.single-project-preview__image-wrap {
	height: 100vh;
	overflow: hidden;
}

.single-project-preview__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.single-project-preview__back {
	justify-self: end;
}

@media only screen and (max-width: 767px) {
	.single-project-page.studio-entry.is-home-revealed {
		--single-mobile-header-height: 5rem;
		--single-mobile-actions-height: 4.75rem;
		--single-mobile-visual-height: calc(100svh - var(--single-mobile-header-height) - var(--single-mobile-actions-height));
		display: block;
		min-height: 100svh;
		padding-top: var(--single-mobile-header-height);
		padding-bottom: var(--single-mobile-actions-height);
		overflow: visible;
	}

	.single-project-mobile-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 46;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 1.5rem;
		padding: 1.25rem 0.5rem 1rem;
		color: var(--sm-black);
		font-family: var(--sm-font-heading);
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 1.2;
		letter-spacing: 0.14em;
		background: rgba(255, 255, 255, 0.97);
	}

	.single-project-page.studio-entry.is-home-revealed .single-project-gallery {
		--landing-hero-height: auto;
		display: flex;
		align-items: center;
		grid-column: auto;
		grid-row: auto;
		height: var(--single-mobile-visual-height);
		min-height: var(--single-mobile-visual-height);
		padding: 0;
		overflow: hidden;
	}

	.single-project-page.studio-entry.is-home-revealed .single-project-gallery .landing-hero__marquee {
		width: 100%;
		height: auto;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}

	.single-project-page .single-project-gallery .landing-hero__project-track {
		display: flex;
		flex-direction: row;
		width: max-content;
		height: clamp(23rem, calc(var(--single-mobile-visual-height) - 3.5rem), 35rem);
		animation: none;
		transform: none;
	}

	.single-project-page .single-project-gallery .landing-hero__project-list {
		display: flex;
		flex-direction: row;
		width: auto;
		height: 100%;
	}

	.single-project-page .single-project-gallery .landing-hero__project-item {
		flex: 0 0 82vw;
		width: 82vw;
		height: 100%;
		scroll-snap-align: center;
	}

	.single-project-page .single-project-gallery .landing-hero__project-link {
		padding: 0;
	}

	.single-project-content,
	.single-project-preview {
		grid-template-columns: 1fr;
		row-gap: 1.5rem;
	}

	.single-project-content {
		display: none;
		position: fixed;
		inset: 0;
		z-index: 35;
		min-height: 100svh;
		padding: calc(var(--single-mobile-header-height) + 4.375rem) 0.5rem calc(var(--single-mobile-actions-height) + 3rem);
		overflow-y: auto;
		background: rgba(255, 255, 255, 0.97);
		font-size: .8183rem;
		line-height: 140%;
		letter-spacing: 0.16em;
	}

	.single-project-page.is-mobile-details-step .single-project-content {
		display: block;
	}

	.single-project-page.is-mobile-image-step .single-project-gallery,
	.single-project-page.is-mobile-details-step .single-project-gallery,
	.single-project-page.is-mobile-gallery-step .single-project-preview,
	.single-project-page.is-mobile-details-step .single-project-preview {
		display: none;
	}

	.single-project-content__aside,
	.single-project-content__back {
		display: none;
	}

	.single-project-preview__meta,
	.single-project-preview__back {
		white-space: normal;
	}

	.single-project-preview {
		position: fixed;
		inset: 0;
		z-index: 35;
		display: none;
		align-items: center;
		padding: var(--single-mobile-header-height) 0 var(--single-mobile-actions-height);
		background: rgba(255, 255, 255, 0.97);
		opacity: 1;
		pointer-events: auto;
		transition: none;
	}

	body.admin-bar .single-project-preview {
		top: 0;
	}

	.single-project-preview.is-active {
		display: flex;
	}

	.single-project-preview__meta,
	.single-project-preview__back {
		display: none;
	}

	.single-project-preview__image-wrap {
		width: 100%;
		height: clamp(26rem, calc(var(--single-mobile-visual-height) - 2rem), 40rem);
		overflow: hidden;
	}

	.single-project-mobile-actions {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 45;
		display: grid;
		grid-template-columns: 1fr auto auto;
		align-items: center;
		column-gap: 2rem;
		padding: 1rem 0.5rem 1.125rem;
		background: rgba(255, 255, 255, 0.97);
		color: var(--sm-black);
		font-family: var(--sm-font-heading);
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 1.2;
		letter-spacing: 0.18em;
	}

	.single-project-mobile-actions a,
	.single-project-mobile-actions button {
		padding: 0;
		border: 0;
		background: transparent;
		color: inherit;
		font: inherit;
		letter-spacing: inherit;
		text-align: left;
		text-decoration: none;
		cursor: pointer;
	}

	.single-project-mobile-actions__menu {
		justify-self: end;
	}

	.single-project-mobile-actions__close {
		display: none;
	}

	.single-project-mobile-menu {
		position: fixed;
		inset: 0;
		z-index: 40;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(255, 255, 255, 0.97);
		opacity: 0;
		pointer-events: none;
		transition: opacity 180ms ease;
	}

	.single-project-page.is-mobile-menu-open .single-project-mobile-menu {
		opacity: 1;
		pointer-events: auto;
	}

	.single-project-mobile-menu .main-menu {
		display: flex;
		gap: 2.25rem;
	}

	.single-project-page.is-mobile-details-step .single-project-mobile-actions__read {
		display: none;
	}

	.single-project-page.is-mobile-details-step .single-project-mobile-actions__close {
		display: inline;
	}
}

/* About page */
.about-page {
	min-height: 100vh;
	background: var(--about-bg, #f47f2a);
	color: var(--sm-black);
	transition: background-color 220ms ease;
}
.about-page__intro {
	padding-top: .9375rem;
}

.about-page__copy-block + .about-page__copy-block {
	margin-top: 2.5rem;
}

.about-page__label {
	margin: 0;
	font-family: var(--sm-font-heading);
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.14em;
}

.about-page__statement,
.about-page__statement p {
	margin: 0;
}

.about-page__statement {
	max-width: 116rem;
	font-family: var(--sm-font-body);
	color: #000;
	font-size: 1.5625rem;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	letter-spacing: 2.5px;
	text-transform: uppercase;
}

.about-page__nav {
	position: sticky;
	top: 50vh;
	z-index: 5;
	display: grid;
	grid-template-columns: minmax(5rem, 8vw) minmax(13rem, 22vw) minmax(18rem, 1fr) minmax(10rem, 18vw) minmax(10rem, 14vw);
	align-items: start;
	column-gap: 2rem;
	padding: 1rem 1.5rem;
	color: var(--sm-white);
	font-family: var(--sm-font-heading);
	font-size: 0.875rem;
	line-height: 1.45;
	letter-spacing: 0.14em;
	pointer-events: auto;
}

body.admin-bar .about-page__nav {
	top: calc(50vh + 2rem); /* 32px */
}
.about-page__nav {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.about-page__address {
	font-style: normal;
}

.about-page__logo {
	justify-self: center;
	color: inherit;
	font-family: var(--sm-font-body);
	font-size: 1.563rem;
	line-height: 1;
	letter-spacing: 0.063rem;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.about-page__logo-image {
	display: block;
	width: auto;
	max-width: 14rem;
	height: auto;
}

.about-page__utility-menu {
	display: grid;
	row-gap: 0.45rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.about-page__utility-menu a,
.about-page__back {
	color: inherit;
	text-decoration: none;
}

.about-page__back {
	justify-self: end;
	white-space: nowrap;
}

.about-page__image,
.about-page__image-section picture {
	display: block;
	width: 100%;
	height: auto;
}

.about-page__image {
	max-height: 50vh;
	object-fit: cover;
	object-position: center center;
}

.about-page__team {
	margin: 0 auto;
}
.about-page__team {
  width: 45.375rem;
  padding-top: 2.375rem;
  padding-bottom: 2.375rem;
}


.about-page__team-list {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(14rem, 22vw);
	column-gap: 5rem;
	margin: 0 0 2rem;
	font-family: var(--sm-font-heading);
	font-size: 1.125rem;
	line-height: 1.25;
	letter-spacing: 0.16em;
	margin-top: 1.875rem;
}

.about-page__team-row {
	display: contents;
}

.about-page__team-list dt {
	font-family: var(--sm-font-body);
	font-style: italic;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 200%;
	letter-spacing: 0.125rem;
}
.about-page__team-list dd {
	font-family: var(--sm-font-body);
	font-style: normal;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 200%;
	letter-spacing: 0.125rem;
}

.about-page__team-list dd,
.about-page__team-list dt {
	margin: 0;
}
.about-page__collaborators-text,
.about-page__collaborators-text p {
	margin: 0;
}

.about-page__collaborators-text {
	font-family: var(--sm-font-body);
	color: #000;
	font-size: 1.5625rem;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	letter-spacing: 2.5px;
	text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
	.about-page__nav {
		--about-mobile-nav-height: 10.25rem;
		position: sticky;
		top: calc(50svh - (var(--about-mobile-nav-height) / 2));
		z-index: 5;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(8rem, max-content);
		grid-template-areas:
			"mark menu"
			"address menu";
		align-items: start;
		column-gap: 1.25rem;
		row-gap: 1.5rem;
		min-height: var(--about-mobile-nav-height);
		padding: 0.875rem 1rem 1.25rem;
		color: var(--sm-white);
		font-size: 0.818rem; /* 13.09px */
		line-height: 1.3;
		letter-spacing: 0.16em;
	}

	body.admin-bar .about-page__nav {
		top: calc(50svh - (var(--about-mobile-nav-height) / 2) + 2.875rem); /* 46px */
	}

	.about-page__nav-mark {
		grid-area: mark;
	}
	.about-page__nav {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.about-page__address {
		grid-area: address;
		font-size: 0.818rem; /* 13.09px */
		line-height: 1.28;
		letter-spacing: 0.16em;
	}

	.about-page__logo {
		display: none;
	}

	.about-page__utility-menu {
		grid-area: menu;
		row-gap: 1.05rem;
		align-self: start;
		font-size: 0.818rem; /* 13.09px */
		line-height: 1.25;
		letter-spacing: 0.18em;
	}

	.about-page__back {
		position: absolute;
		right: 1rem;
		bottom: 1.75rem;
		font-size: 0.818rem; /* 13.09px */
		line-height: 1.25;
		letter-spacing: 0.18em;
	}

	.about-page__back {
		font-size: 0;
	}

	.about-page__back::after {
		content: "Close";
		font-size: 0.818rem; /* 13.09px */
	}
}