.bivongi-companies {
	background: #f7f3eb;
	color: #30241d;
}

.bivongi-companies__intro {
	background: #f7f3eb;
	padding: clamp(6rem, 10vw, 10rem) clamp(1.5rem, 8vw, 10rem) clamp(4rem, 7vw, 7.25rem);
}

.bivongi-companies__intro-inner {
	display: grid;
	gap: clamp(2.5rem, 7vw, 8rem);
	grid-template-columns: minmax(14rem, .78fr) minmax(0, 1.35fr);
	margin: 0 auto;
	max-width: 76rem;
}

.bivongi-companies__intro-lead {
	border-top: 1px solid rgba(125, 22, 7, .35);
	padding-top: 1.2rem;
}

.bivongi-companies__intro h1 {
	color: #7d1607;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(2.6rem, 5vw, 5.25rem);
	font-weight: 400;
	letter-spacing: -.065em;
	line-height: .9;
	margin: 0;
}

.bivongi-companies__intro-copy p {
	font-family: Georgia, 'Times New Roman', serif;
	line-height: 1.72;
	margin: 0;
}

.bivongi-companies__content {
	font-family: Georgia, 'Times New Roman', serif;
	line-height: 1.7;
	margin: clamp(3rem, 6vw, 6rem) auto;
	max-width: 54rem;
	padding: 0 1.5rem;
}

.bivongi-companies__content > *:first-child { margin-top: 0; }
.bivongi-companies__content > *:last-child { margin-bottom: 0; }

.bivongi-companies__map {
	background: #6098c1;
	margin: 0 calc(50% - 50vw);
	padding: 0;
	width: 100vw;
}

.bivongi-companies__map-stage {
	aspect-ratio: 3402 / 1919;
	position: relative;
	width: 100%;
}

.bivongi-companies__map picture,
.bivongi-companies__map img {
	display: block;
	height: 100%;
	width: 100%;
}

.bivongi-companies__map img {
	object-fit: contain;
}

.bivongi-companies__hotspots { inset: 0; position: absolute; }

.bivongi-companies__hotspot {
	border: 2px solid transparent;
	border-radius: 50%;
	aspect-ratio: 1;
	height: auto;
	left: var(--map-x-desktop);
	position: absolute;
	top: var(--map-y-desktop);
	transform: translate(-50%, -50%);
	transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
	width: 4.76%;
	z-index: 1;
}

.bivongi-companies__hotspot:hover,
.bivongi-companies__hotspot:focus-visible {
	background: rgba(255, 255, 255, .16);
	border-color: #fff;
	box-shadow: 0 0 0 .45rem rgba(127, 22, 7, .32), 0 .5rem 1.25rem rgba(0, 0, 0, .28);
	outline: 0;
	transform: translate(-50%, -50%) scale(1.16);
}

.bivongi-companies__hotspot--inactive { cursor: default; }

@media (max-width: 767px) {
	.bivongi-companies__intro { padding: 5rem 1.5rem 3.5rem; }
	.bivongi-companies__intro-inner { grid-template-columns: 1fr; }

	.bivongi-companies__hotspot {
		left: var(--map-x-mobile);
		top: var(--map-y-mobile);
		width: 9.21%;
	}

	.bivongi-companies__map-stage { aspect-ratio: 1759 / 1919; }
}