html, body { max-width: 100%; overflow-x: hidden; }

.website-first-load { min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: 14px; padding: 24px; background: #201060; color: #fff; font: 800 16px/1.5 Inter, ui-sans-serif, system-ui, sans-serif; text-align: center; }
.website-first-load img { width: 76px; height: 76px; object-fit: contain; background: #fff; border-radius: 18px; padding: 6px; }

@media (max-width: 560px) {
  .nav-wrap { width: 100%; }
  .hero, .section, .intro-strip, .experiences, .site-footer { max-width: 100%; }
  .hero-card { display: none; }
}