/**
 * Profile Atlas — main stylesheet
 *
 * theme.json-first escape hatch for what presets/block attrs cannot express:
 * nav/submenus, media chrome, forms, pagination, prose, and a few layout resets.
 *
 * Tokens: --wp--preset--* | --wp--custom--* | --wp--style--global--*
 * Do not reintroduce a parallel --pa-* token system.
 */

/* -------------------------------------------------------------------------
   Reset / base
-------------------------------------------------------------------------- */

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

html {
	scroll-behavior: smooth;
	overflow-x: clip;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	/* Color, font, size, line-height: theme.json styles */
	margin: 0;
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	font-kerning: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	/* Color + hover: theme.json elements.link */
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
	transition: color 150ms var(--wp--custom--ease--out);
}

:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	width: auto;
	left: var(--wp--custom--gutter);
	top: var(--wp--custom--gutter);
	z-index: var(--wp--custom--z-index--modal);
	padding: 0.75rem 1rem;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* Family, weight, sizes, color, margins: theme.json elements.heading/h* */
	overflow-wrap: anywhere;
}

p {
	margin: 0 0 var(--wp--preset--spacing--md);
	text-wrap: pretty;
}

.pa-post-body,
.comment-content {
	overflow-wrap: anywhere;
}

/* -------------------------------------------------------------------------
   Buttons
   Colors/padding: theme.json elements.button + pa-primary / pa-outline.
   Keep layout chrome + outline hover fill (unsupported in theme.json).
-------------------------------------------------------------------------- */

.button,
.wp-block-button__link,
.menu-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35em;
	min-height: 2.75rem;
	text-decoration: none;
	cursor: pointer;
	transition:
		background-color 150ms var(--wp--custom--ease--out),
		color 150ms var(--wp--custom--ease--out),
		border-color 150ms var(--wp--custom--ease--out),
		transform 150ms var(--wp--custom--ease--out);
}

.button--primary,
.menu-cta {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--white);
	border: 1.5px solid var(--wp--preset--color--accent);
	border-radius: 0.25rem;
	padding: 0.65rem 1.25rem;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--base);
	font-weight: 600;
	line-height: 1.2;
}

.button--primary:hover,
.menu-cta:hover {
	background: var(--wp--preset--color--accent-hover);
	border-color: var(--wp--preset--color--accent-hover);
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

/* Outline hover fill — theme.json variations cover the resting state only. */
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-pa-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--ink);
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	.button,
	.wp-block-button__link,
	.menu-cta,
	a {
		transition: none;
	}
}

/* -------------------------------------------------------------------------
   Layout shell
-------------------------------------------------------------------------- */

.site-header,
.site-footer,
.site-main {
	width: 100%;
}

.site-header,
.site-footer {
	flex-shrink: 0;
}

.site-main {
	flex: 1 0 auto;
}

.wp-block-group.alignfull {
	padding-left: var(--wp--custom--gutter);
	padding-right: var(--wp--custom--gutter);
}

.pa-identity,
.pa-featured,
.pa-work,
.pa-services,
.pa-about,
.pa-certificates,
.pa-community,
.pa-testimonials,
.pa-journal,
.pa-cta,
.pa-content-full > .alignfull,
.pa-content-full > .wp-block-group.alignfull {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

/* Kill wp-site-blocks gap so the surface meets the header and featured image. */
.wp-site-blocks > .pa-identity,
.wp-site-blocks > .pa-identity + .pa-featured,
.site-main > .pa-identity,
.site-main > .pa-identity + .pa-featured {
	margin-block-start: 0;
}

/*
 * Homepage sections — match HTML/css/preview.css layout-full.
 * Identity, featured, about, certificates, community chrome: theme.json block style variations.
 * Other sections: core has-background padding is beaten here until those move too.
 */
.wp-block-group.alignfull.pa-featured,
.pa-featured {
	padding-left: 0;
	padding-right: 0;
}

.pa-cta {
	padding-top: var(--wp--preset--spacing--3-xl);
	padding-bottom: var(--wp--preset--spacing--3-xl);
	padding-left: var(--wp--custom--gutter);
	padding-right: var(--wp--custom--gutter);
	box-sizing: border-box;
}

.pa-featured__media,
.pa-featured .wp-block-image.pa-featured__media {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: var(--wp--preset--spacing--xl);
	height: clamp(26rem, calc(100svh - 29.5rem), 46rem);
	overflow: hidden;
}

.pa-featured__media img,
.wp-block-image.pa-featured__media img {
	width: 100%;
	height: 100%;
	max-height: none;
	aspect-ratio: unset;
	object-fit: cover;
	object-position: center;
	border-radius: 0;
}
.entry,
.no-results,
.error-404 {
	max-width: var(--wp--style--global--content-size);
	margin: 0 auto;
	padding: var(--wp--preset--spacing--3-xl) var(--wp--custom--gutter);
}

.entry.sticky,
.pa-archive-item.sticky {
	outline: 1px solid var(--wp--preset--color--border);
	outline-offset: var(--wp--preset--spacing--sm);
}

/* -------------------------------------------------------------------------
   404 — calm recovery
-------------------------------------------------------------------------- */

.site-main:has(.pa-404) {
	display: flex;
	flex-direction: column;
}

.pa-404 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 0 auto;
	padding-top: var(--wp--preset--spacing--2-xl);
	padding-bottom: var(--wp--preset--spacing--3-xl);
	max-width: 36rem;
	margin-left: auto;
	margin-right: auto;
}

.pa-404 .pa-kicker {
	margin-bottom: var(--wp--preset--spacing--sm);
}

.pa-404__title {
	margin: 0 0 var(--wp--preset--spacing--md);
	font-size: var(--wp--preset--font-size--2-xl);
	letter-spacing: -0.03em;
	line-height: 1.15;
	text-wrap: balance;
}

