/* Pierwszy ekran bez wydarzeń: przypięty projekt albo najnowsza aktualność.
   Oba warianty dzielą układ; aktualność dokłada tylko nagłówek-link. */
.kg-hero--project { padding-block: 36px 92px; }
.kg-hero--project .kg-hero__grid { gap: 28px; grid-template-columns: minmax(0, 1fr); }
.kg-hero__project-copy { gap: 16px; min-width: 0; }
/* Nagłówek i akapity w hero to surowy HTML, więc marginesy przeglądarki biją „gap”. */
.kg-hero__project-copy > * { margin: 0; }
.kg-hero--project .kg-hero__title {
	font-size: clamp(30px, 5vw, 52px);
	line-height: 1.1;
	max-width: 24ch;
	overflow-wrap: anywhere;
}
.kg-hero--project .kg-hero__lead { font-size: 17px; line-height: 1.5; }
.kg-hero__project-deadline { font-size: 16px; font-weight: 700; }
.kg-hero__project-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px; }
.kg-hero__project-image { display: block; width: 100%; max-width: 400px; justify-self: center; }
.kg-hero__project-image .kg-poster {
	width: 100%;
	aspect-ratio: var(--kg-poster-ratio, 2 / 3);
	border-radius: 16px;
}
.kg-hero__project-image .kg-poster__img { object-fit: contain; }
/* Tytuły z Facebooka bywają długie, więc czołówka jest o stopień mniejsza. */
.kg-hero--news .kg-hero__title { font-size: clamp(28px, 4.2vw, 44px); max-width: 30ch; }
.kg-hero--news .kg-hero__news-link { color: inherit; font-weight: inherit; }
.kg-hero--news .kg-hero__news-link:hover { background-color: transparent; color: inherit; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .12em; }
@media (min-width: 1024px) {
	.kg-hero--project .kg-hero__grid { grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); gap: 48px; }
	.kg-hero__project-copy { gap: 22px; }
	.kg-hero--project .kg-hero__lead { font-size: 19px; }
	.kg-hero__project-image { max-width: 360px; }
}