.samuraj-section {
	position: relative;
}
.samuraj-section.content-grid > div {
	grid-column: feature;
	width: 100% !important;
	max-width: 100%;
}
.samuraj-section > div > figure {
	grid-column: span all;
	width: 100%;
	grid-column: 1 / -1;
	overflow: hidden;
}
.samuraj-section > div > figure img {
	display: block;
	min-width: 100%;
	aspect-ratio: 2/1;
	object-fit: cover;
}

.samuraj-section.content-grid.bg-img {
	grid-column: full-start / full-end;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: var(--section-padding-block);
	background-position: center center;
}

@media screen and (min-width: 1026px) {
	.samuraj-section.content-grid.bg-img {
		background-attachment: fixed;
	}
}
@media screen and (max-width: 767px) {
	.samuraj-section.content-grid.bg-img {
		height: 60vh;
		margin-bottom: calc(var(--section-padding-block) * 2);
		margin-top: calc(var(--section-padding-block) * 0.5);
	}
}
/* PADDING */
/* Padding Top Classes */
.samuraj-section--pt-none {
	padding-top: 0;
}

.samuraj-section--pt-xs {
	padding-top: var(--space-xs);
}

.samuraj-section--pt-s {
	padding-top: var(--space-s);
}

.samuraj-section--pt-l {
	padding-top: var(--space-l);
}

.samuraj-section--pt-xl {
	padding-top: var(--space-xl);
}

/* Padding Bottom Classes */
.samuraj-section--pb-none {
	padding-bottom: 0;
}

.samuraj-section--pb-xs {
	padding-bottom: var(--space-xs);
}

.samuraj-section--pb-s {
	padding-bottom: var(--space-s);
}

.samuraj-section--pb-l {
	padding-bottom: var(--space-l);
}

.samuraj-section--pb-xl {
	padding-bottom: var(--space-xl);
}

/* Desktop Only Padding Classes - 1026px and up */
@media (min-width: 1026px) {
	/* Padding Top Desktop Only */
	.samuraj-section--pt-none-desktop {
		padding-top: 0;
	}

	.samuraj-section--pt-xs-desktop {
		padding-top: var(--space-xs);
	}

	.samuraj-section--pt-s-desktop {
		padding-top: var(--space-s);
	}

	.samuraj-section--pt-l-desktop {
		padding-top: var(--space-l);
	}

	.samuraj-section--pt-xl-desktop {
		padding-top: var(--space-xl);
	}

	/* Padding Bottom Desktop Only */
	.samuraj-section--pb-none-desktop {
		padding-bottom: 0;
	}

	.samuraj-section--pb-xs-desktop {
		padding-bottom: var(--space-xs);
	}

	.samuraj-section--pb-s-desktop {
		padding-bottom: var(--space-s);
	}

	.samuraj-section--pb-l-desktop {
		padding-bottom: var(--space-l);
	}

	.samuraj-section--pb-xl-desktop {
		padding-bottom: var(--space-xl);
	}
}
