/* Your CSS goes here */


/* Canada Chemical adjustments */
.experience-number { font-size: 6rem; letter-spacing: -0.04em; }
.section-projects .view-products-public .view-content { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 991px) { .section-projects .view-products-public .view-content { grid-template-columns: repeat(2, 1fr); } }
.news-item img { aspect-ratio: 10 / 7; object-fit: cover; }
/* Article cards: titles always visible (most posts share the default image). */
.news-item .news-hover { background: linear-gradient(to top, rgba(10,12,14,.88) 0%, rgba(10,12,14,.55) 55%, rgba(10,12,14,.15) 100%); display: flex; flex-direction: column; justify-content: flex-end; }
.news-item .news-hover .content, .news-item .news-hover .news-description, .news-item .news-hover .read-more { opacity: 1; transform: none; }
.news-item .news-hover .news-title { transform: none; font-size: 1.5rem; }
.news-item .news-hover .news-title a, .news-item .news-hover .read-more a { color: #fff; }
.news-item .news-hover .time, .news-item .news-hover .news-description { color: rgba(255,255,255,.75); }
.news-item:hover .news-hover { background: #fff; }
.news-item:hover .news-hover .news-title a, .news-item:hover .news-hover .read-more a { color: #000; }
.news-item:hover .news-hover .time, .news-item:hover .news-hover .news-description { color: #999; }
.news-item .news-hover .news-description { display: none; }
.news-item .news-hover .news-title { margin-bottom: 2.4rem; }