.bi-home-history,
.bi-home-history * {
	box-sizing: border-box;
}

.bi-home-history {
	--bi-history-accent: #c89445;
	--bi-history-green: #00a982;
	width: 100%;
	margin-top: 30px;
	padding: 27px;
	color: #fff;
	background:
		radial-gradient(circle at 92% 0, rgba(200, 148, 69, .13), transparent 31%),
		linear-gradient(145deg, #071b15 0%, #0c2920 100%);
	border-radius: 14px;
	container-name: bi-home-history;
	container-type: inline-size;
}

.bi-home-history a {
	color: inherit;
	text-decoration: none;
}

.bi-home-history__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.bi-home-history__heading-copy {
	min-width: 0;
}

.bi-home-history__kicker,
.bi-home-history__story-label {
	display: block;
	color: #e0b976;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.bi-home-history__header h2 {
	margin: 5px 0 0 !important;
	color: #fff !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
	text-transform: none;
}

.bi-home-history__header p {
	margin: 7px 0 0;
	color: rgba(255, 255, 255, .7);
	font-size: 13px;
	line-height: 1.35;
}

.bi-home-history__all {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
	min-width: 208px;
	padding: 12px 15px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 8px;
}

.bi-home-history__all span:last-child {
	color: #e0b976;
	font-size: 18px;
}

.bi-home-history__all--mobile {
	display: none;
}

.bi-home-history__mosaic {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(330px, 1fr);
	gap: 18px;
}

.bi-home-history__lead,
.bi-home-history__row,
.bi-home-history__strip-card {
	min-width: 0;
	margin: 0;
}

.bi-home-history__lead > a {
	position: relative;
	display: block;
	height: 430px;
	overflow: hidden;
	background: #173229;
	border-radius: 10px;
}

.bi-home-history__lead-media,
.bi-home-history__lead-media::after {
	position: absolute;
	inset: 0;
	display: block;
}

.bi-home-history__lead-media::after {
	content: "";
	background: linear-gradient(180deg, rgba(2, 13, 9, .04) 35%, rgba(3, 17, 12, .94) 100%);
}

.bi-home-history__image,
.bi-home-history__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bi-home-history__placeholder {
	background: linear-gradient(135deg, #243a32, #6f5a35);
}

.bi-home-history__lead-copy {
	position: absolute;
	right: 22px;
	bottom: 20px;
	left: 22px;
	z-index: 2;
}

.bi-home-history__lead-title {
	display: -webkit-box;
	margin-top: 8px;
	overflow: hidden;
	color: #fff;
	font-size: clamp(23px, 2.2vw, 31px);
	font-weight: 700;
	line-height: 1.12;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.bi-home-history__side {
	display: grid;
	grid-template-rows: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.bi-home-history__row {
	overflow: hidden;
	background: rgba(255, 255, 255, .075);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 9px;
}

.bi-home-history__row > a {
	display: grid;
	grid-template-columns: 42% minmax(0, 1fr);
	height: 100%;
	min-height: 130px;
}

.bi-home-history__row-media {
	display: block;
	min-width: 0;
	overflow: hidden;
}

.bi-home-history__row-copy {
	display: flex;
	min-width: 0;
	padding: 13px 14px;
	flex-direction: column;
	justify-content: center;
}

.bi-home-history__row-title {
	display: -webkit-box;
	margin-top: 7px;
	overflow: hidden;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.bi-home-history__strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 16px;
	margin-top: 18px;
}

.bi-home-history__strip-card {
	overflow: hidden;
	background: rgba(255, 255, 255, .055);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 9px;
}

.bi-home-history__strip-card > a {
	display: grid;
	grid-template-columns: 124px minmax(0, 1fr);
	align-items: center;
	height: 100%;
	min-height: 104px;
	overflow: hidden;
}

.bi-home-history__strip-media {
	display: block;
	height: 100%;
	min-height: 104px;
	overflow: hidden;
}

.bi-home-history__strip-copy {
	display: flex;
	min-width: 0;
	padding: 11px 13px;
	flex-direction: column;
	justify-content: center;
}

.bi-home-history__strip-copy .bi-home-history__story-label {
	display: none;
}

.bi-home-history__strip-title {
	display: block;
	overflow: visible;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.22;
	overflow-wrap: anywhere;
}

@media (hover: hover) {
	.bi-home-history__lead > a,
	.bi-home-history__row,
	.bi-home-history__strip-card > a,
	.bi-home-history__all {
		transition: border-color .2s ease, background-color .2s ease;
	}

	.bi-home-history__lead > a:hover,
	.bi-home-history__row:hover,
	.bi-home-history__strip-card > a:hover {
		border-color: rgba(224, 185, 118, .48);
		background-color: rgba(255, 255, 255, .1);
	}

	.bi-home-history__all:hover {
		background-color: rgba(255, 255, 255, .14);
		border-color: rgba(224, 185, 118, .55);
	}
}

@container bi-home-history (min-width: 641px) and (max-width: 900px) {
	.bi-home-history__mosaic {
		grid-template-columns: 1fr;
	}

	.bi-home-history__lead > a {
		height: auto;
		aspect-ratio: 19 / 8;
	}

	.bi-home-history__side,
	.bi-home-history__strip {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: none;
		gap: 12px;
	}

	.bi-home-history__strip {
		margin-top: 12px;
	}

	.bi-home-history__row,
	.bi-home-history__strip-card {
		background: rgba(255, 255, 255, .075);
		border: 1px solid rgba(255, 255, 255, .1);
		border-radius: 9px;
	}

	.bi-home-history__row > a,
	.bi-home-history__strip-card > a {
		display: block;
		height: 100%;
		min-height: 0;
	}

	.bi-home-history__row-media,
	.bi-home-history__strip-media {
		height: auto;
		min-height: 0;
		aspect-ratio: 16 / 9;
	}

	.bi-home-history__row-copy,
	.bi-home-history__strip-copy {
		height: 128px;
		min-height: 128px;
		padding: 12px 13px;
		overflow: hidden;
	}

	.bi-home-history__strip-copy .bi-home-history__story-label {
		display: block;
	}

	.bi-home-history__row-title,
	.bi-home-history__strip-title {
		display: -webkit-box;
		margin-top: 7px;
		overflow: hidden;
		font-size: 14px;
		line-height: 1.2;
		overflow-wrap: anywhere;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}
}

@container bi-home-history (max-width: 640px) {
	.bi-home-history__header {
		margin-bottom: 14px;
		padding-bottom: 13px;
	}

	.bi-home-history__header p {
		font-size: 12px;
	}

	.bi-home-history__all--desktop {
		display: none;
	}

	.bi-home-history__all--mobile {
		display: flex;
		width: 100%;
		margin-top: 15px;
	}

	.bi-home-history__mosaic {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.bi-home-history__lead > a {
		height: auto;
		aspect-ratio: 16 / 10;
		border-radius: 8px;
	}

	.bi-home-history__lead-copy {
		right: 15px;
		bottom: 14px;
		left: 15px;
	}

	.bi-home-history__lead-title {
		font-size: clamp(19px, 5.4vw, 23px);
		-webkit-line-clamp: 3;
	}

	.bi-home-history__side,
	.bi-home-history__strip {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: none;
		gap: 9px;
		margin-top: 0;
	}

	.bi-home-history__strip {
		margin-top: 9px;
	}

	.bi-home-history__row,
	.bi-home-history__strip-card {
		border: 1px solid rgba(255, 255, 255, .1);
		border-radius: 8px;
	}

	.bi-home-history__row > a,
	.bi-home-history__strip-card > a {
		display: grid;
		grid-template-columns: 112px minmax(0, 1fr);
		height: 128px;
		min-height: 128px;
		max-height: 128px;
		background: rgba(255, 255, 255, .065);
		border: 0;
	}

	.bi-home-history__row-media,
	.bi-home-history__strip-media {
		height: 100%;
		min-height: 128px;
		aspect-ratio: auto;
	}

	.bi-home-history__row-copy,
	.bi-home-history__strip-copy {
		height: 100%;
		min-height: 0;
		padding: 10px 11px;
		overflow: hidden;
	}

	.bi-home-history__row .bi-home-history__story-label,
	.bi-home-history__strip-copy .bi-home-history__story-label {
		display: none;
	}

	.bi-home-history__row-title,
	.bi-home-history__strip-title {
		display: block;
		margin: 0;
		padding: 0;
		overflow: hidden;
		font-size: 13px;
		line-height: 1.18;
		overflow-wrap: anywhere;
		-webkit-box-orient: initial;
		-webkit-line-clamp: unset;
	}
}

@media (max-width: 600px) {
	.bi-home-history {
		margin-top: 22px;
		padding: 19px 15px;
		border-radius: 10px;
	}
}

@container bi-home-history (max-width: 370px) {
	.bi-home-history__row > a,
	.bi-home-history__strip-card > a {
		grid-template-columns: 100px minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.bi-home-history__lead > a,
	.bi-home-history__row,
	.bi-home-history__strip-card > a,
	.bi-home-history__all {
		transition: none;
	}
}