/* Early works remain separate from the existing later portfolio presentation. */
.yomo-home .e-early-works { background: var(--e-paper); padding: 0; color: var(--e-ink); }
.yomo-home .e-early-works__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc(100% / 4.5); gap: 0; width: 100%; max-width: none; overflow-x: auto; overscroll-behavior-x: contain; padding: 0; margin: 0; scrollbar-width: none; }
.yomo-home .e-early-works__track::-webkit-scrollbar { display: none; }
.yomo-home .e-early-works__card { position: relative; display: block; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; isolation: isolate; border-radius: 0; background: var(--e-deep); color: #fffdf7; }
.yomo-home .e-early-works__card[data-yw-works-clone] { pointer-events: none; }
.yomo-home .e-early-works__card::after { position: absolute; z-index: -1; inset: 0; content: ''; background: linear-gradient(180deg, rgb(10 24 16 / 12%) 20%, rgb(10 24 16 / 40%) 45%, rgb(10 24 16 / 94%) 100%); pointer-events: none; }
.yomo-home .e-early-works__image { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.yomo-home .e-early-works__type { position: absolute; top: 16px; left: 16px; max-width: calc(100% - 32px); padding: 5px 9px; border: 1px solid rgb(255 253 247 / 60%); border-radius: 2px; background: rgb(10 24 16 / 82%); color: #fffdf7; font: 400 10px/1.7 var(--e-sans); }
.yomo-home .e-early-works__copy { position: absolute; inset: auto 0 0; display: flex; align-items: end; justify-content: space-between; gap: 10px; padding: 18px; color: #fffdf7; }
.yomo-home .e-early-works__copy h3 { min-width: 0; margin: 0; color: #fffdf7; font: 600 clamp(15px, 1.12vw, 19px)/1.6 var(--e-sans); overflow-wrap: anywhere; letter-spacing: .015em; }
.yomo-home .e-early-works__open { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; border: 1px solid rgb(255 253 247 / 80%); border-radius: 50%; color: #fffdf7; font: 21px/1 var(--e-sans); }
.yomo-home .e-early-works__card:focus-visible { outline: 3px solid #d5bd91; outline-offset: -3px; }
@media (max-width: 1023px) and (min-width: 761px) {
	.yomo-home .e-early-works__track { grid-auto-columns: calc(100% / 3.5); }
	.yomo-home .e-early-works__copy { padding: 14px; }
	.yomo-home .e-early-works__open { display: none; }
}
@media (max-width: 760px) {
	.yomo-home .e-early-works__track { grid-auto-columns: calc(100% / 1.5); }
	.yomo-home .e-early-works__copy { padding: 16px; }
	.yomo-home .e-early-works__copy h3 { font-size: 16px; }
	.yomo-home .e-early-works__open { display: none; }
	.yomo-home .e-early-works__type { top: 12px; left: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.yomo-home .e-early-works__track { scroll-behavior: auto; }
}