/* Blok: werkgebied */

.blitz-area__inner { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(40px, 6vw, 96px); }
.blitz-area__text { flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.blitz-area__body { max-width: 520px; }

.blitz-area__places { border-top: 1px solid var(--b-line); }

.blitz-area__places li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 0;
	border-bottom: 1px solid var(--b-line);
}

.blitz-area__place { font-size: var(--b-fs-large); font-weight: 700; }
.blitz-area__tag { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--b-muted); }

.blitz-area__map {
	position: relative;
	flex: 1 1 460px;
	min-width: 0;
	margin: 0;
	padding: clamp(20px, 3vw, 36px);
	border-radius: var(--b-r-lg);
	background: var(--b-ink);
	color: var(--b-on-dark);
	overflow: hidden;
}

.blitz-area__map svg { display: block; width: 100%; height: auto; }
.blitz-area__home circle { stroke: var(--b-accent); }
.blitz-area__home .is-fill { fill: var(--b-accent); stroke: none; }

.blitz-area__city,
.blitz-area__town { fill: #fff; font-family: var(--b-font); font-weight: 600; font-size: 17px; }
.blitz-area__city { font-size: 22px; font-weight: 700; }
.blitz-area__street,
.blitz-area__north { fill: rgba(255, 255, 255, .65); font-family: var(--b-mono); font-size: 11px; letter-spacing: 1.2px; }

.blitz-area__caption { margin-top: 8px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--b-on-dark-soft); }