.w-layout-grid {
	grid-row-gap: 16px;
	grid-column-gap: 16px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

body {
	color: #4d4d4d;
	background-color: #fff;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

h1 {
	color: #0e0e0e;
	letter-spacing: -1px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Inria Serif, sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 62px;
}

h2 {
	color: #0e0e0e;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Inria Serif, sans-serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 48px;
}

h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: Inria Serif, sans-serif;
	font-size: 32px;
	font-style: italic;
	font-weight: 700;
	line-height: 32px;
}

h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
}

h5 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: Inria Serif, sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
}

h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

.utility-page-wrap {
	width: 100vw;
	height: 100vh;
	max-height: 100%;
	max-width: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
}

.utility-page-content {
	width: 260px;
	text-align: center;
	flex-direction: column;
	display: flex;
}

.utility-page-form {
	flex-direction: column;
	align-items: stretch;
	display: flex;
}

.text {
	letter-spacing: -0.4px;
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}

.text.is-long {
	max-width: 624px;
	padding-left: 24px;
}

.text.is-half {
	max-width: 425px;
}

.text.is-intab {
	letter-spacing: 0;
	font-size: 16px;
	line-height: 30px;
}

.text.is-pub-year {
	color: #6caa1e;
}

.text.is-stud {
	color: #f37a7a;
}

.text.is-stud.isproj {
	color: #f09d57;
}

.nav {
	width: 480px;
	height: 100dvh;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	flex-direction: row;
	justify-content: space-between;
	display: inline-block;
	position: fixed;
	top: 0%;
	bottom: 0%;
	left: auto;
	right: 0%;
	overflow: visible;
}

.nav-ele {
	width: 100px;
	height: 100vh;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
	display: flex;
}

.nav-text {
	width: 32px;
	transform: rotate(90deg);
}

.is-about {
	z-index: 100;
	width: 100px;
	color: #4d8df0;
	background-color: #e6f0fe;
	text-decoration: none;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
}

.is-about.is-actually-in-about {
	display: none;
}

.is-publication {
	z-index: 102;
	width: 100px;
	color: #6caa1e;
	background-color: #f1faea;
	text-decoration: none;
	display: flex;
	position: absolute;
	top: 0;
	left: 160px;
}

.is-publication.is-neg80 {
	margin-left: -80px;
}

.is-publication.is-in-pub-page {
	display: none;
}

.is-project {
	z-index: 101;
	width: 100px;
	color: #f09d57;
	background-color: #fef1e6;
	text-decoration: none;
	display: flex;
	position: absolute;
	top: 0;
	left: 80px;
}

.is-project.is-neg80 {
	margin-left: -80px;
}

.is-project.is-actually-in-project {
	display: none;
}

.is-teaching {
	z-index: 103;
	width: 100px;
	color: #f37a7a;
	background-color: #fde7e7;
	text-decoration: none;
	display: flex;
	position: absolute;
	top: 0;
	left: 240px;
}

.is-teaching.is-neg80 {
	margin-left: -80px;
}

.is-teaching.is-in-teaching {
	display: none;
}

.is-gallery {
	z-index: 104;
	width: 100px;
	color: #8a63d2;
	background-color: #f2ebfb;
	text-decoration: none;
	display: flex;
	position: absolute;
	top: 0;
	left: 320px;
}

.is-gallery.is-neg80 {
	margin-left: -80px;
}

.is-gallery.is-in-gallery-page {
	display: none;
}

.is-news-events {
	z-index: 105;
	width: 100px;
	color: #159e9c;
	background-color: #e7f6f5;
	text-decoration: none;
	display: flex;
	position: absolute;
	top: 0;
	left: 400px;
}

.is-news-events.is-neg80 {
	margin-left: -80px;
}

.is-news-events.is-in-news-events-page {
	display: none;
}

