.tblog-hero {
	position: relative;
	color: #fff;
	overflow: hidden;
}

/* The source homepage uses the banner section itself as the parallax layer.
 * Keep the image out of the content stack so the native fixed background is
 * not covered by a second, absolutely positioned image. */
.tblog-hero--home {
	background-color: #032d5f;
	background-image: var(--tblog-hero-background-image);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.tblog-hero__media,
.tblog-hero__shade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.tblog-hero__media {
	z-index: 0;
	object-fit: cover;
	object-position: center;
}

.tblog-hero__shade {
	z-index: 1;
	background: linear-gradient(90deg, rgb(3 45 95 / 95%) 0%, rgb(3 45 95 / 55%) 46%, transparent 100%);
}

.tblog-hero--home .tblog-hero__shade {
	display: none;
}

.tblog-hero--home .tblog-hero__content {
	max-width: 550px;
}

.tblog-hero--home .tblog-hero__eyebrow {
	margin-bottom: 0;
}

.tblog-hero--home .tblog-hero__summary {
	max-width: none;
	margin-bottom: 10px;
}

.tblog-hero--home .tblog-hero__actions {
	display: block;
}

.tblog-hero--home .yellow-overlay-button .text-block {
	display: block;
}

.tblog-hero--about .tblog-hero__shade {
	background: linear-gradient(90deg, #032d5f 18%, rgb(1 17 36 / 50%) 47%, transparent);
}

.tblog-hero--services .tblog-hero__shade {
	background: linear-gradient(90deg, #00377c 18%, rgb(0 55 124 / 56%) 40%, rgb(3 45 95 / 20%));
}

.tblog-hero--services .tblog-hero__content {
	max-width: 550px;
}

.tblog-hero--services .tblog-hero__eyebrow {
	margin-bottom: 0;
}

.tblog-hero--service-sea .tblog-hero__shade,
.tblog-hero--service-air .tblog-hero__shade,
.tblog-hero--service-truck .tblog-hero__shade,
.tblog-hero--service-customs .tblog-hero__shade {
	background: linear-gradient(90deg, #032d5f 18%, rgb(2 25 52 / 55%) 42%, transparent);
}

.tblog-hero--projects .tblog-hero__shade,
.tblog-hero--project-single .tblog-hero__shade,
.tblog-hero--blog .tblog-hero__shade,
.tblog-hero--careers .tblog-hero__shade,
.tblog-hero--contact .tblog-hero__shade {
	background: linear-gradient(90deg, #032d5f 16%, rgb(1 22 47 / 55%) 44%, transparent);
}

.tblog-hero--blog-single .tblog-hero__shade {
	display: none;
}

.tblog-hero--blog .tblog-hero__eyebrow {
	margin-bottom: 0;
}

.tblog-hero--blog-single .blog-banner-overlay {
	z-index: 1;
}

.tblog-hero--about .tblog-hero__content,
.tblog-hero--about .tblog-hero__title,
.tblog-hero--service-sea .tblog-hero__content,
.tblog-hero--service-sea .tblog-hero__title,
.tblog-hero--service-air .tblog-hero__content,
.tblog-hero--service-air .tblog-hero__title,
.tblog-hero--service-truck .tblog-hero__content,
.tblog-hero--service-truck .tblog-hero__title,
.tblog-hero--service-customs .tblog-hero__content,
.tblog-hero--service-customs .tblog-hero__title,
.tblog-hero--projects .tblog-hero__content,
.tblog-hero--projects .tblog-hero__title,
.tblog-hero--project-single .tblog-hero__content,
.tblog-hero--project-single .tblog-hero__title,
.tblog-hero--blog .tblog-hero__content,
.tblog-hero--blog .tblog-hero__title,
.tblog-hero--blog-single .tblog-hero__content,
.tblog-hero--blog-single .tblog-hero__title,
.tblog-hero--careers .tblog-hero__content,
.tblog-hero--careers .tblog-hero__title,
.tblog-hero--contact .tblog-hero__content,
.tblog-hero--contact .tblog-hero__title {
	max-width: none;
}

.tblog-hero__inner {
	position: relative;
	z-index: 2;
}

.tblog-hero__content {
	max-width: 760px;
}

.tblog-hero__eyebrow {
	margin: 0;
}

.tblog-hero__eyebrow p,
.tblog-hero__summary,
.tblog-hero__meta p {
	margin: 0;
}

.tblog-hero__title {
	max-width: 760px;
}

.tblog-hero__summary {
	max-width: 680px;
}

.tblog-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.tblog-hero--about .tblog-hero__media {
	object-position: right center;
}

.tblog-hero--contact .tblog-hero__media {
	object-position: 50% 70%;
}

.tblog-hero--contact .tblog-hero__eyebrow {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.tblog-hero__content {
		max-width: 100%;
	}

	/* Fixed backgrounds are unreliable on touch browsers. The source site
	 * falls back to a normal scrolling background on those devices. */
	.tblog-hero--home {
		background-image: var(--tblog-hero-background-image-mobile, var(--tblog-hero-background-image));
		background-attachment: scroll;
	}

	.tblog-hero--about .tblog-hero__media,
	.tblog-hero--contact .tblog-hero__media {
		object-position: 65% center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tblog-hero--home {
		background-attachment: scroll;
	}
}