/* Overrides for the static rebuild (replaces jQuery-driven behaviour) */
html { scroll-behavior: smooth; }
a[name] { display: block; position: relative; top: -90px; visibility: hidden; }

/* Fade in */
html.js body { transition: opacity 500ms ease; }
html.loaded body { opacity: 1; }

/* Portfolio hover overlay (was animated with jQuery) */
#section-portfolio .display-box .overlay { transition: top 300ms ease; }
#section-portfolio .display-box:hover .overlay,
#section-portfolio .display-box:focus-within .overlay { top: 5%; }

/* Mobile menu toggle */
@media all and (max-width: 768px) {
	.nav-mobile.open { display: block; }
}

/* Contact form status */
.status-messages { margin-bottom: 1.5em; padding: 1em; font-size: 1.6em; font-weight: 600; }
.status-messages.error { background: #212121; color: #fff; }
.status-messages.success { background: #fff; color: #212121; }

/* Images inside project write-ups */
.section-image img, .single-post .main img { max-width: 100%; height: auto; }