@media screen and (min-width: 992px) {
	.is-gallery,
	.is-news-events {
		transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.is-gallery .is-nav-image.is-not-white,
	.is-news-events .is-nav-image.is-not-white {
		opacity: 1;
		transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.is-gallery:hover,
	.is-gallery:focus-visible {
		color: #fff;
		background-color: #8a63d2;
		transform: translateX(-20px);
	}

	.is-gallery:hover .is-nav-image.is-not-white,
	.is-gallery:focus-visible .is-nav-image.is-not-white {
		opacity: 0;
	}

	.is-news-events:hover,
	.is-news-events:focus-visible {
		color: #fff;
		background-color: #159e9c;
		transform: translateX(-20px);
	}

	.is-news-events:hover .is-nav-image.is-not-white,
	.is-news-events:focus-visible .is-nav-image.is-not-white {
		opacity: 0;
	}
}

.is-home {
	z-index: 106;
	width: 100px;
	color: #a9861c;
	background-color: #eee6cf;
	text-decoration: none;
	display: flex;
	position: absolute;
	left: 480px;
}

.is-home.is-neg80 {
	margin-left: -80px;
}

.div-block {
	width: 28px;
	height: 28px;
	overflow: hidden;
}

.div-block.is-in-proj {
	mix-blend-mode: difference;
	position: absolute;
	top: 20px;
	right: 20px;
}

.is-nav-image {
	position: absolute;
}

.main-container {
	width: 100vw;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}

.nav-container {
	width: 480px;
	position: relative;
}

.content-container {
	grid-column-gap: 200px;
	grid-row-gap: 200px;
	flex-direction: column;
	flex: 1;
	align-items: center;
	padding: 10.25vh 80px;
	display: flex;
}

.block {
	width: 100%;
	max-width: 960px;
	grid-column-gap: 48px;
	grid-row-gap: 48px;
	align-items: center;
	display: flex;
}

.block.is-vert {
	flex-direction: column;
	align-items: stretch;
}

.block.is-vert.is-tes {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
}

.block.is-proj {
	cursor: auto;
	justify-content: space-between;
	align-items: flex-start;
}

.block.is-footer {
	border-top: 2px solid #eee6cf;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 24px;
}

.block.is-footer.is-inabout {
	border-top-color: #e6f0fe;
}

.block.is-footer.is-inproj {
	border-top-color: #fef1e6;
}

.block.is-footer.is-inpublication {
	border-top-color: #f1faea;
}

.block.is-footer.is-inteaching {
	border-top-color: #fde7e7;
}

.block.is-footer.is-ingallery {
	border-top-color: #f2ebfb;
}

.block.is-footer.is-innews-events {
	border-top-color: #e7f6f5;
}

.block.is-landing {
	border-radius: 4px;
}

.block.is-section {
	background-color: #f7f5ed;
	border-radius: 4px;
	justify-content: flex-start;
	padding: 24px 48px;
	position: relative;
	overflow: hidden;
}

.is-button {
	text-decoration: none;
}

.is-button.is-styled {
	color: #4d4d4d;
	cursor: pointer;
	border-left: 2px solid #eee6cf;
	align-self: flex-start;
	display: flex;
}

.is-button.is-styled.is-in-about {
	border-left-color: #e6f0fe;
}

.is-button.is-styled.is-proj-over {
	border-left-color: #fef1e6;
}

.div-block-2 {
	grid-column-gap: 4px;
	grid-row-gap: 4px;
	background-color: rgba(0, 0, 0, 0);
	justify-content: flex-start;
	padding: 8px 12px;
	display: flex;
	position: relative;
}

.div-block-2.is-tab {
	grid-column-gap: 8px;
	grid-row-gap: 8px;
	border-left: 2px solid #000;
}

.div-block-2.is-tab.isproj {
	grid-column-gap: 4px;
	grid-row-gap: 4px;
	border-left-color: #fef1e6;
	justify-content: flex-start;
	align-items: flex-start;
}

.div-block-2.is-tab.isproj.w--current {
	color: #f09d57;
	background-color: #fef1e6;
}

.div-block-2.is-tab.ispub {
	border-left-color: #f1faea;
}

.div-block-2.is-tab.ispub.w--current {
	color: #6caa1e;
	background-color: #f1faea;
	border-left-color: #f1faea;
}

.div-block-2.is-tab.isteach {
	border-left-color: #fde7e7;
}

.div-block-2.is-tab.isteach.w--current {
	color: #f37a7a;
	background-color: #fde7e7;
}

.div-block-2.is-tab.isnews {
	border-left-color: #e7f6f5;
}

.div-block-2.is-tab.isnews.w--current {
	color: #159e9c;
	background-color: #e7f6f5;
	border-left-color: #e7f6f5;
}

.div-block-2.is-proj-overlay {
	background-color: #fef1e6;
}

.div-block-3 {
	width: 26.875vw;
	max-width: 387px;
	flex: none;
}

.is24-vert {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	perspective: 1000px;
	flex-direction: column;
	align-items: stretch;
	display: flex;
	transform: perspective(1437px);
}

.is24-vert.is-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 10.25vh;
}

.is24-vert.is-hori {
	flex-direction: row;
}

.is24-vert.is-hori.is-stud {
	border-bottom: 2px solid #fde7e7;
	padding-bottom: 24px;
}

.is24-vert.is-hori.is-stud.is-in-proj {
	border-bottom-color: #fef1e6;
}

.is12-vert {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: column;
	align-items: flex-start;
	display: flex;
}

.is12-vert.is-testi {
	border-bottom: 2px solid #eee6cf;
	padding-top: 24px;
	padding-bottom: 12px;
}

.is12-vert.is-tab {
	align-items: stretch;
	position: -webkit-sticky;
	position: sticky;
	top: 10.25vh;
}

.is12-vert.ishori {
	flex-direction: row;
}

.button-bg {
	z-index: -1;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
}

.button-bg.is-in-home {
	background-color: #eee6cf;
}

.button-bg.is-in-about {
	background-color: #e6f0fe;
}

.button-bg.is-in-proj {
	background-color: #fef1e6;
}

.hover-img {
	filter: saturate(0%);
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hover-img:hover {
	filter: saturate();
}

.hori {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	display: flex;
}

.is-pub-card {
	max-width: 80%;
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	border: 2px solid #eee6cf;
	border-radius: 12px;
	align-self: flex-start;
	padding-right: 12px;
	display: flex;
	transform: rotate(0);
}

.is-pub-card.is-1 {
	transform: rotate(0.7deg);
}

.is-pub-card.is-2 {
	min-height: 80px;
	align-self: flex-end;
	transform: rotate(-0.88deg);
}

.is-pub-card.is-3 {
	transform: rotate(0.6deg);
}

.in-pub {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: row;
	align-items: center;
	padding: 6px 12px;
	display: flex;
}

.tail {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	border-left: 2px solid #eee6cf;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0 0 0 12px;
	display: flex;
}

.is-year {
	height: 30px;
	color: #4d4d4d;
	transform: rotate(-90deg);
}

.is-home-pub {
	color: #4d4d4d;
	text-decoration: none;
}

.is-pub-text {
	align-self: flex-start;
	font-style: italic;
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.is-pub-text:hover {
	text-decoration: underline;
}

.is-pub-text.is-in-proj:hover {
	text-decoration: none;
}

.proj-vert {
	max-width: 468px;
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	flex-direction: column;
	flex: 1;
	display: flex;
}

.proj-card {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	filter: saturate(0%);
	flex-direction: column;
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	display: flex;
}

.proj-card:hover {
	filter: saturate();
	color: #0e0e0e;
}

.block.is-gallery-page {
	align-items: stretch;
}

.is-gallery-grid {
	grid-column-gap: 24px;
	grid-row-gap: 36px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
}

.gallery-card {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	color: #4d4d4d;
	flex-direction: column;
	text-decoration: none;
	display: flex;
}

.gallery-card-button {
	width: 100%;
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	color: inherit;
	text-align: left;
	background-color: transparent;
	border: 0;
	flex-direction: column;
	padding: 0;
	font: inherit;
	display: flex;
	cursor: pointer;
}

.gallery-image-wrap {
	aspect-ratio: 4 / 3;
	background-color: #f2ebfb;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}

.gallery-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0%);
	display: block;
	transition: filter 0.2s ease;
}

.gallery-card:hover .gallery-image {
	filter: saturate(100%);
}

.gallery-count {
	color: #4d4d4d;
	background-color: #f2ebfb;
	border-radius: 4px;
	padding: 6px 10px;
	font-family: Inter, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	position: absolute;
	right: 12px;
	bottom: 12px;
}

.gallery-modal {
	z-index: 300;
	width: 100vw;
	height: 100vh;
	justify-content: center;
	align-items: center;
	padding: 40px;
	display: none;
	position: fixed;
	inset: 0%;
}

.gallery-modal.is-open {
	display: flex;
}

.gallery-modal-backdrop {
	width: 100%;
	height: 100%;
	background-color: rgba(14, 14, 14, 0.68);
	border: 0;
	padding: 0;
	position: absolute;
	inset: 0%;
}

.gallery-modal-panel {
	width: min(960px, 100%);
	max-height: calc(100vh - 80px);
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	background-color: #fff;
	border-radius: 4px;
	flex-direction: column;
	padding: 24px;
	display: flex;
	position: relative;
	overflow: hidden;
}

.gallery-modal-top {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	justify-content: space-between;
	align-items: flex-start;
	display: flex;
}

.gallery-modal-close,
.gallery-modal-arrow {
	width: 52px;
	height: 52px;
	background-color: #f2ebfb;
	border: 0;
	border-radius: 4px;
	flex: none;
	justify-content: center;
	align-items: center;
	padding: 14px;
	display: flex;
	cursor: pointer;
}

.gallery-modal-close:hover,
.gallery-modal-arrow:hover {
	background-color: #e8dcf7;
}

.gallery-modal-stage {
	min-height: 0;
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.gallery-modal-image-wrap {
	width: 100%;
	height: min(62vh, 620px);
	background-color: #f2ebfb;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}

.gallery-modal-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: none;
}

.gallery-modal-image.is-active {
	display: block;
}

.gallery-modal-prev img {
	transform: rotate(-90deg);
}

.gallery-modal-next img {
	transform: rotate(90deg);
}

.gallery-modal-arrow.is-disabled {
	opacity: 0.35;
	cursor: default;
}

.gallery-counter {
	color: #8a63d2;
}

.block.is-news-events-page {
	align-items: stretch;
}

.news-event-list {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	flex-direction: column;
	display: flex;
}

.news-event-item {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	border-left: 2px solid #e7f6f5;
	align-items: flex-start;
	padding-left: 24px;
	display: flex;
}

.news-event-thumb {
	width: 220px;
	aspect-ratio: 4 / 3;
	background-color: #e7f6f5;
	border-radius: 4px;
	flex: none;
	overflow: hidden;
}

.news-event-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0%);
	display: block;
	transition: filter 0.2s ease;
}

.news-event-item:hover .news-event-thumb img {
	filter: saturate(100%);
}

.news-event-content {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: column;
	align-items: flex-start;
	display: flex;
}

.news-event-meta {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.news-event-type {
	color: #159e9c;
	background-color: #e7f6f5;
	border-radius: 4px;
	padding: 4px 8px;
	font-family: Inter, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
}

.text.is-news-event-date {
	color: #159e9c;
}

.is-signage.is-in-news-events {
	color: #159e9c;
}

.is-italic {
	font-style: italic;
}

.hover-div {
	height: 364px;
	filter: none;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 12px;
	flex-direction: column;
	flex: none;
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	display: flex;
	position: relative;
	overflow: hidden;
}

.hover-div:hover {
	filter: saturate();
}

.hover-div.is-stud {
	width: 10vw;
	height: 12vw;
	max-height: 192px;
	max-width: 160px;
	min-height: 144px;
	min-width: 120px;
	filter: saturate(0%);
	background-image: none;
	justify-content: center;
	align-items: center;
	display: flex;
	overflow: hidden;
}

.hover-div.is-stud:hover {
	filter: saturate();
}

.hover-div.islight {
	width: 66vw;
	height: 49vw;
	max-height: 714px;
	max-width: 960px;
	filter: none;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 4px;
	justify-content: center;
	align-self: stretch;
	align-items: center;
	transition-property: filter;
	display: flex;
}

.hover-div.islight:hover {
	filter: saturate();
}

.is-proj {
	color: #4d4d4d;
	cursor: pointer;
	text-decoration: none;
}

.is-proj:hover {
	color: #0e0e0e;
}

.is-proj.is-in-grid {
	margin-top: 0;
	margin-bottom: 48px;
}

.is-testimonial {
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-flow: row dense;
	display: grid;
}

.is-testimonial.is-proj-grid {
	flex: 1;
	grid-template-columns: 1fr 1fr;
}

.is-testimonial.is-pub-grid {
	grid-template-columns: 1fr;
}

.is-testi-name {
	color: #a9861c;
}

.is-signage {
	color: #0e0e0e;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
	line-height: 30px;
}

.is-signage.is-project-txt {
	color: #f09d57;
}

.is-signage.is-in-pub {
	color: #6caa1e;
}

.is-signage.is-in-teaching {
	color: #f37a7a;
}

.is-signage.is-in-gallery {
	color: #8a63d2;
}

.is-footer-block {
	grid-column-gap: 80px;
	grid-row-gap: 80px;
	color: #4d4d4d;
	justify-content: flex-end;
	align-items: flex-start;
	padding-right: 48px;
	display: flex;
}

.is-footer-text {
	color: #4d4d4d;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
}

.is-footer-text:hover {
	color: #0e0e0e;
}

.tabs-content {
	flex: 1;
	margin-left: 80px;
}

.is-rand {
	width: 20px;
	height: 20px;
}

.is-tab-img {
	opacity: 0.7;
}

.is-48 {
	align-items: flex-start;
	display: flex;
}

.is-pub-main {
	grid-column-gap: 4px;
	grid-row-gap: 4px;
	border-bottom: 2px solid #f1faea;
	flex-direction: column;
	align-items: stretch;
	padding-bottom: 12px;
	display: flex;
}

.is-pub-main.is-stud {
	border-bottom: 0 rgba(0, 0, 0, 0);
	flex: 1;
	padding-bottom: 0;
}

.is-pub-main.is-course {
	/* height: 220px; */
	border-top: 2px solid #fde7e7;
	border-bottom-style: none;
	flex-direction: column;
	justify-content: space-between;
	align-self: stretch;
	padding-top: 12px;
	padding-bottom: 0;
	position: relative;
}

.div-block-4 {
	width: 10vw;
	height: 10vw;
	min-height: 100px;
	min-width: 100px;
	opacity: 0.2;
	filter: saturate(0%);
	position: absolute;
	top: auto;
	bottom: 0%;
	left: auto;
	right: 0%;
}

.is-4 {
	grid-column-gap: 4px;
	grid-row-gap: 4px;
	flex-direction: column;
	align-items: flex-start;
	display: flex;
}

.image-2 {
	position: absolute;
	top: auto;
	bottom: 0%;
	left: auto;
	right: 0%;
}

.isproj-overlay {
	z-index: 201;
	width: 100vw;
	height: 90vh;
	object-fit: fill;
	background-color: #fff;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	padding: 80px;
	display: flex;
	position: fixed;
	top: auto;
	bottom: 0%;
	left: 0%;
	right: 0%;
	overflow: scroll;
}

.isproj-wrapper {
	z-index: 200;
	width: 100vw;
	height: 100vh;
	cursor: default;
	background-color: rgba(14, 14, 14, 0.4);
	display: none;
	position: fixed;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	overflow: hidden;
}

.isproj-inner {
	max-width: 1100px;
	flex: 1;
	justify-content: space-between;
	display: flex;
}

.is-projheader {
	font-style: italic;
}

.is-proj-control {
	width: 64px;
	height: 64px;
	opacity: 0.6;
	cursor: pointer;
	background-color: #eee6cf;
	border-radius: 4px;
	justify-content: center;
	align-self: flex-start;
	align-items: center;
	padding: 20px;
	display: flex;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.is-proj-control:hover {
	opacity: 1;
}

.is-proj-control.isleft {
	opacity: 1;
	align-self: center;
	position: relative;
	top: auto;
	transform: rotate(-90deg);
}

.is-proj-control.isright {
	opacity: 1;
	align-self: auto;
	position: relative;
	top: auto;
	transform: rotate(90deg);
}

.is-proj-control.is-proj {
	background-color: #fef1e6;
}

.is-proj-control.is-proj.is-mobile,
.is-proj-control.is-mob {
	display: none;
}

.link-block-2 {
	align-self: flex-start;
}

.lightbox-link {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	justify-content: space-between;
	align-items: center;
	display: flex;
}

.is-large {
	width: 56vw;
	height: 42vw;
	display: flex;
}

.is-small-photo {
	width: 130px;
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: column;
	justify-content: center;
	align-self: stretch;
	display: flex;
}

.is-small {
	width: 130px;
	height: 82px;
	display: flex;
}

.is-proj-photo {
	max-height: 42vw;
	max-width: 56vw;
	align-self: stretch;
}

.is-proj-photo.is-in-small {
	max-height: none;
	max-width: none;
}

.slider {
	width: 66vw;
	height: 49vw;
	max-height: 714px;
	max-width: 960px;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 4px;
	align-self: center;
}

.left-arrow {
	justify-content: flex-end;
	align-items: center;
	display: flex;
}

.right-arrow {
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.slide-nav {
	display: none;
}

.is-ov-home {
	max-height: 714px;
	max-width: 960px;
}

.image-3 {
	max-height: 100%;
}

.proj-thumb {
	background-image: url("../images/Thumbnail-3.png");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
}

.image-4 {
	height: 364px;
	max-height: 100%;
	object-fit: cover;
	align-self: stretch;
}

.no-scroll {
	overflow: hidden;
}

.is-proj-carousel {
	width: 64px;
	height: 64px;
	opacity: 1;
	cursor: pointer;
	background-color: #eee6cf;
	border-radius: 4px;
	justify-content: center;
	align-self: center;
	align-items: center;
	padding: 20px;
	display: flex;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	transform: rotate(-90deg);
}

.is-proj-carousel:hover {
	opacity: 1;
}

.is-proj-carousel.isleft {
	opacity: 1;
	align-self: center;
	position: relative;
	top: auto;
	transform: rotate(-90deg);
}

.is-proj-carousel.isright {
	opacity: 1;
	align-self: auto;
	position: relative;
	top: auto;
	transform: rotate(90deg);
}

.is-proj-carousel.is-proj {
	background-color: #fef1e6;
}

.is-proj-carousel.is-right {
	transform: rotate(90deg);
}

.is-mobile-nav {
	width: 52px;
	height: 52px;
	border-radius: 52px;
	padding: 12px;
}

.is-mobile-nav.is-in-home {
	background-color: #eee6cf;
	border-radius: 4px;
	padding: 14px;
	display: block;
}

.is-mobile-nav.is-in-about,
.is-mobile-nav.is-in-projpage,
.is-mobile-nav.is-in-pubb,
.is-mobile-nav.is-in-teach,
.is-mobile-nav.is-in-gallery,
.is-mobile-nav.is-in-news-events {
	background-color: #eee6cf;
	border-radius: 4px;
	padding: 14px;
}

.div-block-5 {
	position: relative;
}

.nav-desktop {
	width: 480px;
	height: 100vh;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	flex-direction: row;
	justify-content: space-between;
	display: inline-block;
	position: fixed;
	top: 0%;
	bottom: 0%;
	left: auto;
	right: 0%;
	overflow: visible;
}

.is-special {
	color: #0e0e0e;
}

.image-5 {
	margin-top: 50px;
	align-self: center;
	position: absolute;
	right: 0%;
}

.is-tohome,
.is-tohome.w--current {
	color: #0e0e0e;
	text-decoration: none;
}

@media screen and (max-width: 991px) {
	h1 {
		font-size: 38px;
		line-height: 48px;
	}

	h2 {
		font-size: 28px;
		line-height: 34px;
	}

	h3 {
		font-size: 24px;
		line-height: 28px;
	}

	h4 {
		font-size: 16px;
		line-height: 26px;
	}

	h5 {
		font-size: 18px;
		line-height: 28px;
	}

	.text {
		font-size: 16px;
		line-height: 26px;
	}

	.text.is-half {
		max-width: 420px;
	}

	.text.is-in-landing {
		width: auto;
	}

	.nav {
		width: 100vw;
		height: 100dvh;
		background-color: #fff;
		flex-direction: column;
		justify-content: flex-end;
		display: none;
	}

	.nav-ele {
		width: 100vw;
		height: 16vh;
		flex-direction: row;
		align-items: center;
		padding-right: 24px;
		position: relative;
	}

	.nav-text {
		width: auto;
		transform: rotate(0);
	}

	.is-about {
		width: auto;
		position: relative;
	}

	.is-publication,
	.is-project,
	.is-teaching,
	.is-gallery,
	.is-news-events,
	.is-home {
		width: auto;
		position: relative;
		left: 0;
	}

	.main-container {
		flex-direction: column;
	}

	.nav-container {
		width: 100%;
		z-index: 10;
	}

	.content-container {
		min-height: 100vh;
		grid-column-gap: 120px;
		grid-row-gap: 120px;
		justify-content: space-between;
		padding: 40px;
	}

	.block {
		max-width: none;
	}

	.block.is-landing {
		height: auto;
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		flex-direction: row;
		align-items: center;
	}

	.block.is-section {
		padding: 12px 24px;
	}

	.div-block-3 {
		width: 40vw;
		max-width: none;
		border-radius: 4px;
		overflow: hidden;
	}

	.is-pub-card.is-2 {
		min-height: 70px;
	}

	.proj-vert {
		width: 50vw;
		max-width: none;
		flex: none;
	}

	.is-footer-block {
		padding-right: 0;
	}

	.is-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.news-event-item {
		flex-direction: column;
	}

	.news-event-thumb {
		width: 100%;
	}

	.is-mobile-nav.is-in-home {
		cursor: pointer;
		position: fixed;
		top: 40px;
		right: 40px;
	}

	.is-mobile-nav.is-in-about {
		cursor: pointer;
		background-color: #e6f0fe;
		position: fixed;
		top: 40px;
		right: 40px;
	}

	.is-mobile-nav.is-in-projpage {
		cursor: pointer;
		background-color: #fef1e6;
		position: fixed;
		top: 40px;
		right: 40px;
	}

	.is-mobile-nav.is-in-pubb {
		cursor: pointer;
		background-color: #f1faea;
		position: fixed;
		top: 40px;
		right: 40px;
	}

	.is-mobile-nav.is-in-teach {
		cursor: pointer;
		background-color: #fde7e7;
		position: fixed;
		top: 40px;
		right: 40px;
	}

	.is-mobile-nav.is-in-gallery {
		cursor: pointer;
		background-color: #f2ebfb;
		position: fixed;
		top: 40px;
		right: 40px;
	}

	.is-mobile-nav.is-in-news-events {
		cursor: pointer;
		background-color: #e7f6f5;
		position: fixed;
		top: 40px;
		right: 40px;
	}

	.is-icon-stash {
		width: 24px;
		height: 24px;
		overflow: hidden;
	}

	.nav-desktop {
		width: 100vw;
		height: 100dvh;
		background-color: #fff;
		flex-direction: column;
		justify-content: flex-end;
		display: none;
	}

	.image-5 {
		opacity: 0.8;
	}
}

@media screen and (max-width: 767px) {
	.text {
		font-size: 14px;
		line-height: 22px;
	}

	.content-container {
		padding: 12px;
	}

	.is-mobile-nav.is-in-home,
	.is-mobile-nav.is-in-about,
	.is-mobile-nav.is-in-projpage,
	.is-mobile-nav.is-in-pubb,
	.is-mobile-nav.is-in-teach,
	.is-mobile-nav.is-in-gallery,
	.is-mobile-nav.is-in-news-events {
		top: 12px;
		right: 12px;
	}

	.gallery-modal {
		padding: 12px;
	}

	.gallery-modal-panel {
		max-height: calc(100vh - 24px);
		padding: 16px;
	}

	.gallery-modal-stage {
		grid-column-gap: 8px;
		grid-row-gap: 8px;
	}

	.gallery-modal-close,
	.gallery-modal-arrow {
		width: 42px;
		height: 42px;
		padding: 9px;
	}
}

@media screen and (max-width: 479px) {
	h1 {
		font-size: 32px;
		line-height: 42px;
	}

	.text.is-long {
		max-width: none;
		padding-left: 0;
	}

	.text.is-half {
		max-width: none;
	}

	.text.is-intab {
		font-size: 14px;
	}

	.text.is-in-landing {
		width: auto;
	}

	.nav {
		justify-content: flex-start;
		display: none;
	}

	.content-container {
		grid-column-gap: 80px;
		grid-row-gap: 80px;
		margin-top: 0;
		padding: 24px;
	}

	.block {
		flex-direction: column;
	}

	.block.is-vert.is-tes {
		align-items: flex-start;
	}

	.block.is-proj {
		flex-direction: column;
	}

	.block.is-footer {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		flex-direction: column;
		align-items: flex-start;
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.block.is-landing {
		height: auto;
		flex-direction: column;
	}

	.div-block-2.is-tab.isproj {
		border-left-style: none;
		border-radius: 100px;
		flex: 1;
		justify-content: center;
		padding-left: 24px;
		padding-right: 8px;
	}

	.div-block-2.is-tab.isproj.w--current {
		border-left-style: none;
		border-left-width: 0;
		border-radius: 100px;
		padding-right: 8px;
	}

	.div-block-2.is-tab.ispub {
		border-left-style: none;
		border-radius: 100px;
		justify-content: center;
		align-items: flex-start;
		padding-left: 16px;
		padding-right: 4px;
	}

	.div-block-2.is-tab.isteach {
		border-left-style: none;
		border-radius: 100px;
		justify-content: center;
		padding-left: 24px;
		padding-right: 8px;
	}

	.div-block-2.is-tab.isnews {
		border-left-style: none;
		border-radius: 100px;
		justify-content: center;
		padding-left: 16px;
		padding-right: 4px;
	}

	.div-block-3 {
		width: 100%;
		border-radius: 4px;
		overflow: hidden;
	}

	.is24-vert.is-sticky {
		position: relative;
		top: 0;
	}

	.is24-vert.is-hori.is-stud.is-in-proj {
		flex-direction: row;
	}

	.is12-vert.is-tab {
		z-index: 5;
		grid-column-gap: 12px;
		grid-row-gap: 12px;
		background-color: #fff;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		flex-flow: wrap;
		grid-template-rows: auto auto;
		grid-template-columns: 1fr 1fr;
		grid-auto-columns: 1fr;
		justify-content: space-between;
		align-self: stretch;
		align-items: flex-start;
		padding: 12px 4px;
		display: grid;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		overflow: visible;
	}

	.is12-vert.ishori {
		grid-column-gap: 2px;
		grid-row-gap: 2px;
		flex-direction: column;
	}

	.is12-vert.is-infooter {
		flex-flow: column;
		justify-content: center;
	}

	.hori.is-landing-pub {
		flex-direction: column;
	}

	.is-pub-card.is-1 {
		max-width: none;
		align-self: stretch;
		transform: none;
	}

	.is-pub-card.is-2 {
		max-width: none;
		align-self: auto;
		transform: none;
	}

	.is-pub-card.is-3 {
		max-width: none;
		transform: none;
	}

	.proj-vert {
		width: 100%;
	}

	.hover-div.islight {
		width: 85.8vw;
		height: 63.7vw;
	}

	.is-testimonial {
		grid-template-columns: 1fr;
	}

	.is-testimonial.is-proj-grid {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		grid-template-columns: 1fr;
		margin-top: 24px;
	}

	.is-testimonial.is-pub-grid {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		margin-top: 24px;
	}

	.is-gallery-grid {
		grid-template-columns: 1fr;
	}

	.gallery-modal-top {
		grid-column-gap: 12px;
		grid-row-gap: 12px;
	}

	.gallery-modal-image-wrap {
		height: 54vh;
	}

	.is-footer-block {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		flex-flow: wrap;
		grid-template-rows: auto auto;
		grid-template-columns: 1fr 1fr;
		grid-auto-columns: 1fr;
		grid-auto-flow: row dense;
		justify-content: space-between;
		align-self: stretch;
		align-items: flex-start;
		justify-items: stretch;
		display: grid;
	}

	.tabs-content {
		margin-left: 0;
	}

	.is-48 {
		flex-direction: column;
	}

	.is-pub-main.is-course {
		height: auto;
	}

	.is-4 {
		margin-top: 24px;
	}

	.is-4.is-course {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
	}

	.isproj-overlay {
		height: 94vh;
		border-radius: 0;
		padding: 36px 24px 24px;
	}

	.isproj-wrapper {
		display: none;
	}

	.isproj-inner {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		flex-direction: column-reverse;
		align-items: center;
	}

	.is-proj-control {
		z-index: 202;
		width: 64px;
		opacity: 1;
		align-self: center;
		position: absolute;
		top: auto;
	}

	.is-proj-control.is-proj.is-main {
		display: none;
	}

	.is-proj-control.is-proj.is-mobile {
		width: 42px;
		height: 42px;
		padding: 9px;
		display: block;
		position: fixed;
		top: 24px;
		bottom: auto;
		left: auto;
		right: 24px;
	}

	.is-proj-control.is-mob {
		width: 42px;
		height: 42px;
		padding: 9px;
		display: block;
		position: fixed;
		top: 24px;
		right: 24px;
	}

	.is-proj-control.is-main {
		display: none;
	}

	.slider {
		width: 85.8vw;
		height: 63.7vw;
	}

	.left-arrow {
		width: 42px;
	}

	.right-arrow {
		width: 42px;
		height: 42px;
	}

	.is-proj-carousel {
		width: 42px;
		height: 42px;
		padding: 8px;
	}

	.is-mobile-nav {
		display: block;
		position: fixed;
		bottom: 24px;
		right: 24px;
		box-shadow: 0 0 8px 1px rgba(14, 14, 14, 0.2);
	}

	.is-mobile-nav.is-in-home {
		width: 42px;
		height: 42px;
		padding: 9px;
		top: auto;
		bottom: 24px;
		right: 24px;
	}

	.is-mobile-nav.is-in-about,
	.is-mobile-nav.is-in-projpage,
	.is-mobile-nav.is-in-pubb,
	.is-mobile-nav.is-in-teach,
	.is-mobile-nav.is-in-gallery,
	.is-mobile-nav.is-in-news-events {
		width: 42px;
		height: 42px;
		padding: 9px;
		top: auto;
		right: 24px;
	}

	.is-mob-close {
		z-index: 202;
		width: auto;
		justify-content: center;
		align-items: center;
		display: flex;
		position: fixed;
		top: 24px;
		right: 24px;
	}

	.heading {
		font-size: 32px;
		line-height: 40px;
	}

	.image-5 {
		max-height: 100%;
		max-width: none;
		opacity: 0.6;
		align-self: auto;
		margin-right: -100px;
		position: absolute;
		top: 0%;
		bottom: 0%;
		left: auto;
		right: 0%;
		margin-top: 0;
	}
}

#w-node-d0f2777c-e1ed-6fbb-834e-dfe181d51a49-aab59e20,
#w-node-_61369937-a55a-7cfc-0958-d301026929be-aab59e20,
#w-node-bd275d64-840c-e03b-bb68-3c2f3e7b6f9b-aab59e20,
#w-node-_31119cc1-afba-48d8-2782-539556c16673-aab59e20,
#w-node-_47e37e63-2ea6-594b-c5ae-d7c68bb61d9a-aab59e20,
#w-node-d1ecc49a-8359-8caf-4a17-c889b508809f-34ef3412,
#w-node-d1ecc49a-8359-8caf-4a17-c889b50880a2-34ef3412,
#w-node-_814dd900-8aba-5e9d-c423-42d83efad12d-34ef3412,
#w-node-f9e3c7ec-f836-f074-e706-7b688728d29d-34ef3412,
#w-node-f9e3c7ec-f836-f074-e706-7b688728d2a0-34ef3412,
#w-node-f9e3c7ec-f836-f074-e706-7b688728d2a1-34ef3412,
#w-node-f2231b23-cc97-f038-39e2-82966f6b67a0-34ef3412,
#w-node-f2231b23-cc97-f038-39e2-82966f6b67a3-34ef3412,
#w-node-f2231b23-cc97-f038-39e2-82966f6b67a4-34ef3412,
#w-node-f2231b23-cc97-f038-39e2-82966f6b67ab-34ef3412,
#w-node-f2231b23-cc97-f038-39e2-82966f6b67ae-34ef3412,
#w-node-f2231b23-cc97-f038-39e2-82966f6b67af-34ef3412,
#w-node-b44fdd62-6f3b-cc00-b33a-b0a471eed021-34ef3412,
#w-node-b44fdd62-6f3b-cc00-b33a-b0a471eed024-34ef3412,
#w-node-b44fdd62-6f3b-cc00-b33a-b0a471eed025-34ef3412,
#w-node-d0068f59-b1fa-502b-0f23-b595a0c16120-34ef3412,
#w-node-d0068f59-b1fa-502b-0f23-b595a0c16123-34ef3412,
#w-node-d0068f59-b1fa-502b-0f23-b595a0c16124-34ef3412,
#w-node-_56a0a300-6fe5-64a9-a81e-47cce2f63f24-a0717f89,
#w-node-eade990e-2972-19f7-2691-d4963d0734fe-a0717f89,
#w-node-_1a5f604f-f526-f04c-9ede-0c31023d8a96-a0717f89,
#w-node-_2dfe987a-e730-9a57-f949-159dbe745c01-a0717f89,
#w-node-_31b0185a-7663-42d4-3cad-4309a17821e5-a0717f89,
#w-node-_3a5c4d5b-02ab-58e8-16a4-b73ecd48d3cb-a0717f89,
#w-node-_3a5c4d5b-02ab-58e8-16a4-b73ecd48d3d5-a0717f89,
#w-node-_3a5c4d5b-02ab-58e8-16a4-b73ecd48d3df-a0717f89,
#w-node-d457a2fb-807d-e0bd-bb98-50354f50ce2e-a0717f89,
#w-node-f37d696a-b552-3dd5-d819-b70694180b53-a0717f89,
#w-node-f37d696a-b552-3dd5-d819-b70694180b5d-a0717f89,
#w-node-_9a8ae9c2-3375-501c-eee1-07dcfd8bda93-a0717f89,
#w-node-f5a8726f-d995-e7c5-9a8e-98bb26591602-a0717f89,
#w-node-f5a8726f-d995-e7c5-9a8e-98bb26591616-a0717f89,
#w-node-_23dda019-a6a1-076f-1a6c-2f39643914f6-10c25057,
#w-node-_6d44968e-3c39-f9e8-0ba6-865507617125-10c25057,
#w-node-bd074b22-d69b-8f69-755d-229ee2a8a0a8-10c25057,
#w-node-bd074b22-d69b-8f69-755d-229ee2a8a0ab-10c25057,
#w-node-_01f82a36-c740-fcb2-cae0-b8ca14e68324-10c25057,
#w-node-_01f82a36-c740-fcb2-cae0-b8ca14e68327-10c25057,
#w-node-_4ee7ab22-4436-0787-fc66-e86046408df8-10c25057,
#w-node-_4ee7ab22-4436-0787-fc66-e86046408dfb-10c25057,
#w-node-_01f82a36-c740-fcb2-cae0-b8ca14e6832f-10c25057,
#w-node-_01f82a36-c740-fcb2-cae0-b8ca14e68332-10c25057,
#w-node-_06288f02-3597-2c22-e16c-e57ca1c57e41-10c25057,
#w-node-_06288f02-3597-2c22-e16c-e57ca1c57e44-10c25057 {
	grid-area: span 1 / span 1 / span 1 / span 1;
}