.pa-404__lead {
	margin: 0 0 var(--wp--preset--spacing--xl);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--base);
	max-width: 38ch;
	text-wrap: pretty;
}

.pa-404__search,
.pa-404 .wp-block-search {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--sm);
	margin: 0 0 var(--wp--preset--spacing--xl);
	width: 100%;
}

.pa-404 .wp-block-search__inside-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--sm);
	width: 100%;
}

.pa-404 .wp-block-search__input {
	flex: 1 1 14rem;
	min-height: 2.75rem;
	padding: 0.65rem 0.9rem;
	border: 1.5px solid var(--wp--preset--color--border);
	border-radius: 0.25rem;
	font: inherit;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--bg);
	transition: border-color 150ms var(--wp--custom--ease--out);
}

.pa-404 .wp-block-search__input::placeholder {
	color: var(--wp--preset--color--muted);
	opacity: 1;
}

.pa-404 .wp-block-search__input:focus-visible {
	border-color: var(--wp--preset--color--accent);
	outline: none;
}

.pa-404 .wp-block-search__button {
	min-height: 2.75rem;
	padding: 0.65rem 1.25rem;
	border: 1.5px solid var(--wp--preset--color--accent);
	border-radius: 0.25rem;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--source-sans);
	font-size: var(--wp--preset--font-size--base);
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

.pa-404 .wp-block-search__button:hover {
	background: color-mix(in oklch, var(--wp--preset--color--accent) 88%, black);
	border-color: color-mix(in oklch, var(--wp--preset--color--accent) 88%, black);
}

.pa-404__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--md) var(--wp--preset--spacing--lg);
}

.pa-404__links {
	margin: 0;
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 600;
}

.pa-404__links a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.pa-404__links a:hover {
	color: var(--wp--preset--color--accent);
}

@media (max-width: 30rem) {
	.pa-404__search,
	.pa-404 .wp-block-search,
	.pa-404 .wp-block-search__inside-wrapper {
		flex-direction: column;
		align-items: stretch;
	}

	.pa-404__search .button,
	.pa-404 .wp-block-search__button {
		width: 100%;
	}

	.pa-404__actions {
		flex-direction: column;
		align-items: flex-start;
	}
}

.entry--page .entry-title,
.entry--page .wp-block-post-title {
	margin: 0 0 var(--wp--preset--spacing--lg);
	letter-spacing: -0.03em;
	text-wrap: balance;
}

.pa-content-full {
	max-width: none;
	margin: 0;
	padding: 0;
}

.entry--post {
	max-width: var(--wp--style--global--content-size);
	padding-top: var(--wp--preset--spacing--2-xl);
	padding-bottom: var(--wp--preset--spacing--3-xl);
}

.pa-post-header {
	margin-bottom: var(--wp--preset--spacing--xl);
}

.pa-post-title,
.wp-block-post-title.pa-post-title {
	margin: 0 0 var(--wp--preset--spacing--md);
	font-size: var(--wp--preset--font-size--3-xl);
	letter-spacing: -0.03em;
	text-wrap: balance;
	line-height: 1.15;
}

.pa-post-deck,
.wp-block-post-excerpt.pa-post-deck {
	margin: 0 0 var(--wp--preset--spacing--md);
	font-size: var(--wp--preset--font-size--lg);
	line-height: 1.45;
	color: var(--wp--preset--color--muted);
	max-width: 40ch;
	text-wrap: pretty;
}

.pa-post-meta {
	margin: 0;
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 600;
	color: var(--wp--preset--color--muted);
}

.pa-post-meta a {
	color: inherit;
	text-decoration: none;
}

.pa-post-meta a:hover {
	color: var(--wp--preset--color--accent);
}

.pa-post-featured,
.wp-block-post-featured-image.pa-post-featured {
	margin: 0 0 var(--wp--preset--spacing--2-xl);
	width: 100%;
}

.pa-post-featured img,
.wp-block-post-featured-image.pa-post-featured img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 0.15rem;
	animation: pa-featured-settle 700ms var(--wp--custom--ease--out) both;
}

@media (prefers-reduced-motion: reduce) {
	.pa-post-featured img,
	.wp-block-post-featured-image.pa-post-featured img {
		animation: none;
	}
}

.pa-post-body > *:first-child {
	margin-top: 0;
}

.wp-block-quote.is-style-pa-pullquote {
	margin: var(--wp--preset--spacing--2-xl) 0;
	padding: var(--wp--preset--spacing--lg) 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--border);
	border-bottom: 1px solid var(--wp--preset--color--border);
	max-width: 36ch;
}

.wp-block-quote.is-style-pa-pullquote p {
	margin: 0;
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.015em;
	color: var(--wp--preset--color--ink);
}

.pa-post-footer {
	margin-top: var(--wp--preset--spacing--3-xl);
	padding-top: var(--wp--preset--spacing--xl);
	border-top: 1px solid var(--wp--preset--color--border);
}

.pa-post-taxonomies {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--md);
	margin: 0 0 var(--wp--preset--spacing--xl);
}

.pa-post-tax,
.wp-block-post-terms.pa-post-tax {
	margin: 0;
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 600;
	line-height: 1.55;
	color: var(--wp--preset--color--muted);
	overflow-wrap: anywhere;
}

.pa-post-tax a,
.wp-block-post-terms.pa-post-tax a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.pa-post-tax a:hover,
.wp-block-post-terms.pa-post-tax a:hover {
	color: var(--wp--preset--color--accent);
}

.pa-post-author {
	margin: 0 0 var(--wp--preset--spacing--lg);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--meta);
	max-width: 42ch;
	text-wrap: pretty;
	align-items: baseline;
}

.pa-post-author > * {
	margin: 0;
}

