/**
 * Copy + video parallax — Environmental Stewardship
 */

.gt-cwip {
	--gt-cwip-bg: #fff;
	--gt-cwip-eyebrow: var(--gt-brand-cyan, #00aaef);
	--gt-cwip-title: #063652;
	--gt-cwip-body: #555;
	--gt-cwip-divider: var(--gt-brand-cyan, #00aaef);
	--gt-cwip-parallax: 18;
	--gt-cwip-img-scale: calc(1 + (var(--gt-cwip-parallax) * 0.007));
	background-color: var(--gt-cwip-bg);
	color: var(--gt-cwip-body);
}

.gt-cwip__copy-wrap {
	padding-top: clamp(3.5rem, 8vw, 5.5rem);
	padding-bottom: clamp(2.5rem, 6vw, 4rem);
}

.gt-cwip__eyebrow {
	margin: 0 0 1.25rem;
	font-family: var(--gt-display-font, var(--gt-font-saira));
	font-size: 13px;
	font-weight: 600;
	line-height: 13px;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: var(--gt-cwip-eyebrow);
}

.gt-cwip__title {
	margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);
	max-width: 26rem;
	font-family: var(--gt-display-font, var(--gt-font-saira));
	font-size: clamp(2rem, 4.5vw, 48px);
	font-weight: 600;
	line-height: 1.04;
	letter-spacing: 0.35px;
	color: var(--gt-cwip-title);
}

.gt-cwip__intro {
	max-width: 36rem;
	margin: 0 0 clamp(2rem, 5vw, 3.5rem);
	font-family: var(--gt-ui-font, var(--gt-font-inter));
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.45px;
	color: var(--gt-cwip-body);
}

.gt-cwip__intro p {
	margin: 0 0 1rem;
}

.gt-cwip__intro p:last-child {
	margin-bottom: 0;
}

.gt-cwip__columns {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1.75rem, 4vw, 2.5rem);
}

@media (min-width: 992px) {
	.gt-cwip__columns--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gt-cwip__columns--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.gt-cwip__columns--4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.gt-cwip__col + .gt-cwip__col {
		border-left: 1.5px solid var(--gt-cwip-divider);
		padding-left: clamp(1.25rem, 2.5vw, 2rem);
	}
}

.gt-cwip__col-body {
	font-family: var(--gt-ui-font, var(--gt-font-inter));
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.45px;
}

.gt-cwip__col-body p {
	margin: 0 0 1rem;
}

.gt-cwip__col-body p:last-child {
	margin-bottom: 0;
}

/* Full-bleed parallax media */
.gt-cwip__figure {
	margin: 0;
	width: 100%;
}

.gt-cwip__parallax {
	position: relative;
	width: 100%;
	height: clamp(16rem, 40vw, 35.9375rem);
	overflow: hidden;
	background: rgb(6 54 82 / 0.06);
}

.gt-cwip__parallax-img,
.gt-cwip__parallax-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% * var(--gt-cwip-img-scale));
	object-fit: cover;
	object-position: center center;
	will-change: transform;
	transform: translate3d(0, 0, 0);
}

.gt-cwip__parallax-video {
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	.gt-cwip__parallax-img,
	.gt-cwip__parallax-video {
		height: 100%;
		will-change: auto;
		transform: none !important;
	}

	.gt-cwip.gt-reveal {
		opacity: 1;
		transform: none;
	}
}