/* A compact related-portfolio row; never alters article prose or the following CTA. */
.yomo-inner .yi-related-works { margin: clamp(36px, 4vw, 56px) 0 0; padding-top: 26px; border-top: 1px solid var(--e-line); color: var(--e-ink); }
.yomo-inner .yi-related-works__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.yomo-inner #main_content .yi-related-works__heading { margin: 0; padding: 0; border: 0; background: none; color: var(--e-ink); font: 600 clamp(22px, 2vw, 26px)/1.6 var(--e-serif); letter-spacing: .035em; box-shadow: none; }
.yomo-inner #main_content .yi-related-works__heading::before,
.yomo-inner #main_content .yi-related-works__heading::after { display: none; }
.yomo-inner .yi-related-works__all { display: inline-flex; align-items: center; flex-shrink: 0; gap: 14px; min-height: 44px; color: #715b3c; font: 400 12px/1.7 var(--e-sans); text-decoration: none; }
.yomo-inner .yi-related-works__all span { font-size: 24px; }
.yomo-inner .yi-related-works__grid { display: grid; grid-template-columns: repeat(var(--yi-related-columns, 6), minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.yomo-inner .yi-related-works__item { min-width: 0; margin: 0; padding: 0; list-style: none; }
.yomo-inner .yi-related-works__link { display: block; height: 100%; color: inherit; text-decoration: none; }
.yomo-inner .yi-related-works__image { display: grid; aspect-ratio: 4 / 3; overflow: hidden; place-items: center; margin: 0 0 10px; border: 1px solid var(--e-line); border-radius: 8px; background: #eeeee7; }
.yomo-inner .yi-related-works__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.yomo-inner .yi-related-works__image span { color: var(--e-muted); font: 400 12px/1.6 var(--e-sans); letter-spacing: .1em; }
.yomo-inner #main_content .yi-related-works__title { margin: 0; padding: 0; border: 0; background: none; color: var(--e-ink); font: 600 clamp(13px, 1vw, 15px)/1.65 var(--e-sans); letter-spacing: .01em; overflow-wrap: anywhere; box-shadow: none; }
.yomo-inner #main_content .yi-related-works__title::before,
.yomo-inner #main_content .yi-related-works__title::after { display: none; }
.yomo-inner .yi-related-works a:focus-visible { outline: 2px solid #aa8552; outline-offset: 4px; }
@media (min-width: 600px) and (max-width: 1023px) {
	.yomo-inner .yi-related-works__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 18px; }
}
@media (max-width: 599px) {
	.yomo-inner .yi-related-works { padding-top: 22px; }
	.yomo-inner .yi-related-works__header { gap: 12px; margin-bottom: 18px; }
	.yomo-inner #main_content .yi-related-works__heading { font-size: 21px; }
	.yomo-inner .yi-related-works__all { gap: 8px; font-size: 11px; }
	.yomo-inner .yi-related-works__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 14px; }
	.yomo-inner #main_content .yi-related-works__title { font-size: 13px; }
}