(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-WM6SQC32′);
const hamburger = document.getElementById(‘hamburger’);
const mobileMenu = document.getElementById(‘mobile-menu’);
hamburger.addEventListener(‘click’, () => {
if (mobileMenu.style.display === ‘block’) {
mobileMenu.style.display = ‘none’;
hamburger.textContent = ‘☰’;
} else {
mobileMenu.style.display = ‘block’;
hamburger.textContent = ‘✕’;
}
});
#stories-grid {
display: grid;
gap: 32px;
}
@media (max-width: 767px) {
#stories-grid { grid-template-columns: 1fr; }
}
@media (min-width: 768px) and (max-width: 1023px) {
#stories-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
#stories-grid { grid-template-columns: repeat(3, 1fr); }
}
.story-card {
background: white;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
height: 100%;
}
.story-card:hover {
transform: translateY(-12px) scale(1.03);
box-shadow: 0 25px 50px rgba(0,0,0,0.15) !important;
}
.story-card img {
width: 100%;
height: 220px;
object-fit: cover;
transition: transform 0.5s ease;
}
.story-card:hover img {
transform: scale(1.08);
}
.card-content {
padding: 28px;
}
.date {
color: #10B981;
font-size: 0.9rem;
margin: 0 0 8px 0;
}
.story-card h3 {
font-size: 1.45rem;
margin: 0 0 16px 0;
line-height: 1.3;
}
.read-more {
color: #10B981;
font-weight: 600;
}
@media (max-width: 767px) {
.story-card img { height: 160px; }
.card-content { padding: 20px; }
#desktop-nav { display: none !important; }
#hamburger { display: block !important; }
}