.pa-post-author .wp-block-post-author-name {
	font-weight: 700;
	color: var(--wp--preset--color--ink);
}

.pa-post-author .wp-block-post-author-biography {
	flex: 1 1 100%;
}

.pa-post-author .wp-block-post-author-biography:not(:empty)::before {
	content: "—\00a0";
}

/* -------------------------------------------------------------------------
   Archives — journal index
-------------------------------------------------------------------------- */

.pa-archive-header {
	max-width: var(--wp--style--global--content-size);
	margin: 0 auto var(--wp--preset--spacing--2-xl);
	padding: var(--wp--preset--spacing--2-xl) var(--wp--custom--gutter) 0;
}

.pa-archive-title {
	margin: 0 0 var(--wp--preset--spacing--md);
	font-size: var(--wp--preset--font-size--3-xl);
	letter-spacing: -0.03em;
	line-height: 1.15;
	text-wrap: balance;
}

.pa-archive-description {
	margin: 0 0 var(--wp--preset--spacing--md);
	max-width: 52ch;
	color: var(--wp--preset--color--muted);
	text-wrap: pretty;
}

.pa-archive-description > *:last-child {
	margin-bottom: 0;
}

.pa-archive-list {
	max-width: var(--wp--style--global--content-size);
	margin: 0 auto;
	padding: 0 var(--wp--custom--gutter) var(--wp--preset--spacing--3-xl);
}

.pa-archive-list .wp-block-post-template,
.pa-archive-posts {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.pa-archive-list .wp-block-post-template > .wp-block-post,
.pa-archive-list .wp-block-post-template > li {
	margin: 0;
	padding: 0;
}

.pa-archive-list .wp-block-query-pagination {
	margin-top: var(--wp--preset--spacing--2-xl);
	padding-top: var(--wp--preset--spacing--lg);
	border-top: 1px solid var(--wp--preset--color--border);
}

/* -------------------------------------------------------------------------
   Pagination (query, comments, classic)
-------------------------------------------------------------------------- */

.wp-block-query-pagination,
.wp-block-comments-pagination,
.navigation.pagination,
.navigation.posts-navigation,
.navigation.comment-navigation {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md);
	font-family: var(--wp--preset--font-family--source-sans);
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 600;
	line-height: 1.2;
}

.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-comments-pagination .wp-block-comments-pagination-previous,
.wp-block-comments-pagination .wp-block-comments-pagination-next,
.navigation .nav-previous a,
.navigation .nav-next a,
.navigation a.prev,
.navigation a.next {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	min-height: 2.75rem;
	padding: 0.5rem 0.15rem;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
	transition: color 150ms var(--wp--custom--ease--out);
}

.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-comments-pagination .wp-block-comments-pagination-previous:hover,
.wp-block-comments-pagination .wp-block-comments-pagination-next:hover,
.navigation .nav-previous a:hover,
.navigation .nav-next a:hover,
.navigation a.prev:hover,
.navigation a.next:hover {
	color: var(--wp--preset--color--accent);
}

.wp-block-query-pagination .wp-block-query-pagination-previous:focus-visible,
.wp-block-query-pagination .wp-block-query-pagination-next:focus-visible,
.wp-block-comments-pagination .wp-block-comments-pagination-previous:focus-visible,
.wp-block-comments-pagination .wp-block-comments-pagination-next:focus-visible,
.navigation .nav-previous a:focus-visible,
.navigation .nav-next a:focus-visible,
.navigation a.prev:focus-visible,
.navigation a.next:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
	border-radius: 0.25rem;
}

.wp-block-query-pagination-numbers,
.wp-block-comments-pagination-numbers,
.navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--2-xs);
}

.wp-block-query-pagination .page-numbers,
.wp-block-comments-pagination .page-numbers,
.navigation .page-numbers:not(.prev):not(.next) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0.4rem 0.65rem;
	border: 1.5px solid var(--wp--preset--color--border);
	border-radius: 0.25rem;
	background: var(--wp--preset--color--bg);
	color: var(--wp--preset--color--ink);
	text-decoration: none;
	transition:
		background-color 150ms var(--wp--custom--ease--out),
		color 150ms var(--wp--custom--ease--out),
		border-color 150ms var(--wp--custom--ease--out);
}

.wp-block-query-pagination a.page-numbers:hover,
.wp-block-comments-pagination a.page-numbers:hover,
.navigation a.page-numbers:not(.prev):not(.next):hover {
	border-color: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-comments-pagination .page-numbers.current,
.navigation .page-numbers.current {
	border-color: var(--wp--preset--color--accent);
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--white);
	cursor: default;
}

.wp-block-query-pagination .page-numbers.dots,
.wp-block-comments-pagination .page-numbers.dots,
.navigation .page-numbers.dots {
	min-width: 1.75rem;
	border-color: transparent;
	background: transparent;
	color: var(--wp--preset--color--muted);
	cursor: default;
}

.wp-block-query-pagination a.page-numbers:focus-visible,
.wp-block-comments-pagination a.page-numbers:focus-visible,
.navigation a.page-numbers:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

.wp-block-comments-pagination {
	margin: var(--wp--preset--spacing--xl) 0;
	padding-top: var(--wp--preset--spacing--lg);
	border-top: 1px solid var(--wp--preset--color--border);
}

@media (max-width: 39.99rem) {
	.wp-block-query-pagination,
	.wp-block-comments-pagination {
		justify-content: center;
	}

	.wp-block-query-pagination-numbers,
	.wp-block-comments-pagination-numbers {
		order: -1;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-query-pagination .wp-block-query-pagination-previous,
	.wp-block-query-pagination .wp-block-query-pagination-next,
	.wp-block-comments-pagination .wp-block-comments-pagination-previous,
	.wp-block-comments-pagination .wp-block-comments-pagination-next,
	.wp-block-query-pagination .page-numbers,
	.wp-block-comments-pagination .page-numbers,
	.navigation .page-numbers,
	.navigation .nav-previous a,
	.navigation .nav-next a {
		transition: none;
	}
}

.pa-archive-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--md);
	padding: var(--wp--preset--spacing--xl) 0;
	border-top: 1px solid var(--wp--preset--color--border);
	max-width: none;
}

