/* Proof – responsive */

@media only screen and (max-width: 1080px) {
	header {
		height: 35vw;
		background-size: 120%;
	}
}

@media only screen and (max-width: 1060px) {
	main {
		flex-direction: column;
		gap: 0;
	}

	section#content { width: 100%; }

	aside {
		position: static;
		min-width: 100%;
		max-width: 100%;
		margin-top: 20px;
		padding-top: 30px;
		border-top: 1px solid;
	}

	aside .sidebox .proj { max-width: 420px; }

	#wbox { flex-direction: column; gap: 34px; }

	#wbox.wbox-widgets { gap: 30px; }

	#wbox #latest { max-width: 100%; }
}

@media only screen and (min-width: 861px) {
	#rmenu { display: block !important; }
}

@media only screen and (max-width: 860px) {
	#show-menu { display: block; }

	nav ul.menu { display: none; }

	nav ul.menu li {
		padding: 13px 4%;
		border-bottom: 1px solid;
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: left;
	}

	nav ul.menu li:not(:last-child)::after { display: none; }

	nav ul.menu li a { min-height: 0 !important; line-height: normal !important; }

	nav ul.menu { flex-direction: column; row-gap: 0; padding: 0 0 6px 0; max-width: 100%; }

	article .title h1, article h2 { font-size: 27px; }

	article .entry .featured.has-overlay .fovl { padding: 16px 14px 12px 14px; }

	article .entry .featured.has-overlay .fovl h1 { font-size: 21px; }

	article .entry .featured.has-overlay .fovl .ftag { font-size: 12px; }

	#site { margin-top: 34px; }

	main { margin: 56px auto; }

	article { margin-bottom: 70px; }

	article .entry img, aside .sidebox img { max-width: 17vw; height: auto; }

	article .entry .featured img { max-width: 100%; }


	footer #cred { flex-direction: column; align-items: flex-start; }
}

@media only screen and (max-width: 640px) {
	#fstrip, #fstrip img { height: 120px; }

	#fbtn { padding: 11px 16px; font-size: 10px; letter-spacing: 0.2em; text-indent: 0.2em; }

	#wbox #welcome span { font-size: 14px; }

	#edge { gap: 10px; font-size: 9px; letter-spacing: 0.32em; text-indent: 0.32em; }

	footer #disc { padding-left: 0; background-image: none !important; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		transition: none !important;
		animation: none !important;
	}
}