/* L'Aforisma — Francesco Russo */

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

html {
	-webkit-text-size-adjust: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

button {
	font: inherit;
	color: inherit;
}

body {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--_white);
	background: var(--_black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--_gold);
	outline-offset: 3px;
}

:root {
	--afo-rev-ease: cubic-bezier(0.215, 0.61, 0.355, 1);
}

html.afo-anima [data-animate] {
	opacity: 0;
	transform: translateY( var(--afo-rev-distance, 30px) );
	transition:
		opacity var(--afo-rev-duration, 0.7s) var(--afo-rev-ease) var(--afo-rev-delay, 0s),
		transform var(--afo-rev-duration, 0.7s) var(--afo-rev-ease) var(--afo-rev-delay, 0s);
}

html.afo-anima [data-animate].is-revealed {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {

	* {
		animation: none !important;
		transition: none !important;
	}

	html.afo-anima [data-animate] {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

.afo-link-stampa {
	color: var(--_gold);
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
}

.afo-link-stampa:hover,
.afo-link-stampa:focus-visible {
	color: var(--_gold-light);
}