/* Rules theme.json cannot express. Keep this file small. */

:where(.wp-site-blocks) > * + * {
	margin-block-start: 0;
}

.wp-block-post-content p {
	max-width: 68ch;
}

.wp-block-navigation a {
	text-decoration: none;
}
.wp-block-navigation a:hover {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

@media (prefers-reduced-motion: no-preference) {
	a,
	.wp-element-button {
		transition: color 120ms ease, background-color 120ms ease;
	}
}

/* ---------------------------------------------------------------------------
 * Front-page splash
 *
 * Full-viewport photograph, logo centred.
 *
 * The overlay is deliberately light so the photograph keeps its contrast;
 * legibility comes from the drop shadow on the logo instead, which darkens
 * only what sits directly behind the mark. Raising the overlay far enough to
 * carry white type on its own flattens the whole image.
 * ------------------------------------------------------------------------ */

.jevon-splash {
	margin-block: 0;
}

.jevon-hero {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 100vh;
	min-height: 100svh;
	padding: var(--wp--preset--spacing--40);
	background-color: #0A1119;
	background-image:
		radial-gradient(ellipse 62% 54% at 50% 50%, rgba(6, 11, 18, 0.30), rgba(6, 11, 18, 0) 72%),
		linear-gradient(rgba(6, 11, 18, 0.22), rgba(6, 11, 18, 0.22)),
		url("../img/hero-mountains.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.jevon-hero__logo {
	display: block;
	width: min(20rem, 37vw);
	height: auto;
	filter:
		drop-shadow(0 2px 28px rgba(0, 0, 0, 0.70))
		drop-shadow(0 1px 4px rgba(0, 0, 0, 0.45));
}

@media (max-height: 480px) {
	.jevon-hero__logo {
		width: min(14rem, 34vw);
	}
}