body.odworks-works {
	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-works a {
	color: inherit;
	text-decoration: none;
}

.odww-header {
	padding: 64px 6vw 32px;
	border-bottom: 1px solid var(--odw-line);
}

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

.odww-header h1 {
	margin: 0;
	font-size: clamp(40px, 5.4vw, 78px);
	font-weight: 300;
	letter-spacing: -0.05em;
	line-height: 0.94;
}

.odww-title-line {
	display: block;
}

.odww-header p {
	margin: 18px 0 0;
	max-width: 500px;
	font-size: 11px;
	line-height: 1.7;
	color: #57534d;
	word-break: keep-all;
}

.odww-list {
	padding: 34px 6vw 88px;
	max-width: 1120px;
}

.odww-year {
	margin-bottom: 28px;
}

.odww-year h2 {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.02em;
	margin: 0 0 9px;
}

.odww-rows {
	border-top: 1px solid var(--odw-line);
}

.odww-row {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid rgba(215, 211, 201, 0.7);
	transition: background 0.2s ease, padding 0.2s ease;
}

a.odww-row:hover {
	background: rgba(0, 0, 0, 0.022);
	padding-left: 7px;
	padding-right: 7px;
}

.odww-cat {
	font-size: 11px;
	line-height: 1.4;
	color: #69655f;
	letter-spacing: 0.025em;
}

.odww-name {
	font-size: 12px;
	line-height: 1.45;
	color: #55514b;
}

.odww-row.highlight .odww-cat,
.odww-row.highlight .odww-name {
	color: #3e3a35;
}

.odww-row.highlight .odww-name {
	font-weight: 500;
}

@media (max-width: 900px) {
	.odww-header {
		padding: 36px 20px 28px;
	}

	.odww-list {
		padding: 25px 20px 68px;
	}

	.odww-row {
		grid-template-columns: 90px minmax(0, 1fr);
		gap: 12px;
	}

	.odww-cat {
		font-size: 10px;
	}

	.odww-name {
		font-size: 11px;
	}
}