/* Non-critical general CSS */

* {
	hanging-punctuation: first; /* As of 2025 only Safari supports this */
}

nav ul {
	list-style: none;
	padding-left: 0;
}

	header nav a, .project_view_grid a, .project_view_nav a {
		border: none !important;
		color: inherit;
	}
	
	nav a[aria-current="page"] { font-weight: 700; }
	
	nav a:focus, nav a:hover,
	.project_view_grid a:focus, .project_view_grid a:hover,
	.project_view_grid a:focus + figcaption a, .project_view_grid a:hover + figcaption a {
		color: var(--wp--preset--color--neutral-dark);
	}

.entry-meta {
	color: var(--wp--preset--color--neutral);
}

.loading {
	filter: blur(10px);
	opacity: 0;
	transition: all 1s ease;
}

.project_view_grid .wp-block-image figcaption { margin: 0.5rem 0; }

.project_view_nav, .project_view_nav * {
	font-size: var(--wp--preset--font-size--medium) !important;
	line-height: var(--wp--custom--typography--line-height--medium) !important;
}

.project_view_nav, .project_view_nav + hr {
	margin-top: 0.5rem;
}

.project_view_nav li:not(.mobile_toggle_wrapper) { margin-bottom: 0.25rem; }

.project_view_toggle { display: block; margin: 0 1.5rem 1.5rem 0; }

.project_view_toggle > div {
	background: transparent url('') center center no-repeat;
	background-size: contain;
	cursor: pointer;
	display: inline-block;
	height: 32px;
	margin: 0 0.75rem 0 0;
	opacity: 0.25;
	overflow: hidden;
	text-indent: -999px;
	width: 32px;
}

.project_view_toggle > div.current {
	opacity: 0.75;
}

.project_view_toggle > div[data-show="grid"] {
	background-image: url('data:image/svg+xml;utf8,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(.951962 0 0 .856391 .760597 1)"/><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(.951962 0 0 .856391 .760597 12)"/><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(.951962 0 0 .856391 11.7606 12)"/><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(.951962 0 0 .856391 22.7606 12)"/><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(.951962 0 0 .856391 .760597 23)"/><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(.951962 0 0 .856391 11.7606 23)"/><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(.951962 0 0 .856391 22.7606 23)"/><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(.951962 0 0 .856391 11.7606 1)"/><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(.951962 0 0 .856391 22.7606 1)"/></g></svg>');
}

.project_view_toggle > div[data-show="list"] {
	background-image: url('data:image/svg+xml;utf8,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(3.56427 0 0 .428174 .103644 1)"/><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(3.56427 0 0 .428174 .103644 14)"/><path d="m.251 0h8.404v9.342h-8.404z" transform="matrix(3.56427 0 0 .428174 .103644 27)"/></g></svg>');
}

.wp-site-blocks * { font-family: var(--wp--preset--font-family--sans-serif) !important; }

.wp-site-blocks a {
	border-bottom: 1px solid var(--wp--preset--color--neutral);
	display: inline;
}
.wp-site-blocks a:hover, .wp-site-blocks a:focus {
	border-bottom: 1px solid var(--wp--preset--color--neutral-dark);
	text-decoration: none;
}

.site-header * {
	font-size: var(--wp--custom--header--font-size) !important;
}

.site-header .current-menu-item a {
	color: var(--wp--preset--color--foreground) !important;
}

.wp-block-site-title :where(a) {
	color: var(--wp--preset--color--neutral-dark) !important;
	font-weight: 400 !important;
}

.wp-block-image figcaption, .wp-element-caption {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.3;
	margin-bottom: 0;
	text-align: right;
}

.site-header nav a {
	border-bottom: 1px solid transparent !important;
	margin-left: calc(var(--wp--style--block-gap) * 2);
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.site-header nav a:hover, .site-header nav a:focus, .site-header nav .current-menu-item a {
	border-bottom-color: var(--wp--preset--color--neutral-light) !important;
}

#wka-person-grid a { overflow: hidden; }

#wka-person-grid img {
	transition: transform 0.5s ease;
}

#wka-person-grid img:hover {
	transform: scale(1.05);
}