.mk-card{gap:var(--space-3);color:inherit;flex-direction:column;text-decoration:none;display:flex}.mk-card__media{aspect-ratio:1;border-radius:var(--mk-radius-media);background:var(--color-surface-sunken);width:100%;display:block;position:relative;overflow:hidden}.mk-card__img{object-fit:cover;width:100%;height:100%;transition:transform var(--mk-dur-move) var(--mk-ease);display:block}.mk-card__motion,.mk-card__lottie-field{width:100%;height:100%;transition:transform var(--mk-dur-move) var(--mk-ease);position:absolute;inset:0}.mk-card__motion{object-fit:cover}.mk-card__lottie-field{background:var(--mk-card-field);opacity:0;transition:opacity var(--mk-dur-move) var(--mk-ease), transform var(--mk-dur-move) var(--mk-ease);place-items:center;display:grid}.mk-card__lottie-field:has([data-ready]){opacity:1}.mk-card__lottie{block-size:50%;inline-size:50%;display:block}@media (prefers-reduced-motion:reduce){.mk-card__motion,.mk-card__lottie-field{display:none}}.mk-card:hover .mk-card__img,.mk-card:focus-visible .mk-card__img,.mk-card:hover .mk-card__motion,.mk-card:focus-visible .mk-card__motion,.mk-card:hover .mk-card__lottie-field,.mk-card:focus-visible .mk-card__lottie-field{transform:scale(1.035)}.mk-card__gen{transition:transform calc(var(--mk-dur-move) * 1.25) var(--mk-ease), filter calc(var(--mk-dur-move) * .75) var(--mk-ease);will-change:transform}.mk-card:hover .mk-card__gen,.mk-card:focus-visible .mk-card__gen{filter:saturate(1.12)contrast(1.04);transform:scale(1.07)}.mk-card__media:after{content:"";transition:background-color var(--mk-dur-move) var(--mk-ease);background:#0c0c0e00;position:absolute;inset:0}.mk-card:hover .mk-card__media:after,.mk-card:focus-visible .mk-card__media:after{background:#0c0c0ebd}@media (prefers-reduced-motion:reduce){.mk-card:hover .mk-card__img,.mk-card:focus-visible .mk-card__img,.mk-card:hover .mk-card__gen,.mk-card:focus-visible .mk-card__gen{transform:none}.mk-card__gen{transition:filter .45s}.mk-card__media:after,.mk-card__out,.mk-card__go{transition:none}}.mk-card__gen{--mk-gen-a:var(--color-neutral-200);--mk-gen-b:var(--color-neutral-400);background-color:var(--mk-gen-a);width:100%;height:100%;display:block}.mk-card__gen--slate{--mk-gen-a:var(--color-neutral-200);--mk-gen-b:var(--color-neutral-500)}.mk-card__gen--clay{--mk-gen-a:var(--color-neutral-200);--mk-gen-b:color-mix(in srgb, var(--color-accent) 42%, var(--color-neutral-500))}.mk-card__gen--ink{--mk-gen-a:var(--color-neutral-300);--mk-gen-b:var(--color-neutral-800)}.mk-card__gen--moss{--mk-gen-a:var(--color-neutral-200);--mk-gen-b:color-mix(in srgb, #4f6f52 55%, var(--color-neutral-500))}.mk-card__gen--plum{--mk-gen-a:var(--color-neutral-200);--mk-gen-b:color-mix(in srgb, #5b4b6e 55%, var(--color-neutral-500))}.mk-card__gen--sand{--mk-gen-a:var(--color-neutral-100);--mk-gen-b:color-mix(in srgb, #8a7a5e 55%, var(--color-neutral-400))}.mk-card__gen--mesh{background-image:radial-gradient(58% 72% at 22% 26%, var(--mk-gen-b) 0%, transparent 62%), radial-gradient(48% 62% at 78% 68%, var(--mk-gen-b) 0%, transparent 58%), radial-gradient(70% 50% at 52% 96%, var(--mk-gen-a) 0%, transparent 70%)}.mk-card__gen--strata{background-image:repeating-linear-gradient(177deg, var(--mk-gen-b) 0 6%, transparent 6% 13%, color-mix(in srgb, var(--mk-gen-b) 45%, transparent) 13% 17%, transparent 17% 27%)}.mk-card__gen--orbit{background-image:repeating-radial-gradient(circle at 68% 34%, var(--mk-gen-b) 0 1.5%, transparent 1.5% 9%)}.mk-card__gen--grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--mk-gen-b) 55%, transparent) 0 1px, transparent 1px 100%), linear-gradient(to bottom, color-mix(in srgb, var(--mk-gen-b) 55%, transparent) 0 1px, transparent 1px 100%), radial-gradient(80% 80% at 88% 12%, var(--mk-gen-b) 0%, transparent 64%);background-size:2.25rem 2.25rem,2.25rem 2.25rem,100% 100%}.mk-card__out{z-index:1;padding:clamp(var(--space-5), 2.6vw, var(--space-8));font-size:clamp(var(--text-base), 1.7vw, var(--text-xl));font-weight:var(--mk-w-body);letter-spacing:normal;text-wrap:pretty;color:#fff;opacity:0;transition:opacity var(--mk-dur-hover) var(--mk-ease);margin:0;line-height:1.25;position:absolute;inset-block-start:0;inset-inline:0}.mk-card__go{z-index:1;padding:clamp(var(--space-5), 2.6vw, var(--space-8));color:#fff;opacity:0;transition:opacity var(--mk-dur-hover) var(--mk-ease);display:flex;position:absolute;inset-block-end:0;inset-inline-end:0}.mk-card:hover .mk-card__out,.mk-card:focus-visible .mk-card__out,.mk-card:hover .mk-card__go,.mk-card:focus-visible .mk-card__go{opacity:1}.mk-card__bar{display:none}@media (hover:none){.mk-card__out{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}.mk-card__go{display:none}}@media (max-width:34rem){.mk-card{border-radius:var(--mk-radius-media);gap:0;overflow:hidden}.mk-card__media{aspect-ratio:4/3;border-radius:0}.mk-card__out{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.mk-card__bar{display:none}.mk-card:hover .mk-card__media:after,.mk-card:focus-visible .mk-card__media:after{background:#0c0c0e00}}