/* Venues — the portfolio as exhibition wall labels */
.ei.venues { padding-block: var(--ei-sec); background: var(--ei-ivory); }
.ei .venues__head { max-width: 780px; margin-bottom: clamp(36px, 5vw, 56px); }

/* One label per type of venue: masonry columns so long and short lists sit together */
.ei .venues__grid { columns: 3 300px; column-gap: 20px; }
.ei .venues__card {
	break-inside: avoid; margin-bottom: 20px; position: relative;
	background: var(--ei-paper); padding: 26px 26px 24px; border-radius: 4px;
	box-shadow: inset 0 0 0 1px var(--ei-line);
}
/* the gold label edge, like the labels beside the cases */
.ei .venues__card::before { content: ""; position: absolute; left: 0; top: 22px; bottom: 22px; width: 2px; background: var(--ei-gold); }
.ei .venues__top { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 2px 14px; margin-bottom: 16px; }
.ei .venues__ico { width: 34px; height: 34px; grid-row: span 2; color: var(--ei-gold-dark); stroke-width: 1.4; }
.ei .venues__name { font: 400 clamp(23px, 2vw, 28px)/1.1 var(--ei-display); }
.ei .venues__count { font-size: 14px; font-weight: 600; color: var(--ei-gold-dark); grid-column: 2; }
.ei .venues__list { display: grid; gap: 0; }
.ei .venues__list li { position: relative; padding: 8px 0 8px 22px; font-size: 15.5px; line-height: 1.4; border-top: 1px solid rgba(20, 26, 46, .08); }
.ei .venues__list li:first-child { border-top: 0; }
.ei .venues__list li::before {
	content: ""; position: absolute; left: 2px; top: 14px; width: 9px; height: 9px; background: var(--ei-gold);
	clip-path: polygon(50% 0, 64.6% 14.6%, 85.4% 14.6%, 85.4% 35.4%, 100% 50%, 85.4% 64.6%, 85.4% 85.4%, 64.6% 85.4%, 50% 100%, 35.4% 85.4%, 14.6% 85.4%, 14.6% 64.6%, 0 50%, 14.6% 35.4%, 14.6% 14.6%, 35.4% 14.6%);
}
.ei .venues__list--two { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
.ei .venues__list--two li:nth-child(2) { border-top: 0; }

/* Abroad + universities */
.ei .venues__more { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 20px; margin-top: 4px; }
.ei .venues__more--one { grid-template-columns: minmax(0, 1fr); }
.ei .venues__intl {
	position: relative; overflow: hidden; isolation: isolate; border-radius: 4px; padding: 30px 30px 32px;
	background: var(--ei-lapis); color: var(--ei-light);
}
.ei .venues__pattern { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--ei-gold); opacity: .09; z-index: -1; }
.ei .venues__intl .venues__ico { color: var(--ei-gold-2); }
.ei .venues__intl .venues__name { color: var(--ei-light); }
.ei .venues__countries { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; margin-top: 8px; }
.ei .venues__countries li { display: flex; align-items: center; gap: 12px; font: 400 21px/1.15 var(--ei-display); }
.ei .venues__star { width: 14px; height: 14px; flex: none; fill: var(--ei-gold-2); }

.ei .venues__uni { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); gap: 28px; background: var(--ei-paper); border-radius: 4px; padding: 30px; box-shadow: inset 0 0 0 1px var(--ei-line); }
.ei .venues__uni-num { display: flex; flex-direction: column; gap: 8px; padding-top: 16px; border-top: 1.5px solid var(--ei-gold); align-self: start; }
.ei .venues__uni-num b { font: 400 clamp(64px, 7vw, 104px)/.9 var(--ei-display); color: var(--ei-lapis); }
.ei .venues__uni-num span { font: 400 20px/1.2 var(--ei-display); }
.ei .venues__note { margin-top: 14px; font-size: 15px; font-weight: 600; color: var(--ei-gold-dark); }

@media (max-width: 1020px) {
	.ei .venues__more { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
	.ei .venues__card { padding: 22px 20px 20px; }
	.ei .venues__uni { grid-template-columns: minmax(0, 1fr); padding: 24px 20px; gap: 20px; }
	.ei .venues__list--two { grid-template-columns: minmax(0, 1fr); }
	.ei .venues__list--two li:nth-child(2) { border-top: 1px solid rgba(20, 26, 46, .08); }
	.ei .venues__intl { padding: 24px 20px 26px; }
	.ei .venues__countries li { font-size: 19px; }
}