.floating-contents-menu li.indent-h3 {
	padding-left: 0.75em;
	font-weight: 300;
	color: #757575;
}
/* Floating Contents Menu Styling */
.floating-contents-menu {
	position: fixed;
	top: 7em;
	right: 0;
	z-index: 1000;
	background: rgba(255,255,255,0.97);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	padding: 0.5em 0.6em;
	min-width: 100px;
	max-width: 250px;
	font-size: 1em;
	font-weight: 600;
	transition: box-shadow 0.2s;
}
.floating-contents-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.floating-contents-menu li {
	margin: 0.3em 0;
    border-radius: 4px;
}
.floating-contents-menu li.active {
	background: #c1d9ff;
}
.floating-contents-menu a {
	color: #515151;
	text-decoration: none;
	display: block;
	padding: 0.2em 0.5em;
}
.floating-contents-menu a:hover {
	text-decoration: underline;
}
/* Separator Line Styling */
.separator.line {
	width: 100%;
    max-width: 1000px;
	height: 0;
	border: none;
	border-top: 2px solid #e0e0e0;
	margin: 2em 0;
    margin-left: auto;
    margin-right: auto;
	background: none;
}
/* Responsive visibility for header images */
.project-images.mobile-header-image {
	display: none;
	margin-top: 0.8em;
}
.project-images.non-mobile {
	display: flex;
}

@media (max-width: 600px) {
	.project-images.non-mobile {
		display: none;
	}
    .project-images.mobile-header-image {
		display: block;
	}
}
/* Overview and People Block */
.overview-and-people {
	display: flex;
	gap: 2em;
}
.overview-and-people > .overview {
	flex: 7 1 0;
	min-width: 0;
}
.overview-and-people > .people {
	flex: 3 1 0;
	min-width: 0;
}

@media (max-width: 700px) {
	.overview-and-people {
		flex-direction: column;
		gap: 0;
	}
}
/* Project Page Building Blocks */

.project-block {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	line-height: 1.6;
	color: #444;
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.project-block.center-text {
    max-width: 800px;
}

@media (max-width: 600px) {
	.project-block {
		margin: 5px auto;
		border-radius: 0;
		box-shadow: none;
	}
}

.project-images {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	justify-content: space-between;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.project-block.large-image{
    max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.project-videos {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	justify-content: space-between;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.project-videos figure {
	flex: 1 1 300px;
    margin: 0;
	object-fit: cover;
    overflow: hidden;
}

.project-videos figcaption {
	margin-top: 0.3em;
	margin-bottom: 0.5em;
	font-size: 0.8em;
	color: #757575;
	text-align: center;
	line-height: 1.3;
}

/* Project Images Figure Styling */
.project-images figure {
	flex: 1 1 300px;
    margin: 0;
	object-fit: cover;
    overflow: hidden;
}
.project-images img {
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	overflow: hidden;
    border-radius: 6px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.07);
}

.project-images.no-ratio img{
	aspect-ratio: auto;
	height: auto;
}

.project-images.no-shadow img{
	box-shadow: none;
}
.project-images figcaption {
	margin-top: 0.3em;
	margin-bottom: 0.5em;
	font-size: 0.8em;
	color: #757575;
	text-align: center;
	line-height: 1.3;
}

@media (max-width: 600px) {
	.project-images {
		gap: 0.5em;
	}
	.project-images figure {
		max-width: 100%;
		flex-basis: 100%;
	}
	.project-videos {
		gap: 0.5em;
	}
	.project-videos figure {
		max-width: 100%;
		flex-basis: 100%;
	}
}

.quote {
  font-size: 1.35em;
  color: #555;
  font-style: italic;
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  line-height: 1.5;
}
.video-wrapper {
  aspect-ratio: 16 / 9;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  background: #000;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.video-wrapper iframe,
.video-wrapper .yt-api-player {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
}

video{
	border-radius: 6px;
}

.block-editor.selected{
  border: 2px solid #3a51fe;
}



@media (max-width: 1500px) {
	.project-block{
		margin-left: calc((100% - 1250px)/2);
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.project-block.large-image{
		margin-left: calc((100% - 1250px)/2);
	}
	.project-images.non-mobile {
		margin-left: calc((100% - 1250px)/2);
	}
	.project-block.center-text{
		margin-left: calc((100% - 1050px)/2);
	}
}

@media (max-width: 1300px) {
	.floating-contents-menu {
		display: none;
	}
	.project-block{
		margin: 0 auto;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.project-block.large-image{
		margin: 0 auto;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.project-images.non-mobile {
		margin: 0 auto;
	}
	.project-block.center-text{
		margin: 0 auto;
		margin-top: 1em;
		margin-bottom: 1em;
	}
}