/* Hub ATF layout (live /uslugi, /wiedza, /kim-jestesmy and hub mockups). Loaded after site-nav.css. */

.home-mock-banner {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 40;
	max-width: 16rem;
	margin: 0;
	background: #111;
	color: #fff;
	font-size: 0.7rem;
	line-height: 1.4;
	letter-spacing: 0.02em;
	text-align: left;
	padding: 0.65rem 0.8rem;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}
.home-mock-banner a {
	color: #f8cb19;
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

body.-hub footer,
body.-hub section.section {
	margin: 0 0 0.375rem !important;
}

@media only screen and (min-width: 90.063em) {
	body.-hub footer,
	body.-hub section.section {
		margin: 0 0 0.375rem !important;
	}
}

/* Kim jesteśmy: przywróć odstępy między blokami zdjęcie+tekst */
body.-hub section.section.crew,
body.-hub section.section.gain,
body.-hub section.section.goal,
body.-hub section.section.services {
	margin: 0 0 5rem !important;
}

@media only screen and (min-width: 46.063em) {
	body.-hub section.section.crew,
	body.-hub section.section.gain,
	body.-hub section.section.goal,
	body.-hub section.section.services {
		margin: 0 0 7.5rem !important;
	}
}

@media only screen and (min-width: 75em) {
	body.-hub section.section.crew,
	body.-hub section.section.gain,
	body.-hub section.section.goal,
	body.-hub section.section.services {
		margin: 0 0 6.25rem !important;
	}
}

@media only screen and (min-width: 90.063em) {
	body.-hub section.section.crew,
	body.-hub section.section.gain,
	body.-hub section.section.goal,
	body.-hub section.section.services {
		margin: 0 0 9.375rem !important;
	}
}

body.-hub .page-breadcrumb-bar + section.section.banner {
	margin-top: 0 !important;
}

body.-hub .scroll-initiator {
	display: none !important;
}

body.-hub .title-container .banner-numbers,
body.-hub .title-container .separator {
	display: none !important;
}

body.-hub section.section.banner:not(.-contact) > .row > .container .text-content .desc-container p.h1 {
	font-weight: 300 !important;
}

body.-hub section.section.services .background-image {
	display: none !important;
}

/* ATF: 30% dotychczasowej wysokości (zmniejszenie o 70%) */
@media only screen and (min-width: 46.063em) {
	body.-hub section.section.banner:not(.-contact) {
		height: calc((100dvh - 4.25rem) * 0.3) !important;
		max-height: calc((100dvh - 4.25rem) * 0.3) !important;
		min-height: 0 !important;
		overflow: hidden;
	}

	body.-hub .page-breadcrumb-bar + section.section.banner:not(.-contact) {
		height: calc((100dvh - 4.25rem - 3.25rem) * 0.3) !important;
		max-height: calc((100dvh - 4.25rem - 3.25rem) * 0.3) !important;
		min-height: 0 !important;
	}

	body.-hub section.section.banner:not(.-contact) > .row > .container .text-content {
		padding-top: 0.6rem !important;
		padding-bottom: 0.6rem !important;
	}

	body.-hub section.section.banner:not(.-contact) > .row > .container .text-content .title-container {
		padding-top: 0.75rem !important;
	}

	body.-hub section.section.banner:not(.-contact) > .row > .container .text-content .desc-container {
		margin-top: 0.5rem !important;
		margin-bottom: 0.35rem !important;
	}

	body.-hub section.section.banner:not(.-contact) > .row > .container .text-content .title-container h1.span,
	body.-hub section.section.banner:not(.-contact) > .row > .container .text-content .title-container .banner-numbers {
		font-size: clamp(1.1rem, 2vh + 0.75rem, 2rem) !important;
		line-height: 1.15 !important;
	}

	body.-hub section.section.banner:not(.-contact) > .row > .container .text-content .desc-container p.h1 {
		font-size: clamp(0.85rem, 1.1vh + 0.45rem, 1.125rem) !important;
		font-weight: 300 !important;
		line-height: 1.35 !important;
	}
}