.wsi-bento {
	padding-bottom: 50px;
}
.wsi-bento__grid,
.wsi-bento__side,
.wsi-bento__squares,
.wsi-bento__texts {
	display: grid;
	gap: var(--wsi-gap);
}
.wsi-bento__big {
	aspect-ratio: 16 / 10;
}
.wsi-bento__big-title { font-size: 26px; line-height: 1.23; }
.wsi-bento__square {
	aspect-ratio: 1;
}
.wsi-bento__title { font-size: 22px; line-height: 1.18; }
.wsi-bento__texts .wsi-card-text { min-height: 95px; }

/* Crossfade slider inside a tile. */
.wsi-fade-slider {
	position: absolute;
	inset: 0;
}
.wsi-fade-slider > * {
	opacity: 0;
	transition: opacity 1s ease, transform .2s ease-in-out;
}
.wsi-fade-slider > .is-active,
.wsi-fade-slider > :first-child:last-child { opacity: 1; }
.editor-styles-wrapper .wsi-fade-slider > :first-child { opacity: 1; }
@media (min-width: 1120px) {
	.wsi-card:hover .wsi-fade-slider > * { transform: scale(1.1); }
}

@media (min-width: 768px) {
	.wsi-bento__squares { grid-template-columns: 1fr 1fr; }
	.wsi-bento__texts { grid-template-columns: 1fr 1fr; }
	.wsi-bento__texts .is-wide { grid-column: 1 / -1; }
}
@media (min-width: 1024px) {
	.wsi-bento { padding-bottom: 80px; }
	.wsi-bento__grid { grid-template-columns: 1fr 1fr; }
	.wsi-bento__big { aspect-ratio: auto; height: 100%; min-height: 400px; }
	.wsi-bento__big-title { font-size: 40px; line-height: 1.1; }
	.wsi-bento__title { font-size: 30px; line-height: 1.13; }
}