body.odworks-project {
	margin: 0;
	background: var(--odw-bg);
	color: var(--odw-ink);
	font-family: var(--odw-font);
	font-weight: 400;
	letter-spacing: 0.005em;
	overflow-x: hidden;
}

body.odworks-project a {
	color: inherit;
	text-decoration: none;
}

.odwpd-hero {
	padding: 64px 6vw 34px;
	border-bottom: 1px solid var(--odw-line);
}

.odwpd-eyebrow {
	font-size: 8px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #57534d;
	margin-bottom: 16px;
}

.odwpd-hero h1 {
	margin: 0;
	font-size: clamp(42px, 5.6vw, 84px);
	font-weight: 300;
	letter-spacing: -0.05em;
	line-height: 0.94;
	word-break: keep-all;
}

.odwpd-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 36px;
	margin: 22px 0 0;
}

.odwpd-meta div {
	margin: 0;
}

.odwpd-meta dt {
	font-size: 8px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #858179;
	margin: 0 0 5px;
}

.odwpd-meta dd {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
	color: #4e4a44;
	word-break: keep-all;
}

.odwpd-photos {
	--odwpd-gap: 56px;
	padding: 48px 6vw 40px;
}

.odwpd-photo {
	margin: 0 0 var(--odwpd-gap);
}

.odwpd-photo:last-child {
	margin-bottom: 0;
}

.odwpd-photos.is-linear .odwpd-photo {
	width: 100%;
}

.odwpd-photo img {
	width: 100%;
	height: auto;
	display: block;
	transform: translate3d(0, 48px, 0) scale(1.03);
	transition: transform 1.15s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.9s ease;
	will-change: transform;
}

.odwpd-photo.odw-reveal.show img {
	transform: none;
}

.odwpd-photos.is-rhythm .odwpd-photo:nth-child(6n + 1) {
	width: 86%;
	margin-left: 0;
}

.odwpd-photos.is-rhythm .odwpd-photo:nth-child(6n + 2) {
	width: 62%;
	margin-left: 20%;
}

.odwpd-photos.is-rhythm .odwpd-photo:nth-child(6n + 3) {
	width: 78%;
	margin-left: 8%;
}

.odwpd-photos.is-rhythm .odwpd-photo:nth-child(6n + 4) {
	width: 54%;
	margin-left: 32%;
}

.odwpd-photos.is-rhythm .odwpd-photo:nth-child(6n + 5) {
	width: 88%;
	margin-left: 2%;
}

.odwpd-photos.is-rhythm .odwpd-photo:nth-child(6n + 6) {
	width: 58%;
	margin-left: 24%;
}

.odwpd-back {
	padding: 10px 6vw 70px;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.odwpd-back a {
	opacity: 0.55;
	transition: opacity 0.25s ease;
}

.odwpd-back a:hover {
	opacity: 1;
}

@media (max-width: 900px) {
	.odwpd-hero {
		padding: 72px 20px 28px;
	}

	.odwpd-photos {
		padding: 34px 20px 28px;
	}

	.odwpd-photo {
		margin-bottom: 40px;
	}

	.odwpd-photos.is-rhythm .odwpd-photo,
	.odwpd-photos.is-rhythm .odwpd-photo:nth-child(n) {
		width: 100%;
		margin-left: 0;
	}

	.odwpd-back {
		padding: 8px 20px 56px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.odwpd-hero.odw-reveal,
	.odwpd-photo.odw-reveal,
	.odwpd-photo img {
		opacity: 1;
		filter: none;
		transform: none;
		transition: none;
	}
}