/* Sitto - News */
.sitto-news {
	--news-cols: 3;
	--news-ratio: 4 / 3;
	--news-radius: 32px;
	--news-title: #181D27;
	--news-meta: #717680;
	display: grid; grid-template-columns: repeat(var(--news-cols), minmax(0, 1fr)); gap: 48px 32px;
}
.sitto-news__item { display: flex; flex-direction: column; text-decoration: none; color: inherit; outline: none; }
.sitto-news__item:focus-visible .sitto-news__media { box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #0070D6; }
.sitto-news__media { display: block; aspect-ratio: var(--news-ratio); border-radius: var(--news-radius); overflow: hidden; background: #F5F6F8; }
.sitto-news__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.sitto-news__item:hover .sitto-news__img { transform: scale(1.04); }
.sitto-news__meta { display: flex; align-items: center; gap: 12px; margin-top: 24px; font-size: 16px; font-weight: 500; color: var(--news-meta); }
.sitto-news__dot { width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .7; }
.sitto-news .sitto-news__title {
	margin: 12px 0 0; color: var(--news-title) !important; font-size: 26px !important; font-weight: 600 !important;
	line-height: 1.25 !important; letter-spacing: -0.5px !important; text-wrap: balance;
}
.sitto-news__title span { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1.5px no-repeat; transition: background-size .35s ease; }
.sitto-news__item:hover .sitto-news__title span,
.sitto-news__item:focus-visible .sitto-news__title span { background-size: 100% 1.5px; }
@media (max-width: 1024px) { .sitto-news { gap: 40px 24px; } .sitto-news .sitto-news__title { font-size: 22px !important; } }
@media (max-width: 767px) { .sitto-news .sitto-news__title { font-size: 20px !important; } .sitto-news__meta { margin-top: 18px; font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .sitto-news__img, .sitto-news__title span { transition: none; } }
