/* ─── AL Gallery — masonry (sketch 004 · D) ─── */
.al-mas { columns: 3; column-gap: 16px; }
.al-mas figure { margin: 0 0 16px; break-inside: avoid; position: relative; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-1); }
.al-mas img { width: 100%; display: block; transition: transform .5s cubic-bezier(.22,1,.36,1); }
.al-mas figure:hover img { transform: scale(1.04); }
.al-mas figcaption {
	position: absolute; left: 14px; bottom: 14px;
	/* no backdrop-filter: inside multicol it makes Chrome skip painting column fragments */
	background: rgba(255,255,255,.94);
	font-size: 12.5px; font-weight: 600; color: var(--ink);
	padding: 7px 13px; border-radius: var(--r-pill);
}
@media (max-width: 1000px) { .al-mas { columns: 2; } }
@media (max-width: 620px)  { .al-mas { columns: 1; } }

/* Hello Elementor's reset.css styles `figcaption` at (0,0,1) — colour #333, 16px, italic,
   and its own line-height. Our rule set size but not the rest, so captions inherited the
   theme's styling. Measured 2026-08-07: line-height 17.5px against the design's 20.625px. */
.al-mas figcaption {
	line-height: 1.65;
	font-style: normal;
}