.hut-slider .headline {
	grid-area: 1/2/1/span 12;
	max-width: 40ch;
}

.hut-slider .text-container {
	grid-area: 2/2/2/span 12;
	max-width: 92ch;
}

.hut-slider .default-slider {
	grid-area: 3/1/3/span 14;
}

.hut-slider .default-slider .splide__list .splide__slide {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: var(--m-sm);
	align-self: flex-start;
	align-items: center;
	justify-content: space-between;
	width: max(420px, calc((var(--grid-col-width) * 5) + (var(--grid-gap) * 4))) !important;
	margin-right: calc(var(--grid-col-width) * 3);
	margin-left: calc((var(--grid-col-width) * -.5) - (var(--grid-gap) * .5));
	margin-top: var(--m-md);
	opacity: .5;
	transition: var(--def-trans);
}

.hut-slider .default-slider .splide__list .splide__slide.is-active {
	margin-bottom: var(--m-md);
	margin-top: 0;
	opacity: 1;
}

.hut-slider .default-slider .hut-content {
	grid-column: 1/span 2;
}

.hut-slider .default-slider .hut-content .hut-icon {
	width: max(32px, 1.875vw);
	aspect-ratio: 1/1;
	margin-right: var(--m-sm);
}

.hut-slider .default-slider .hut-content .hut-details .hut-detail:not(:last-child)::after {
	content: "|";
	margin: 0 .5ch;
}

.hut-slider .default-slider .hut-thumbnail {
	grid-column: 3/span 3;
	width: 100%;
	aspect-ratio: 558/654;
}

.hut-slider .default-slider-nav {
	grid-area: 3/6/3/span 4;
	justify-self: flex-end;
}

@media (max-width: 991.98px) {
	.hut-slider .default-slider .splide__list .splide__slide {
		margin-top: 0;
		display: flex;
		flex-direction: column-reverse;
		width: max(420px, 37.890625vw) !important;
		max-width: 100%;
		margin-left: 0;
		margin-right: max(128px, 15.15625vw);
	}

	.hut-slider .default-slider .splide__list .splide__slide.is-active {
		margin-bottom: 0;
	}

	.hut-slider .default-slider-nav {
		grid-area: 4/2/4/span 12;
		justify-self: center;
		margin-top: var(--m-md);
	}

	.hut-slider .default-slider .hut-content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.hut-slider .default-slider .hut-content .hut-icon {
		margin-right: 0;
		align-self: center;
		transform: translateY(-50%);
	}
}

@media (max-width: 575.98px) {
	.hut-slider .default-slider {
		grid-area: 3/2/3/span 12;
    	margin-top: var(--m-md);
	}

	.hut-slider .default-slider .splide__list .splide__slide {
		width: 100% !important;
		margin-right: 0;
	}

	.hut-slider .default-slider .hut-content .hut-title {
		margin-top: var(--m-xs);
	}

	.hut-slider .default-slider .hut-content .hut-details {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 1em;
		margin-top: var(--m-sm);
	}

	.hut-slider .default-slider .hut-content .hut-details .hut-detail:not(:last-child)::after {
		content: none;
	}
}