.project{isolation:isolate;transition:scale .2s var(--ease-soft);position:relative;overflow:hidden}.project:active{scale:.99}.project:before{content:"";background:radial-gradient(420px circle at var(--glow-x,15%) var(--glow-y,0%), color-mix(in srgb, var(--project-color) 16%, transparent), transparent 70%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .3s var(--ease-soft);position:absolute;inset:0}:is(.project:hover,.project:focus-within):before{opacity:1}:is(.project:hover,.project:focus-within) .project_arrow{color:var(--color-fg);translate:2px -2px}.project_arrow{transition:color .2s var(--ease-soft), translate .2s var(--ease-soft)}@property --glow-x{syntax:"<length-percentage>";inherits:true;initial-value:15%}@property --glow-y{syntax:"<length-percentage>";inherits:true;initial-value:0%}.project:has(.project_link:focus-visible):not(:hover){--glow-x:15%!important;--glow-y:0%!important}:is(.project:has(.project_link:focus-visible):not(:hover),.project[data-glow-ease]){transition:scale .2s var(--ease-soft), --glow-x .4s var(--ease-soft), --glow-y .4s var(--ease-soft)}.project_link:after{content:"";border-radius:inherit;position:absolute;inset:0}.project_link:focus-visible{outline:none}