.k8-hero .k8-wrap>*{min-width:0}.k8-rail img{display:block;width:100%;max-width:200px;height:auto;aspect-ratio:2/3;object-fit:contain;margin-inline:auto}@media(min-width:1121px){.k8-hero .k8-wrap{grid-template-columns:420px minmax(0,1fr);column-gap:26px}.k8-rail{gap:2px}.k8-rail a{padding-left:0;padding-right:0}}@media(max-width:640px){.k8-rail img{max-width:170px}}.k8-rail a{position:relative}.k8-rail a img{position:relative;z-index:2}.k8-mark{--mk:clamp(24px,2.6vw,34px);position:relative;display:block;height:calc(var(--mk) + 7px);margin-top:1px;z-index:1;pointer-events:none}.k8-mark svg{position:absolute;top:2px;left:50%;width:var(--mk);height:var(--mk);margin-left:calc(var(--mk) / -2);box-sizing:border-box;border-radius:50%;border:1.5px solid #fff;box-shadow:0 2px 6px #14141438;transform-origin:50% 0;transform:translateY(calc(-8px - var(--mk))) scale(.4);opacity:0;transition:transform .44s cubic-bezier(.34,1.56,.64,1),opacity .18s linear .02s;will-change:transform}.k8-rail a:hover .k8-mark svg,.k8-rail a:focus-visible .k8-mark svg{transform:translateY(0) scale(1);opacity:1;transition:transform .44s cubic-bezier(.34,1.56,.64,1),opacity .12s linear}.k8-rail a img{transition:transform .3s ease}.k8-rail a img[src*=kafie-packshot]{transform:translate(10.75%)}.k8-rail a:hover img{transform:translateY(-3px)}.k8-rail a:hover img[src*=kafie-packshot]{transform:translateY(-3px) translate(10.75%)}@media(hover:none){.k8-mark{display:none}}@media(prefers-reduced-motion:reduce){.k8-mark svg,.k8-rail a:hover .k8-mark svg,.k8-rail a:focus-visible .k8-mark svg{transform:none;transition:opacity .15s linear}.k8-rail a img,.k8-rail a:hover img{transform:none;transition:none}.k8-rail a img[src*=kafie-packshot],.k8-rail a:hover img[src*=kafie-packshot]{transform:translate(10.75%);transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/v8-mark.css.map */