.pa-archive-item:first-child,
.pa-archive-posts > .wp-block-post:first-child .pa-archive-item,
.pa-archive-posts > li:first-child .pa-archive-item {
	border-top: 0;
	padding-top: 0;
}

.pa-archive-item__media,
.pa-archive-item .wp-block-post-featured-image {
	display: block;
	overflow: hidden;
	border-radius: 0.15rem;
	margin: 0;
}

.pa-archive-item__media img,
.pa-archive-item .wp-block-post-featured-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform 500ms var(--wp--custom--ease--out);
}

.pa-archive-item__media:hover img,
.pa-archive-item__media:focus-visible img,
.pa-archive-item .wp-block-post-featured-image a:hover img {
	transform: scale(1.02);
}

.pa-archive-item__title {
	margin: 0 0 var(--wp--preset--spacing--xs);
	font-size: var(--wp--preset--font-size--xl);
	letter-spacing: -0.02em;
	line-height: 1.2;
	text-wrap: balance;
}

.pa-archive-item__title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.pa-archive-item__title a:hover {
	color: var(--wp--preset--color--accent);
}

.pa-archive-item__meta {
	margin: 0 0 var(--wp--preset--spacing--sm);
}

.pa-archive-item__excerpt {
	color: var(--wp--preset--color--ink);
}

.pa-archive-item__excerpt > *:first-child {
	margin-top: 0;
}

.pa-archive-item__excerpt > *:last-child {
	margin-bottom: 0;
}

.pa-archive-item__excerpt p {
	max-width: none;
	margin: 0;
	text-wrap: pretty;
}

.pa-archive-item__excerpt a {
	font-weight: 600;
}

@media (min-width: 40rem) {
	.pa-archive-item:has(.pa-archive-item__media),
	.pa-archive-item:has(.wp-block-post-featured-image) {
		grid-template-columns: 11rem minmax(0, 1fr);
		align-items: start;
		gap: var(--wp--preset--spacing--lg);
	}
}

.navigation.posts-navigation,
.navigation.pagination {
	max-width: var(--wp--style--global--content-size);
	margin: 0 auto;
	padding: var(--wp--preset--spacing--xl) var(--wp--custom--gutter) var(--wp--preset--spacing--3-xl);
}

.navigation.posts-navigation .nav-links,
.navigation.pagination .nav-links {
	width: 100%;
	justify-content: space-between;
}

.pa-archive-empty {
	text-align: left;
}

@media (prefers-reduced-motion: reduce) {
	.pa-archive-item__media img {
		transition: none;
	}

	.pa-archive-item__media:hover img,
	.pa-archive-item__media:focus-visible img {
		transform: none;
	}
}

/* -------------------------------------------------------------------------
   Comments
-------------------------------------------------------------------------- */

.pa-comments,
.wp-block-comments.pa-comments {
	max-width: var(--wp--style--global--content-size);
	margin: 0 auto;
	padding: 0 var(--wp--custom--gutter) var(--wp--preset--spacing--3-xl);
}

.pa-comments__title,
.wp-block-comments-title.pa-comments__title {
	margin: 0 0 var(--wp--preset--spacing--xl);
	font-size: var(--wp--preset--font-size--xl);
	letter-spacing: -0.02em;
}

.pa-comments .wp-block-post-comments-form,
.pa-comments .comment-respond {
	margin-top: var(--wp--preset--spacing--2-xl);
}

.pa-kicker.wp-block-post-terms,
.wp-block-post-terms.pa-kicker {
	margin: 0 0 var(--wp--preset--spacing--sm);
	font-family: var(--wp--preset--font-family--source-sans);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.pa-kicker.wp-block-post-terms a,
.wp-block-post-terms.pa-kicker a {
	color: inherit;
	text-decoration: none;
}

.comment-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md);
	margin-bottom: var(--wp--preset--spacing--sm);
}

.comment-content {
	max-width: var(--wp--custom--measure);
}

.comment-content > *:first-child {
	margin-top: 0;
}

.comment-content > *:last-child {
	margin-bottom: 0;
}

.comment-content a {
	color: var(--wp--preset--color--accent);
}

.pa-comments .comment-notes,
.pa-comments .logged-in-as,
.pa-comments .wp-block-post-comments-form .comment-notes,
.pa-comments .wp-block-post-comments-form .logged-in-as {
	margin: 0 0 var(--wp--preset--spacing--lg);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--meta);
}

.pa-comments .comment-form-author,
.pa-comments .comment-form-email,
.pa-comments .comment-form-url,
.pa-comments .comment-form-cookies-consent {
	margin-bottom: var(--wp--preset--spacing--lg);
}

.pa-comments .comment-form label,
.pa-comments .wp-block-post-comments-form label {
	display: block;
	margin-bottom: var(--wp--preset--spacing--xs);
	font-weight: 600;
}

/* Shared field chrome (comments, search, plugin forms) — not expressible in theme.json */
:where(
	input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="file"]):not([type="hidden"]):not([type="range"]):not([type="color"]),
	textarea,
	select
) {
	width: 100%;
	max-width: 32rem;
	padding: 0.75rem 0.9rem;
	border: 1.5px solid var(--wp--preset--color--border);
	border-radius: 0.25rem;
	font: inherit;
	font-size: var(--wp--preset--font-size--base);
	line-height: 1.5;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--bg);
	transition: border-color 150ms var(--wp--custom--ease--out);
}

