.ke-image-masking{display:flex;flex-direction:column;align-items:center}.ke-image-masking__frame{display:block;width:100%;line-height:0;position:relative}.ke-image-masking__img{display:block;position:relative;z-index:1;width:100%;aspect-ratio:1/1;object-fit:cover;-webkit-mask-image:var(--ke-mask-svg);mask-image:var(--ke-mask-svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.ke-mask-border-yes .ke-image-masking__frame::before{content:"";position:absolute;inset:calc(-1 * var(--ke-mask-border-width,4px));z-index:0;background:var(--ke-mask-border-color,#333);-webkit-mask-image:var(--ke-mask-svg);mask-image:var(--ke-mask-svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.ke-mask-shadow-yes .ke-image-masking__frame{filter:drop-shadow(var(--ke-mask-shadow-x, 0px) var(--ke-mask-shadow-y, 8px) var(--ke-mask-shadow-blur, 16px) var(--ke-mask-shadow-color, rgba(0, 0, 0, .3)))}.ke-image-masking__caption{margin-top:12px;text-align:center;color:#6b7280;font-size:.85rem;line-height:1.4}.ke-mask-hover-zoom .ke-image-masking__img{transition:transform .4s}.ke-mask-hover-zoom .ke-image-masking__frame:hover .ke-image-masking__img{transform:scale(1.08)}.ke-mask-hover-grayscale-off .ke-image-masking__img{filter:grayscale(100%);transition:filter .4s}.ke-mask-hover-grayscale-off .ke-image-masking__frame:hover .ke-image-masking__img{filter:grayscale(0)}@media (prefers-reduced-motion:reduce){.ke-image-masking__img{transition:none}}.ke-mask-shape-circle{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="black"/></svg>')}.ke-mask-shape-blob-1{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="black" d="M53,4 C73,2 91,17 95,37 C98,55 95,71 84,84 C72,97 53,98 38,94 C21,90 6,80 4,61 C2,43 6,25 19,13 C29,4 40,5 53,4 Z"/></svg>')}.ke-mask-shape-blob-2{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="black" d="M50,3 C69,3 88,11 94,30 C99,47 93,63 90,79 C87,95 67,98 49,96 C33,94 14,90 7,73 C1,58 6,42 10,27 C15,11 31,3 50,3 Z"/></svg>')}.ke-mask-shape-blob-3{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="black" d="M48,2 C67,1 87,9 93,28 C98,44 96,62 89,77 C81,93 61,97 44,94 C28,91 9,84 5,65 C1,47 5,28 17,15 C27,5 35,3 48,2 Z"/></svg>')}.ke-mask-shape-hexagon{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="50,2 95,26 95,74 50,98 5,74 5,26" fill="black"/></svg>')}.ke-mask-shape-octagon{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="30,3 70,3 97,30 97,70 70,97 30,97 3,70 3,30" fill="black"/></svg>')}.ke-mask-shape-pentagon{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="50,2 97,38 79,95 21,95 3,38" fill="black"/></svg>')}.ke-mask-shape-diamond{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="50,2 98,50 50,98 2,50" fill="black"/></svg>')}.ke-mask-shape-triangle{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="50,4 96,96 4,96" fill="black"/></svg>')}.ke-mask-shape-star{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="50,3 61,38 98,38 68,60 79,96 50,74 21,96 32,60 2,38 39,38" fill="black"/></svg>')}.ke-mask-shape-heart{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="black" d="M50,90 C50,90 6,62 6,33 C6,17 19,7 32,7 C41,7 47,13 50,20 C53,13 59,7 68,7 C81,7 94,17 94,33 C94,62 50,90 50,90 Z"/></svg>')}.ke-mask-shape-arch{--ke-mask-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="black" d="M3,97 L3,48 C3,11 33,3 50,3 C67,3 97,11 97,48 L97,97 Z"/></svg>')}