.project-cover{transition:transform .55s cubic-bezier(.2,.7,.2,1);display:block;position:absolute;inset:clamp(.65rem,1.4vw,1.25rem)}.project-cover>img{object-fit:contain}.project-cover--aura{isolation:isolate;pointer-events:none;background:#0b0c0f;inset:0;overflow:hidden}.project-cover__aura{z-index:0;background:radial-gradient(ellipse 52% 57% at 50% 36%, color-mix(in srgb, var(--cover-primary) 90%, transparent), transparent 78%), radial-gradient(ellipse 43% 48% at 27% 48%, color-mix(in srgb, var(--cover-secondary) 78%, transparent), transparent 80%), radial-gradient(ellipse 41% 50% at 74% 45%, color-mix(in srgb, var(--cover-accent) 44%, transparent), transparent 80%);opacity:.8;position:absolute;inset:0}.project-cover__mockup{z-index:1;transform-origin:var(--cover-origin,50% 58%);transform:scale(var(--cover-scale,1.18));position:absolute;inset:0}.project-cover__mockup>img{object-fit:contain;filter:drop-shadow(0 9px 15px #00000042)}.project-cover-link:focus-visible{outline:2px solid var(--ink,#0a0a0a);outline-offset:4px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-cover__aura,.project-cover__mockup{transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s cubic-bezier(.22,1,.36,1)}.project-cover-link:is(:hover,:focus-visible) .project-cover__aura{opacity:1;transform:translate(12px,-10px)scale(1.07)}.project-cover-link:is(:hover,:focus-visible) .project-cover__mockup{transform:translateY(-3px) scale(calc(var(--cover-scale,1.18) * 1.025))}}@media (max-width:700px){.project-cover__mockup>img{filter:drop-shadow(0 7px 11px #0000003d)}}@media (prefers-reduced-motion:reduce){.project-cover,.project-cover__aura,.project-cover__mockup{transition:none}}