/* polish.css — refinement layer over the HTML5 UP "Phantom" base.
   Loaded AFTER main.css so these rules win. Keeps the theme; tightens
   the details and adds platform-native behavior. */

/* --- Portfolio tiles: calmer hover, honest screenshots ---------------------- */
.tiles article {
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.tiles article:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}
.tiles article .image img {
	object-fit: cover;
}

/* --- Accessibility & platform feel ------------------------------------------- */
a:focus-visible, button:focus-visible {
	outline: 2px solid #585858;
	outline-offset: 3px;
}
#wrapper {
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}
@media (prefers-reduced-motion: reduce) {
	.tiles article, .tiles article:hover { transform: none; transition: none; }
	*, *:before, *:after {
		transition-duration: 0.001s !important;
		animation-duration: 0.001s !important;
	}
}