.storyimage-breadcrumb .breadcrumb-item a { color: #B85B47; }
.storyimage-breadcrumb .breadcrumb-item.active { color: #4A4238; }
.category-hero { height: 500px; overflow: hidden; position: relative; margin-bottom: 3rem; }
.hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.2); }
.hero-image { height: 100%; width: 100%; object-fit: cover; animation: zoomInOut 20s ease-in-out infinite alternate; transform-origin: center center; }
.hero-placeholder { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; animation: fadePulse 8s ease-in-out infinite; }
.hero-content { z-index: 2; max-width: 800px; }
.hero-title { font-weight: 800; letter-spacing: 0.5px; text-shadow: 2px 2px 8px rgba(0,0,0,0.3); animation: textGlow 3s ease-in-out infinite alternate; }
.hero-subtitle { font-weight: 300; text-shadow: 1px 1px 4px rgba(0,0,0,0.3); max-width: 600px; margin: 0 auto; animation: textGlow 3s ease-in-out infinite alternate; }
.sub-title { text-align: center; font-family: Lato-Black; font-size: 3em; padding-bottom: .5em; font-weight: bold; color: #4A4238; letter-spacing: 1px; }
.hover-scale { transition: all 0.3s ease; }
.hover-scale:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(74,66,56,0.15) !important; }
.object-fit-cover { object-fit: cover; width: 100%; transition: transform 0.5s ease; }
.hover-zoom:hover { transform: scale(1.1); }
.shine { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); transition: all 0.8s; }
.card:hover .shine { left: 100%; }
.pulse-on-hover { position: relative; overflow: hidden; }
.pulse-on-hover:hover { animation: pulse 1s infinite; }
.hover-bounce:hover { animation: bounce 0.5s; }
@keyframes zoomInOut { 0% { transform: scale(1); } 100% { transform: scale(1.05); } }
@keyframes fadePulse { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes textGlow { from { text-shadow: 0 0 10px rgba(255, 255, 255, 0.3); } to { text-shadow: 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(255, 255, 255, 0.3); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} }
@keyframes pulse { 0% {transform: scale(1);} 50% {transform: scale(1.05);} 100% {transform: scale(1);} }
@media (max-width: 768px) { .category-hero { height: 350px; } .hero-title { font-size: 2rem; } .hero-subtitle { font-size: 1rem; } }