/**
 * Storavya Cinematic Animations
 * Smooth, intentional, luxury micro-interactions
 */

/* Fade Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Animation Classes */
.animate-fade-in {
    animation: fadeIn 0.8s cubic-bezier(0.2, 0.9, 0.3, 1) forwards;
}

.animate-fade-in-up {
    animation: fadeInUp 1s cubic-bezier(0.2, 0.9, 0.3, 1) forwards;
}

.animate-fade-in-down {
    animation: fadeInDown 1s cubic-bezier(0.2, 0.9, 0.3, 1) forwards;
}

.animate-scale-in {
    animation: scaleIn 0.6s cubic-bezier(0.2, 0.9, 0.3, 1) forwards;
}

/* Scroll Arrow Bounce */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.scroll-arrow {
    animation: bounce 2s infinite;
}

/* Hero Backdrop Pulse */
@keyframes pulse {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.6; }
}

.hero-backdrop {
    animation: pulse 8s ease-in-out infinite;
}

/* Theme Transition */
body.theme-transitioning,
body.theme-transitioning * {
    transition: background-color 0.4s ease,
                color 0.4s ease,
                border-color 0.4s ease,
                box-shadow 0.4s ease !important;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}
DAY_EOF

cat > /home/claude/storavya-theme/assets/css/responsive.css << 'RESPONSIVE_EOF'
/**
 * Storavya Responsive System
 * Mobile-first, thumb-friendly design
 */

/* Mobile (default) */
@media (max-width: 767px) {
    .site-header {
        padding: 16px 0;
    }
    
    .header-inner {
        grid-template-columns: auto 1fr auto;
    }
    
    .header-center {
        justify-content: center;
    }
    
    .hero-section {
        min-height: 60vh;
        padding: 64px 0;
    }
    
    .hero-main-title {
        font-size: 3rem;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .story-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .story-card__title {
        font-size: 1rem;
    }
    
    .footer-content {
        text-align: center;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .story-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

/* Desktop */
@media (min-width: 1024px) {
    .story-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 32px;
    }
}

/* Large Desktop */
@media (min-width: 1440px) {
    .story-grid {
        grid-template-columns: repeat(6, 1fr);
    }
}

/* Landscape */
@media (orientation: landscape) and (max-height: 600px) {
    .hero-section {
        min-height: 100vh;
        padding: 80px 0;
    }
}

/* Touch Devices */
@media (hover: none) and (pointer: coarse) {
    .story-card:hover {
        transform: none;
    }
    
    .slider-nav {
        display: none;
    }
}

/* High Resolution */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .story-card__image {
        image-rendering: crisp-edges;
    }
}
RESPONSIVE_EOF

echo "Created day-mode, night-mode, animations, and responsive CSS files"