*, :after, :before {
	box-sizing: border-box;
}

body {
	background-color: #f0f4fb;
	color: #000000;
	font-family: Arimo, Helvetica, Arial, sans-serif;
	font-size: 12pt;
    font-style: normal;
	font-weight: normal;
	/* height: 11in; */
	line-height: 16pt;
	margin: 0;
	min-height: auto !important;
	padding: 0 0 24px;
	text-rendering: optimizeLegibility;
	width: 8.5in;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

.header {
	align-items: center;
	background-color: #002a55;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	padding: 15px 28px;
}

.header img {
	height: 14px;
	width: 85px;
}

.header p {
	font-size: 16pt;
	font-weight: bold;
	padding: 0;
}

.break {
	page-break-after: always;
}

.project-wrap {
	/* border-bottom: 12px solid #0a85c9; */
	flex-grow: 1;
	font-size: 12pt;
	/* height: 11in; */
	line-height: 16pt;
	margin-top: 58px;
	padding: 30px 62px;
	page-break-after: always;
}

.project-wrap:has(.grid) {
	font-size: 10pt;
	line-height: 14pt;
	padding: 60px 30px 30px;
}

.project-wrap .grid {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
}

.project-wrap img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	margin-bottom: 24px;
	/* margin-top: 60px; */
	max-width: 100%;
	width: 100%;
}

.project-wrap .grid img {
	margin-bottom: 12px;
	margin-top: 30px;
}

.project-wrap :is(h1, h2) {
	color: #0a85c9;
	font-size: 13pt;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 4px;
}

.project-wrap .grid :is(h1, h2) {
	font-size: 11pt;
}

.project-wrap p {
	font-size: 12pt;
	line-height: 16pt;
}

.project-wrap .grid p {
	font-size: 10pt;
	line-height: 14pt;
}

.project-wrap .details {
	margin-bottom: 24px;
}

.project-wrap .details p {
	padding-bottom: 0;
}

.project-wrap ul {
	list-style: none;
	margin: 0;
}

.project-wrap ul li {
	list-style: none;
	margin: 0;
}

.project-wrap.list .item {
	display: grid;
	gap: 16pt;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/*
.project-wrap.list .item:first-child {
	margin-top: 58px;
}
	*/

.project-wrap.list .item:not(:last-child) {
	border-bottom: 1pt solid #0a85c9;
	margin-bottom: 16pt;
	padding-bottom: 16pt;
}

.project-wrap.list img {
	margin: 0;
}

.project-wrap.list :is(ul li, h2, p) {
	font-size: 9pt;
	line-height: 14pt;
}

.project-wrap.list h1 {
	font-size: 14pt;
	line-height: 18pt;
	margin-bottom: 10pt;
}

.project-wrap.list h1 {
	margin-bottom: 0;
}

.project-wrap.list .item .excerpt {
	columns: 2;
	column-gap: 16pt;
	grid-column-start: span 2;
	padding: 0;
}

.project-wrap.gallery.fit,
.project-wrap.gallery:has(.image:nth-child(3):last-child) {
	display: flex;
	flex-direction: column;
	height: calc(10.75in - 60px);
	gap: 24px;
}

.project-wrap.gallery.cols {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.project-wrap.gallery.cols.fit,
.project-wrap.gallery.cols:has(.image:nth-child(8):last-child) {
	height: calc(10.75in - 60px);
}

.project-wrap.gallery:is(
	.fit, .fit.cols,
	:has(.image:nth-child(3):last-child),
	.cols:has(.image:nth-child(8):last-child)
) .image {
	height: 100%;
	position: relative;
	width: 100%;
}

.project-wrap.gallery:is(
	.fit, .fit.cols,
	:has(.image:nth-child(3):last-child),
	.cols:has(.image:nth-child(8):last-child)
) .image img {
	aspect-ratio: auto;
	height: 100%;
	inset: 0;
	margin: 0;
	position: absolute;
}

.project-wrap.gallery img {
	margin-top: 0;
}

.project-wrap.gallery:is(
	.fit, .fit.cols,
	:has(.image:nth-child(3)),
	.cols:has(.image:nth-child(8):last-child)
) img {
	height: 100%;
}

/*
.project-wrap.fit .image:first-child,
.project-wrap.gallery .image:first-child {
	margin-top: 58px;
}

.project-wrap.gallery.cols .image:nth-child(2) {
	margin-top: 28px;
}
*/

.footer {
	border-bottom: 12px solid #0a85c9;
	color: #0a85c9;
	font-size: 12pt;
	font-weight: bold;
	padding: 0 28px 12px;
	text-align: right;
}