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

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

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

a {
	text-underline-offset: 0.18em;
}

a:hover {
	text-decoration-thickness: 0.12em;
}

:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 4px;
}

.skip-link {
	position: absolute;
	inset-block-start: 1rem;
	inset-inline-start: 1rem;
	z-index: 999;
	transform: translateY(-150%);
	padding: 0.75rem 1rem;
	background: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
	border-radius: 999px;
}

.skip-link:focus {
	transform: translateY(0);
}

.site-header,
.site-footer {
	padding-block: var(--wp--preset--spacing--30);
}

.site-header__inner {
	gap: var(--wp--preset--spacing--30);
}

.site-footer {
	margin-top: var(--wp--preset--spacing--60);
	border-top: 1px solid rgba(31, 37, 34, 0.16);
}

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

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}