/* ============================================================================================
	FEATURED INFINITY TRIAL / PATTERN
============================================================================================ */
.hightime-infinity-trial-list {
	display: flex;
	flex-flow: wrap;
	gap: 8px
}
.hightime-infinity-trial-item:nth-of-type(1) {
	width: calc(50% - 4px)
}
.hightime-infinity-trial-item:nth-of-type(2) {
	order: 2;
	width: 100%
}
.hightime-infinity-trial-item:nth-of-type(3) {
	order: 3;
	width: 100%
}
.hightime-infinity-trial-item:nth-of-type(4) {
	order: 1;
	width: calc(50% - 4px)
}

@media screen and (min-width: 768px) {
	.hightime-infinity-trial-list {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: repeat(6, 1fr)
	}
	.hightime-infinity-trial-item:nth-of-type(1) { width: initial; grid-area: 1 / 1 / 7 / 3; }
	.hightime-infinity-trial-item:nth-of-type(2) { grid-area: 1 / 3 / 4 / 5; }
	.hightime-infinity-trial-item:nth-of-type(3) { grid-area: 4 / 3 / 7 / 5; }
	.hightime-infinity-trial-item:nth-of-type(4) { width: initial; grid-area: 1 / 5 / 7 / 7; }
}

.hightime-infinity-trial-item-image {
	margin: 0;
	width: 100%;
	height: 100%
}
.hightime-infinity-trial-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

/* heading */
.hightime-infinity-trial-heading {
	position: relative;
	z-index: 1;
	padding: 0 .5em;
	font-size: clamp(40px, 8vw, 90px);
	text-align: right
}
.hightime-infinity-trial-heading::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -.5em;
	z-index: -1;
	width: 4em;
	height: 1.5em;
	border: 4px solid var(--wp--preset--color--accent);
	border-right: 0;
	transform: translateY(-50%)
}