/* Zdjęcia: prostokąt o delikatnie odchylonych bokach — nie owal.
   Odchylenie podane w pikselach, więc nie rośnie razem z rozmiarem kadru. */
.kr-2{clip-path:polygon(0.0% 0.7px,5.6% 0.1px,11.1% 0px,16.7% 0.8px,22.2% 1.2px,27.8% 0.7px,33.3% 0.9px,38.9% 0.4px,44.4% 0.9px,50.0% 0.7px,55.6% 0.5px,61.1% 0.7px,66.7% 0.8px,72.2% 0.1px,77.8% 0px,83.3% 0px,88.9% 0.5px,94.4% 0px,100.0% 0.7px,calc(100% - 0px) 5.6%,calc(100% - 0.3px) 11.1%,calc(100% - 0.4px) 16.7%,calc(100% - 0px) 22.2%,calc(100% - 0px) 27.8%,calc(100% - 0.9px) 33.3%,calc(100% - 2px) 38.9%,calc(100% - 2px) 44.4%,calc(100% - 2px) 50.0%,calc(100% - 0.7px) 55.6%,calc(100% - 0.4px) 61.1%,calc(100% - 0.6px) 66.7%,calc(100% - 0.7px) 72.2%,calc(100% - 0.6px) 77.8%,calc(100% - 0.6px) 83.3%,calc(100% - 1.3px) 88.9%,calc(100% - 1.5px) 94.4%,calc(100% - 0.7px) 100.0%,94.4% calc(100% - 0px),88.9% calc(100% - 1.0px),83.3% calc(100% - 1.0px),77.8% calc(100% - 0px),72.2% calc(100% - 0.1px),66.7% calc(100% - 0px),61.1% calc(100% - 0.4px),55.6% calc(100% - 1.1px),50.0% calc(100% - 1.5px),44.4% calc(100% - 1.1px),38.9% calc(100% - 0px),33.3% calc(100% - 0px),27.8% calc(100% - 0.4px),22.2% calc(100% - 0px),16.7% calc(100% - 0.7px),11.1% calc(100% - 1.2px),5.6% calc(100% - 1.0px),0.0% calc(100% - 0.7px),1.1px 94.4%,0.8px 88.9%,1.4px 83.3%,1.2px 77.8%,0.8px 72.2%,0px 66.7%,0px 61.1%,0px 55.6%,0px 50.0%,0.1px 44.4%,0.6px 38.9%,1.1px 33.3%,0.3px 27.8%,0.6px 22.2%,0.2px 16.7%,0px 11.1%,0.7px 5.6%)}


/* Delikatny odzew na najechanie. Skala 1,012 — brzeg jest nieregularny,
   więc większy ruch zdradziłby, że to clip-path, a nie realne rozdarcie. */
.kr-2{transition:transform var(--sp-hover) var(--sp-ease),filter var(--sp-hover) var(--sp-ease)}
@media(hover:hover) and (pointer:fine){
  .kr-2:hover,a:hover .kr-2,button:hover .kr-2{transform:scale(1.012);filter:saturate(1.06) brightness(1.02)}
}
html[data-motion="off"] .kr-2{transition:none}
html[data-motion="off"] .kr-2:hover,html[data-motion="off"] a:hover .kr-2{transform:none}