.eu-feeds__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
	gap: clamp(1.5rem, 3vw, 2.5rem);
	align-items: start;
}
.eu-feeds, .eu-feeds * { box-sizing: border-box; }
.eu-feed { display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; min-width: 0; overflow-wrap: anywhere; }
.eu-feed > * { width: 100%; min-width: 0; max-width: 100%; }
.eu-feed > .eu-button { width: auto; }
.eu-feed__head {
	display: grid;
	grid-template-columns: 2.75rem minmax(0, 1fr);
	align-items: center;
	gap: .25rem .65rem;
	color: inherit;
	text-decoration: none;
}
.eu-feed__icon {
	display: grid;
	grid-row: span 2;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	color: #fff;
	background: var(--eu-violet);
}
.eu-feed--instagram .eu-feed__icon { background: var(--eu-darkred); }
.eu-feed--youtube .eu-feed__icon { background: var(--eu-red); }
.eu-feed__name { font: 900 1.375rem/1 var(--eu-display); }
.eu-feed__handle { grid-column: 2; color: var(--eu-grey); font-size: .85rem; line-height: 1.4; overflow-wrap: anywhere; }
.eu-insta { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; margin: 0; padding: 0; list-style: none; }
.eu-insta a { position: relative; display: block; aspect-ratio: 1; overflow: hidden; }
.eu-insta img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--eu-ease); }
.eu-insta a:hover img { transform: scale(1.06); }
.eu-insta__video { position: absolute; top: .4rem; right: .4rem; color: #fff; }
.eu-insta-cta {
	display: grid;
	place-items: center;
	gap: .75rem;
	aspect-ratio: 16 / 10;
	padding: 1.5rem;
	color: #fff;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	background: var(--eu-darkred);
	transition: background .2s;
}
.eu-insta-cta .eu-icon { width: 3rem; height: 3rem; }
.eu-insta-cta:hover { color: #fff; background: var(--eu-black); }
.eu-mastodon-cta { background: var(--eu-violet); }
.eu-yt { position: relative; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.eu-yt img, .eu-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.eu-yt__play {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	width: 100%;
	border: 0;
	background: rgba(0, 0, 0, .15);
	color: #fff;
	cursor: pointer;
}
.eu-yt__play .eu-icon {
	width: 4.5rem;
	height: 4.5rem;
	padding: 1.1rem 1rem 1.1rem 1.25rem;
	background: var(--eu-red);
	transition: transform .3s var(--eu-ease);
}
.eu-yt__play:hover .eu-icon { transform: scale(1.1); }
.eu-yt__notice { margin: -.5rem 0 0; font-size: .75rem; color: var(--eu-grey); }
.eu-yt__title { margin: 0; font-size: 1.25rem; }
.eu-yt__title a { color: inherit; text-decoration: none; }
.eu-yt__title a:hover { color: var(--eu-red-text); }
.eu-yt__date { margin: -.5rem 0 0; color: var(--eu-grey); font-size: .85rem; }