:where(textarea) {
	min-height: 8rem;
	resize: vertical;
}

:where(
	input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="file"]):not([type="hidden"]):not([type="range"]):not([type="color"]),
	textarea,
	select
):focus-visible {
	border-color: var(--wp--preset--color--accent);
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

.pa-comments .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--sm);
	max-width: 36rem;
}

.pa-comments .comment-form-cookies-consent label {
	margin: 0;
	font-weight: 400;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--meta);
}

.pa-comments .form-submit {
	margin: 0;
}

/* -------------------------------------------------------------------------
   Header / nav
-------------------------------------------------------------------------- */

.site-header {
	position: sticky;
	top: 0;
	z-index: var(--wp--custom--z-index--sticky);
	background: color-mix(in oklch, var(--wp--preset--color--bg) 92%, transparent);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--wp--preset--color--border);
}

@media (prefers-reduced-motion: reduce) {
	.site-header {
		backdrop-filter: none;
		background: var(--wp--preset--color--bg);
	}
}

.site-header__inner {
	width: 100%;
	max-width: none;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--lg);
	min-height: 4.25rem;
	padding-top: 0.85rem;
	padding-bottom: 0.85rem;
}

.site-branding {
	display: flex;
	align-items: center;
	min-width: 0;
}

.site-title,
.site-branding .custom-logo-link,
.site-branding .wp-block-site-title {
	font-family: var(--wp--preset--font-family--source-serif);
	font-size: var(--wp--preset--font-size--lead);
	font-weight: 700;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
	letter-spacing: -0.02em;
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.site-branding .custom-logo-link img,
.site-branding .custom-logo,
.site-branding .wp-block-site-logo img {
	display: block;
	width: auto;
	height: auto;
	max-height: 2.5rem;
	max-width: 10rem;
	object-fit: contain;
}

.site-branding .wp-block-site-logo a {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.site-branding:has(.wp-block-site-logo img) .wp-block-site-title {
	display: none;
}

.site-title:hover,
.site-branding .wp-block-site-title a:hover {
	color: var(--wp--preset--color--accent);
}

.primary-navigation .menu,
.primary-navigation > .wp-block-navigation__responsive-container > .wp-block-navigation__responsive-container-content > .wp-block-navigation__container,
.primary-navigation > .wp-block-navigation__container {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--md);
	list-style: none;
	margin: 0;
	padding: 0;
}

.primary-navigation .wp-block-navigation__container > .wp-block-navigation-item:not(.menu-item-cta) > a.wp-block-navigation-item__content,
.primary-navigation .wp-block-navigation__container > .wp-block-navigation-item:not(.menu-item-cta) > .wp-block-navigation-item__content,
.primary-navigation .wp-block-page-list > .wp-block-navigation-item:not(.menu-item-cta) > a.wp-block-navigation-item__content,
.primary-navigation .wp-block-page-list > .wp-block-navigation-item:not(.menu-item-cta) > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
	font-weight: 600;
	padding: 0.5rem 0.35rem;
	min-height: 2.75rem;
	display: inline-flex;
	align-items: center;
}

.primary-navigation .wp-block-navigation__container > .wp-block-navigation-item:not(.menu-item-cta) > a.wp-block-navigation-item__content:hover,
.primary-navigation .wp-block-navigation__container > .wp-block-navigation-item:not(.menu-item-cta) > .wp-block-navigation-item__content:hover,
.primary-navigation .wp-block-page-list > .wp-block-navigation-item:not(.menu-item-cta) > a.wp-block-navigation-item__content:hover,
.primary-navigation .wp-block-page-list > .wp-block-navigation-item:not(.menu-item-cta) > .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent);
}

.primary-navigation .menu-item-cta,
.primary-navigation .wp-block-navigation-item.menu-item-cta {
	margin-left: var(--wp--preset--spacing--xs);
}

.primary-navigation .menu-item-cta .menu-cta,
.primary-navigation .menu-item-cta .wp-block-navigation-item__content {
	background: var(--wp--preset--color--accent);
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: 0.25rem;
	color: var(--wp--preset--color--white);
	padding: 0.65rem 1.25rem;
}

.primary-navigation .menu-item-cta .menu-cta:hover,
.primary-navigation .menu-item-cta .wp-block-navigation-item__content:hover {
	background: color-mix(in oklch, var(--wp--preset--color--accent) 88%, var(--wp--preset--color--ink));
	border-color: color-mix(in oklch, var(--wp--preset--color--accent) 88%, var(--wp--preset--color--ink));
	color: var(--wp--preset--color--white);
}

/* -------------------------------------------------------------------------
   Submenus — keep cascade / hierarchy (desktop)
-------------------------------------------------------------------------- */

.primary-navigation .wp-block-navigation-item.has-child {
	position: relative;
}

@media (min-width: 768px) {
	.primary-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container {
		min-width: 14rem;
		padding: var(--wp--preset--spacing--xs) 0;
		margin: 0;
		background: var(--wp--preset--color--bg);
		border: 1px solid var(--wp--preset--color--border);
		border-radius: 0.25rem;
		box-shadow: var(--wp--preset--shadow--dropdown);
		z-index: var(--wp--custom--z-index--dropdown);
	}

	/* Level 1: drop under the parent item (right-aligned nav → align to parent’s right). */
	.primary-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container,
	.primary-navigation .wp-block-page-list > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
		top: 100%;
		left: auto;
		right: 0;
	}

	/*
	 * Level 2+: open to the side as a true cascade.
	 * Override core’s right-justified `left:-1px; right:-1px` which flattens nested panels.
	 */
	.primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		top: -1px;
		left: auto !important;
		right: calc(100% + 2px) !important;
		margin: 0;
	}

	.primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem;
		width: 100%;
		min-height: 2.5rem;
		padding: 0.5rem 1rem;
		font-family: var(--wp--preset--font-family--source-sans);
		font-size: var(--wp--preset--font-size--meta);
		font-weight: 600;
		color: var(--wp--preset--color--ink);
		text-decoration: none;
	}

	.primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
		background: var(--wp--preset--color--surface);
		color: var(--wp--preset--color--accent);
	}

	.primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
		display: inline-flex;
		margin-left: auto;
	}

	/* Nested submenu items read one step quieter. */
	.primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		font-weight: 500;
		color: var(--wp--preset--color--muted);
	}

	.primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
		color: var(--wp--preset--color--accent);
	}
}

