.mk-card{gap:var(--space-3);color:inherit;flex-direction:column;text-decoration:none;display:flex}.mk-card__media{aspect-ratio:4/5;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:hover .mk-card__img,.mk-card:focus-visible .mk-card__img{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-4), 2vw, var(--space-6));max-width:24ch;font-size:clamp(var(--text-base), 1.7vw, var(--text-xl));letter-spacing:normal;text-wrap:pretty;color:#fff;opacity:0;transition:opacity var(--mk-dur-hover) var(--mk-ease);margin:0;font-weight:600;line-height:1.25;position:absolute;inset-block-start:0;inset-inline:0}.mk-card__go{z-index:1;padding:clamp(var(--space-4), 2vw, var(--space-6));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}@media (hover:none){.mk-card__out{padding:var(--space-3) 0 0;color:inherit;opacity:1;position:static}.mk-card__go{display:none}}
.mk-grid{gap:clamp(var(--space-5), 2.5vw, var(--space-8));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:60rem){.mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:34rem){.mk-grid{grid-template-columns:1fr}}