.tblog-gallery--default {
	padding-block: var(--tblog-section-space);
	background: var(--tblog-dark);
	color: rgba(255, 255, 255, 0.78);
}

.tblog-gallery--home-projects,
.tblog-gallery--home-team,
.tblog-gallery--team-mosaic {
	color: var(--tblog-body);
}

.tblog-gallery--home-projects .work-card {
	margin: 0;
	overflow: hidden;
}

.tblog-gallery--home-projects .work-card > a {
	display: block;
	position: relative;
}

.tblog-gallery--home-team .team-card__media-action {
	display: block;
	width: 100%;
}

.tblog-gallery--home-projects .work-card img,
.tblog-gallery--home-team .team-card__media-action > img,
.tblog-gallery--team-mosaic img {
	width: 100%;
}

.tblog-gallery--home-projects .work-card-title,
.tblog-gallery--home-projects .work-text {
	display: block;
}

.tblog-gallery--home-team .team-card__media-action > img {
	display: block;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.tblog-gallery--home-team .team-card__media-action:focus-visible {
	outline: 3px solid var(--primary-color);
	outline-offset: 4px;
}

.tblog-gallery--team-mosaic .div-block-6 > a,
.tblog-gallery--team-mosaic .div-block-8 > a {
	width: 100%;
}

.tblog-gallery__header {
	display: grid;
	max-width: 760px;
	gap: 0.9rem;
	margin-bottom: 3rem;
	margin-left: 0;
}

.tblog-gallery__eyebrow {
	justify-self: start;
	margin: 0;
	border-left: 4px solid var(--tblog-red);
	background: rgba(255, 255, 255, 0.12);
	color: var(--tblog-white);
	font-size: 0.875rem;
	font-weight: 700;
	padding: 0.35rem 0.75rem;
	text-transform: uppercase;
}

.tblog-gallery__title {
	margin: 0;
	color: var(--tblog-white);
	font-size: clamp(2rem, 4vw, 3rem);
}

.tblog-gallery__summary {
	margin: 0;
}

.tblog-gallery__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.tblog-gallery--columns-2 .tblog-gallery__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tblog-gallery--columns-4 .tblog-gallery__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tblog-gallery__item {
	position: relative;
	margin: 0;
	background: var(--tblog-hero);
	overflow: hidden;
}

.tblog-gallery__item a {
	display: block;
	color: var(--tblog-white);
}

.tblog-gallery__item img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: filter 300ms ease, transform 400ms ease;
}

.tblog-gallery__item a:hover img,
.tblog-gallery__item a:focus-visible img {
	filter: brightness(0.72);
	transform: scale(1.035);
}

.tblog-gallery__item figcaption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	background: linear-gradient(transparent, rgba(9, 18, 66, 0.88));
	color: var(--tblog-white);
	font-size: 0.9rem;
	pointer-events: none;
}

@media screen and (max-width: 991px) {
	.tblog-gallery__grid,
	.tblog-gallery--columns-3 .tblog-gallery__grid,
	.tblog-gallery--columns-4 .tblog-gallery__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 479px) {
	.tblog-gallery__grid,
	.tblog-gallery--columns-2 .tblog-gallery__grid,
	.tblog-gallery--columns-3 .tblog-gallery__grid,
	.tblog-gallery--columns-4 .tblog-gallery__grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tblog-gallery__item a:hover img,
	.tblog-gallery__item a:focus-visible img {
		transform: none;
	}
}