/*
 * Hamburger through iPad landscape.
 * Core defaults to 600px; extend carefully without breaking open/close.
 */
@media (max-width: 1024px) {
	.primary-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: inline-flex !important;
	}

	.primary-navigation .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	.primary-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}

	.primary-navigation .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		width: 100%;
		position: relative;
		right: auto;
		bottom: auto;
	}
}

/* Open / close controls — quiet square affordance. */
.primary-navigation .wp-block-navigation__responsive-container-open,
.primary-navigation .wp-block-navigation__responsive-container-close {
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0.25rem;
	background: transparent;
	color: var(--wp--preset--color--ink);
	font: inherit;
	cursor: pointer;
	transition:
		background-color 150ms var(--wp--custom--ease--out),
		border-color 150ms var(--wp--custom--ease--out),
		color 150ms var(--wp--custom--ease--out);
}

.primary-navigation .wp-block-navigation__responsive-container-open:hover,
.primary-navigation .wp-block-navigation__responsive-container-close:hover {
	background: var(--wp--preset--color--surface);
	border-color: color-mix(in oklch, var(--wp--preset--color--ink) 28%, var(--wp--preset--color--border));
	color: var(--wp--preset--color--ink);
}

.primary-navigation .wp-block-navigation__responsive-container-open:focus-visible,
.primary-navigation .wp-block-navigation__responsive-container-close:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* Custom 3-line hamburger; hide core SVG. */
.primary-navigation .wp-block-navigation__responsive-container-open svg {
	display: none;
}

.primary-navigation .wp-block-navigation__responsive-container-open::before {
	content: "";
	display: block;
	width: 1.125rem;
	height: 0.75rem;
	background:
		linear-gradient(currentColor, currentColor) 0 0 / 100% 1.5px no-repeat,
		linear-gradient(currentColor, currentColor) 0 50% / 100% 1.5px no-repeat,
		linear-gradient(currentColor, currentColor) 0 100% / 72% 1.5px no-repeat;
	transition: background-size 150ms var(--wp--custom--ease--out);
}

.primary-navigation .wp-block-navigation__responsive-container-open:hover::before {
	background:
		linear-gradient(currentColor, currentColor) 0 0 / 100% 1.5px no-repeat,
		linear-gradient(currentColor, currentColor) 0 50% / 100% 1.5px no-repeat,
		linear-gradient(currentColor, currentColor) 0 100% / 100% 1.5px no-repeat;
}

.primary-navigation .wp-block-navigation__responsive-container-close svg {
	width: 1.125rem;
	height: 1.125rem;
	stroke: currentColor;
	fill: none;
}

/* Full-screen overlay when core opens the menu. */
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
	position: fixed;
	inset: 0;
	z-index: var(--wp--custom--z-index--modal);
	width: 100%;
	height: 100%;
	height: 100dvh;
	padding: 4.5rem var(--wp--custom--gutter) var(--wp--preset--spacing--xl);
	background:
		linear-gradient(
			165deg,
			var(--wp--preset--color--surface) 0%,
			var(--wp--preset--color--bg) 42%,
			color-mix(in oklch, var(--wp--preset--color--accent) 6%, var(--wp--preset--color--bg)) 100%
		);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	min-height: 0;
	padding: 0;
	padding-top: var(--wp--preset--spacing--sm);
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	display: inline-flex;
	position: fixed;
	top: var(--wp--preset--spacing--md);
	right: var(--wp--custom--gutter);
	z-index: calc(var(--wp--custom--z-index--modal) + 2);
	background: var(--wp--preset--color--bg);
	border-color: var(--wp--preset--color--border);
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
	flex: 0 1 auto;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 0.25rem;
	width: 100%;
	max-width: 28rem;
	margin-inline: auto;
	margin-block: 0;
	margin-right: 0;
	text-align: right;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	align-items: flex-end;
	width: 100%;
}

/* Top-level row: label + accordion toggle, right-aligned. */
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.menu-item-cta),
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list > .wp-block-navigation-item:not(.menu-item-cta) {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.menu-item-cta) > .wp-block-navigation-item__content,
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list > .wp-block-navigation-item:not(.menu-item-cta) > .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--source-serif);
	font-size: var(--wp--preset--font-size--2-xl);
	font-weight: 600;
	letter-spacing: -0.02em;
	min-height: 3.25rem;
	padding: 0.65rem 0;
	justify-content: flex-end;
	text-align: right;
	width: auto;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child {
	position: relative;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-item__content,
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > button.wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
}

