/* =========================================
   MIĘDZYNARODOWY TRANSPORT ZMARŁYCH
   Mobile-first
   ========================================= */

.international-transport-page h3 {
	margin: 0;

	font-size: 21px;
	line-height: 1.3;
}


/* =========================================
   KOMPONENTY
   ========================================= */


/* =========================================
   BREADCRUMBS
   ========================================= */


/* =========================================
   HERO
   ========================================= */

.international-transport-hero h1 {
	max-width: 13ch;

	margin: 0;

	font-size: clamp(39px, 10.5vw, 54px);
	line-height: 1.025;

	letter-spacing: -.032em;
}


.international-transport-hero__lead {
  max-width:42ch;
}

/*
 * Mobile:
 * zdjęcie na pełną szerokość viewportu.
 * Oryginalne proporcje.
 */

.international-transport-photo-placeholder {
	display: block;

	width: 100%;
	min-height: 280px;

	background: var(--color-surface);
}


/* =========================================
   SPLIT
   ========================================= */

.international-transport-split {
	display: grid;

	gap: 34px;
}


.international-transport-page .section-heading h2 {
	max-width: 13ch;
}


.international-transport-prose {
	max-width: 700px;
}


.international-transport-prose .lead-copy {
	margin-bottom: 23px;
}


.international-transport-prose
> p:not(.lead-copy) {
	color: var(--color-muted);

	line-height: 1.68;
	
}


/* =========================================
   INTRO
   ========================================= */

.international-transport-intro {
	padding:
		72px
		0;
}


/* =========================================
   ZAKRES USŁUGI
   ========================================= */

.international-transport-scope {
	padding:
		72px
		0;

	background: var(--color-surface);
}


.international-transport-scope__heading {
	max-width: 750px;

	margin-bottom: 42px;
}


.international-transport-scope__heading h2 {
	max-width: 15ch;
}


.international-transport-scope__items {
	display: grid;

	gap: 34px;
}


.international-transport-scope__items article {
	padding-top: 24px;

	border-top:
		1px solid var(--color-border);
}


.international-transport-number {
	display: block;

	margin-bottom: 26px;

	color: var(--color-gold);

	font-size: 12px;
	font-weight: 600;

	letter-spacing: .08em;
}


.international-transport-scope__items h3 {
	margin-bottom: 13px;
}


.international-transport-scope__items p {
	margin-bottom: 0;

	color: var(--color-muted);

	line-height: 1.65;
}


.international-transport-scope__items .text-link {
	margin-top: 18px;
}


/* =========================================
   ORGANIZACJA PRZEWOZU
   ========================================= */

.international-transport-process {
	padding:
		72px
		0;
}


/* =========================================
   KONTAKT
   ========================================= */


.international-transport-contact h2 {
	max-width: 15ch;

	color: var(--color-white);
}


.international-transport-contact__copy
> p:last-child {
	max-width: 650px;

	margin: 20px 0 0;

	line-height: 1.68;
}


/* =========================================
   TABLET — 768+
   ========================================= */

@media (min-width: 768px) {

.international-transport-hero h1 {
		font-size: 50px;
	}

.international-transport-split {
		grid-template-columns:
			minmax(0, .72fr)
			minmax(0, 1.28fr);

		gap: 72px;
	}


	.international-transport-intro,
	.international-transport-scope,
	.international-transport-process {
		padding:
			88px
			0;
	}


	.international-transport-scope__items {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap:
			44px
			54px;
	}


	


	

}


/* =========================================
   DESKTOP — 1200+
   ========================================= */

@media (min-width: 1200px) {
.international-transport-hero h1 {
		font-size: 60px;
		line-height: 1.02;
	}

.international-transport-split {
		gap: 120px;
	}


	.international-transport-scope__items {
		grid-template-columns:
			repeat(4, minmax(0, 1fr));

		gap: 42px;
	}


	


	


	

}