/* Page styles for template-parts/pages/personal.php — enqueued only on that page, after tailwind.css. */

body { font-family: 'Inter', system-ui, sans-serif; }
.dot-grid { background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size: 28px 28px; }
.ticker-scroll { animation: ticker 22s linear infinite; }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes mn-float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-10px); }
}
.mn-hero-img {
  filter: drop-shadow(0 24px 52px rgba(4, 30, 63, 0.18));
  animation: mn-float 5s ease-in-out infinite;
  display: block;
  max-width: 100%;
  height: auto;
}