/*
 * Accordion: restore toggles (core hides them in overlay) and keep
 * nested menus closed until aria-expanded="true".
 */
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon,
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--muted);
	cursor: pointer;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon svg {
	display: block;
	width: 0.75rem;
	height: 0.75rem;
	stroke: currentColor;
	transition: transform 150ms var(--wp--custom--ease--out);
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg,
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container {
	display: none;
	position: static;
	width: 100%;
	height: auto;
	min-width: 0;
	margin: 0.15rem 0 0.65rem;
	padding: 0.25rem 0 0.25rem 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	opacity: 1;
	visibility: visible;
	overflow: visible;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.1rem;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation__submenu-container,
.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child:has(> .wp-block-navigation__submenu-icon[aria-expanded="true"]) > .wp-block-navigation__submenu-container {
	display: flex;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
	align-items: flex-end;
	width: 100%;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--source-sans);
	font-size: var(--wp--preset--font-size--base);
	font-weight: 500;
	letter-spacing: 0;
	min-height: 2.5rem;
	padding: 0.35rem 0;
	color: var(--wp--preset--color--muted);
	justify-content: flex-end;
	text-align: right;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent);
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	margin-top: 0.15rem;
	padding-right: 0.15rem;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--base);
	font-weight: 400;
	color: var(--wp--preset--color--muted);
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .menu-item-cta {
	margin-left: 0;
	margin-top: var(--wp--preset--spacing--lg);
	align-items: flex-end;
}

.primary-navigation .wp-block-navigation__responsive-container.is-menu-open .menu-item-cta .wp-block-navigation-item__content {
	width: auto;
	min-width: 12rem;
	justify-content: center;
	font-family: var(--wp--preset--font-family--source-sans);
	font-size: var(--wp--preset--font-size--base);
	padding: 0.9rem 1.25rem;
}

/* -------------------------------------------------------------------------
   Featured project
   Media chrome only. Meta grid/type: theme.json is-style-pa-featured.
-------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.pa-featured__media,
	.pa-featured .wp-block-image.pa-featured__media {
		height: min(52vh, 24rem);
	}
}

@keyframes pa-featured-settle {
	from {
		opacity: 0.72;
		filter: blur(4px);
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		filter: none;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pa-post-featured img,
	.wp-block-post-featured-image.pa-post-featured img,
	.pa-project-hero__media img {
		animation: none;
	}
}

/* -------------------------------------------------------------------------
   Project / case-study page
   Patterns keep their markup. Widths are enforced here so they beat
   prose max-width rules and work without relying only on
   WP generated constrained-layout rules.
-------------------------------------------------------------------------- */

.pa-project-intro,
.pa-project-hero,
.pa-project-overview,
.pa-project-outcome,
.pa-project-next {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	padding-top: var(--wp--preset--spacing--3-xl);
	padding-bottom: var(--wp--preset--spacing--3-xl);
}

/* Reading column (matches pattern contentSize: 42rem) */
.pa-project-intro > *,
.pa-project-overview > *,
.pa-project-outcome > *,
.pa-project-next > * {
	max-width: var(--wp--style--global--content-size);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.pa-project-intro p,
.pa-project-overview p,
.pa-project-outcome p,
.pa-project-next p {
	max-width: var(--wp--style--global--content-size);
	margin-left: auto;
	margin-right: auto;
}

.pa-project-intro {
	padding-top: var(--wp--preset--spacing--2-xl);
	padding-bottom: var(--wp--preset--spacing--xl);
}

.pa-project-intro__title {
	margin: 0 0 var(--wp--preset--spacing--md);
	font-size: var(--wp--preset--font-size--3-xl);
	letter-spacing: -0.03em;
}

.pa-project-intro__outcome,
.pa-project-intro .pa-project-intro__outcome {
	margin: 0 0 var(--wp--preset--spacing--lg);
	font-size: var(--wp--preset--font-size--lead);
	line-height: 1.45;
	color: var(--wp--preset--color--ink);
	text-wrap: pretty;
}

.pa-project-intro__meta {
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 600;
}

/* Full-bleed hero — no 100vw breakout */
.wp-block-group.alignfull.pa-project-hero,
.pa-project-hero {
	padding-top: 0;
	padding-bottom: var(--wp--preset--spacing--2-xl);
	padding-left: 0;
	padding-right: 0;
}

.pa-project-hero__media,
.pa-project-hero .wp-block-image.pa-project-hero__media {
	width: 100%;
	max-width: none;
	margin: 0;
}

.pa-project-hero__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	animation: pa-featured-settle 700ms var(--wp--custom--ease--out) both;
}

@media (prefers-reduced-motion: reduce) {
	.pa-project-hero__media img {
		animation: none;
	}
}

.pa-project-overview {
	padding-top: var(--wp--preset--spacing--xl);
}

.pa-project-overview h2,
.pa-project-outcome h2,
.pa-project-next h2 {
	margin: 0 0 var(--wp--preset--spacing--md);
}

.pa-project-overview p,
.pa-project-overview p {
	margin: 0;
	max-width: var(--wp--style--global--content-size);
	text-wrap: pretty;
}

.pa-project-overview p + p {
	margin-top: var(--wp--preset--spacing--md);
}

.pa-project-outcome {
	background: var(--wp--preset--color--surface);
}

.pa-project-outcome__lead,
.pa-project-outcome .pa-project-outcome__lead {
	margin: 0 0 var(--wp--preset--spacing--xl);
	font-size: var(--wp--preset--font-size--lead);
	max-width: var(--wp--style--global--content-size);
	text-wrap: pretty;
}

.pa-project-outcome__quote,
.wp-block-quote.pa-project-outcome__quote,
.pa-project-outcome > .pa-project-outcome__quote,
.pa-project-outcome > .wp-block-quote.pa-project-outcome__quote {
	margin: 0 auto;
	padding: 0;
	border: 0;
	max-width: var(--wp--style--global--content-size);
	width: 100%;
}

.pa-project-outcome__quote p,
.pa-project-outcome__quote p {
	margin: 0 0 var(--wp--preset--spacing--md);
	margin-left: 0;
	margin-right: 0;
	font-family: var(--wp--preset--font-family--source-serif);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.015em;
	color: var(--wp--preset--color--ink);
	max-width: 38ch;
	text-wrap: pretty;
}

