/* Homepage envelope only. Geometry belongs to the shared Bento component. */
.ykh-mosaic{display:block;height:auto;min-height:0;grid-template:none;padding:20px 40px;background:linear-gradient(var(--yk-ink),var(--yk-green));scroll-margin-top:145px}
.ykh-mosaic:before,.ykh-mosaic:after{pointer-events:none}
/* Keep the leading gradient local as collections grow. */
.ykh-mosaic:before{max-height:240px}
.ykh-caption{position:absolute;inset:auto 0 0;margin:0!important;padding:24px 16px 14px;color:#fff;font:400 14px/1.4 var(--yk-body);background:linear-gradient(transparent,#010a07e6);z-index:4;pointer-events:none;overflow-wrap:anywhere}
.ykh-mosaic .ykh-video-toggle:focus-visible{z-index:5;bottom:16px}
@media(max-width:999px){.ykh-mosaic{padding:20px 24px}}
@media(max-width:600px){.ykh-mosaic{padding:30px 14px}}