.slide.has-composed-eyecatch .sl-bg img,
.feat.has-composed-eyecatch > img { object-fit: contain; object-position: center; background: #faf4e7; }
.slide.has-composed-eyecatch .sl-scrim { background: linear-gradient(0deg, rgba(24,32,36,.7), transparent 28%); }
.feat.has-composed-eyecatch { display: block; height: auto; background: #fff; }
.feat.has-composed-eyecatch > img { position: static; height: auto; }
.feat.has-composed-eyecatch .feat-scrim { display: none; }
.slide.has-composed-eyecatch[data-editorial="R05"] .sl-bg img,
.feat.has-composed-eyecatch[data-editorial="R05"] > img { background: #e1e7d7; }
.slide.has-composed-eyecatch[data-editorial="G02"] .sl-bg img,
.feat.has-composed-eyecatch[data-editorial="G02"] > img { background: #c4dfee; }
.feat.has-composed-eyecatch[data-editorial="R03"] > img { background: #ffede6; }
.slide.has-composed-eyecatch[data-editorial="R04"] .sl-bg img,
.feat.has-composed-eyecatch[data-editorial="R04"] > img { background: #e8b858; }
.feat.has-composed-eyecatch[data-editorial="R06"] > img { background: #b9a5d2; }
.slide.has-composed-eyecatch[data-editorial="R01"] .sl-bg img { background: #f5e7ce; }
.feat.has-composed-eyecatch .feat-title { font-size: 15px; line-height: 1.65; color: var(--ink); text-shadow: none; }
.feat.has-composed-eyecatch .feat-body { display: block; padding: 14px; }
.carousel-region[data-eyecatch-ratio] .slide .sl-bg { inset: 0 0 40px; }
.carousel-region[data-eyecatch-ratio] .slide .sl-bg img { object-fit: contain; object-position: center; background: transparent; }
.carousel-region[data-eyecatch-ratio] .slide .sl-scrim { display: none; }
.carousel-region[data-eyecatch-ratio] .slide .sl-body { height: 40px; box-sizing: border-box; padding: 0 16px; background: #fff; color: var(--ink); }
.carousel-region[data-eyecatch-ratio] .slide .sl-more { color: var(--ink); border-bottom-color: var(--hair); }

.carousel-region[data-image-only] .slide .sl-bg { inset: 0; }

/* Approved whole-image eyecatches keep the same ratio in home column thumbnails. */
.rthumb:has(>img[src*="/eyecatches-20261019/"]){height:auto;aspect-ratio:8/5}
.rthumb>img[src*="/eyecatches-20261019/"]{display:block;height:auto;aspect-ratio:8/5}

/* Newest home cards use the same whole-image frame for registered article covers. */
.rthumb.has-whole-eyecatch{height:auto;aspect-ratio:8/5}
.rthumb.has-whole-eyecatch>img{display:block;height:auto;aspect-ratio:8/5;object-fit:contain}