.pa-project-outcome__quote cite {
	font-style: normal;
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 600;
	color: var(--wp--preset--color--muted);
}

.pa-project-next .wp-block-buttons {
	gap: var(--wp--preset--spacing--sm);
	margin-top: var(--wp--preset--spacing--lg);
}

@media (max-width: 781px) {
	.wp-block-group.is-style-pa-project-split .pa-project-split__row {
		grid-template-columns: 1fr !important;
		flex-direction: column;
	}

	.wp-block-group.is-style-pa-project-details .pa-project-details__grid {
		grid-template-columns: 1fr;
	}
}

/* -------------------------------------------------------------------------
   Community page — layout/type in theme.json (pa-community-intro|story|next).
   Gallery full-bleed kept here: variation :where() loses to core
   .has-global-padding > .alignfull margin rules. Responsive columns stay in
   styles.css (@media is stripped from block style variation css).
-------------------------------------------------------------------------- */

.pa-community-story > .pa-community-story__gallery.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	position: relative;
	left: auto;
	padding-left: var(--wp--custom--gutter);
	padding-right: var(--wp--custom--gutter);
	box-sizing: border-box;
	align-self: stretch;
}

.pa-community-story__image{
	max-width: none;
}

/* -------------------------------------------------------------------------
   Selected work / journal — motion only
   Layout/type/spacing: theme.json is-style-pa-work|services|testimonials|journal.
-------------------------------------------------------------------------- */

.pa-work-item img {
	transition: transform 350ms var(--wp--custom--ease--out), filter 350ms var(--wp--custom--ease--out);
}

@media (hover: hover) {
	.pa-work-item:hover img {
		transform: scale(1.02);
		filter: saturate(1.05);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pa-work-item img {
		transition: none;
	}

	.pa-work-item:hover img {
		transform: none;
		filter: none;
	}
}

.pa-about__portrait {
	margin: 0;
}

.pa-about__portrait img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 0.15rem;
}

.pa-journal-item__media img,
.pa-journal-item .wp-block-post-featured-image img {
	transition: transform 500ms var(--wp--custom--ease--out);
}

.pa-journal-item__media:hover img,
.pa-journal-item .wp-block-post-featured-image a:hover img {
	transform: scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
	.pa-journal-item__media img,
	.pa-journal-item .wp-block-post-featured-image img {
		transition: none;
	}

	.pa-journal-item__media:hover img,
	.pa-journal-item .wp-block-post-featured-image a:hover img {
		transform: none;
	}
}

/* -------------------------------------------------------------------------
   Contact CTA
   Constrained layout + text-align live on the pattern.
-------------------------------------------------------------------------- */

.pa-cta .pa-section-lead {
	margin-left: auto;
	margin-right: auto;
}

/* -------------------------------------------------------------------------
   Footer
   Museum plaque chrome: theme.json is-style-pa-footer (+ styles.css).
   Keep only navigation-block list resets that core still injects.
-------------------------------------------------------------------------- */

.site-footer.wp-block-template-part {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.site-footer .footer-navigation,
.site-footer .wp-block-navigation,
.site-footer .wp-block-navigation__container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: inherit;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer .wp-block-navigation-item {
	margin: 0;
}

/* -------------------------------------------------------------------------
   Block editor / WP alignment helpers
-------------------------------------------------------------------------- */

.alignwide {
	max-width: var(--wp--style--global--wide-size);
	margin-left: auto;
	margin-right: auto;
}

.alignfull {
	width: 100%;
	max-width: none;
}

.pa-featured__media.alignfull,
.pa-featured__media.alignwide,
.pa-project-hero__media.alignfull,
.pa-project-hero__media.alignwide {
	max-width: none;
}

.wp-block-columns {
	margin-bottom: 0;
}

/* -------------------------------------------------------------------------
   Prose — floats + classic captions only
   Type/color/list/quote/code/table/separator: theme.json.
   Keep layout chrome theme.json cannot express.
-------------------------------------------------------------------------- */

.pa-post-body::after {
	content: "";
	display: table;
	clear: both;
}

.pa-post-body .alignleft,
.comment-content .alignleft {
	float: left;
	margin: 0.25rem 1.5rem 1rem 0;
}

.pa-post-body .alignright,
.comment-content .alignright {
	float: right;
	margin: 0.25rem 0 1rem 1.5rem;
}

/* Classic centered images only — leave .wp-block-image.aligncenter as display:table so figcaption table-caption sizing works (also with lightbox). */
.pa-post-body img.aligncenter,
.comment-content img.aligncenter,
.pa-post-body .aligncenter:not(.wp-block-image):not(.wp-caption),
.comment-content .aligncenter:not(.wp-block-image):not(.wp-caption) {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

.pa-post-body .alignnone,
.comment-content .alignnone {
	display: block;
	clear: none;
	margin: 0 0 var(--wp--preset--spacing--md);
	max-width: 100%;
}

.pa-post-body img.alignleft,
.pa-post-body img.alignright,
.comment-content img.alignleft,
.comment-content img.alignright {
	display: inline;
}

.pa-post-body .wp-caption,
.pa-post-body figure.wp-caption {
	max-width: 100%;
}

.pa-post-body figure.wp-caption[style*="width"] {
	width: auto !important;
	max-width: 100% !important;
}

.pa-post-body .wp-caption img,
.pa-post-body figure.wp-caption img {
	display: block;
	margin: 0;
	max-width: 100%;
	height: auto;
}

/* Classic caption class — type/color from elements.caption in theme.json */
.pa-post-body .wp-caption-text {
	margin-top: var(--wp--preset--spacing--xs);
	text-align: center;
}

.pa-post-body .alignleft .wp-caption-text {
	text-align: left;
}

.pa-post-body .alignright .wp-caption-text {
	text-align: right;
}
