/* Custom overrides — Tailwind loaded via CDN in base.html */

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

/* Fade-in on scroll */
.fade-in {
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

/* Line clamp */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Gradient animation for hero text */
@keyframes gradient {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}
.animate-gradient { animation: gradient 3s ease infinite; }
.bg-300\% { background-size: 300%; }

/* Selection */
::selection { background: #ef4444; color: white; }