/* Small additions to theme.json: hover states, card polish and the sticky header. */
.halden-card {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.halden-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 1px 2px rgba(18, 24, 21, 0.06), 0 16px 40px rgba(18, 24, 21, 0.1);
}
.halden-sticky-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: saturate(160%) blur(10px);
	-webkit-backdrop-filter: saturate(160%) blur(10px);
}
.admin-bar .halden-sticky-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}
.halden-eyebrow {
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.halden-stat-number {
	font-variant-numeric: tabular-nums;
}
.wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	list-style-position: outside;
}
.wp-block-details[open] summary {
	color: var(--wp--preset--color--accent);
}
.wp-block-button.is-style-outline > .wp-block-button__link {
	border-width: 1.5px;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent);
}
@media (prefers-reduced-motion: reduce) {
	.halden-card,
	.halden-card:hover {
		transition: none;
		transform: none;
	}
}
/* Image ratios used by the patterns (Image block > Advanced > Additional CSS class). */
.halden-ratio-4-3 img,
.halden-ratio-4-5 img,
.halden-ratio-1-1 img {
	width: 100%;
	object-fit: cover;
}
.halden-ratio-4-3 img {
	aspect-ratio: 4 / 3;
}
.halden-ratio-4-5 img {
	aspect-ratio: 4 / 5;
}
.halden-ratio-1-1 img {
	aspect-ratio: 1;
}