@property --brilho{syntax:"<number>";inherits:true;initial-value:0}@media (hover:hover) and (pointer:fine){.solution-grid .solution,.package-grid .package,.project-grid .project{--mx:50%;--my:0px;--brilho:0;--tom:currentColor}.project-grid .project{--tom:var(--pink);position:relative}.solution-grid .solution:hover,.package-grid .package:hover,.project-grid .project:hover{--brilho:1}.solution-grid .solution{transition:transform .35s var(--ease),border-color .35s,box-shadow .35s,--brilho .5s;background-image:radial-gradient(calc(var(--brilho) * 420px) circle at var(--mx) var(--my),color-mix(in srgb,var(--tom) 13%,transparent),transparent 72%),linear-gradient(160deg,#191919f2,#101010eb)}.package-grid .package{transition:transform .35s var(--ease),border-color .35s,box-shadow .35s,--brilho .5s;background-image:radial-gradient(calc(var(--brilho) * 420px) circle at var(--mx) var(--my),color-mix(in srgb,var(--tom) 11%,transparent),transparent 72%)}.project-grid .project{transition:transform .45s var(--ease),border-color .45s,box-shadow .45s,--brilho .5s}.solution-grid .solution:after,.package-grid .package:after,.project-grid .project:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(calc(var(--brilho) * 300px) circle at var(--mx) var(--my),var(--tom),transparent 72%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.project-grid .project:after{inset:0}.project-grid .project:before{content:"";z-index:3;pointer-events:none;background:radial-gradient(calc(var(--brilho) * 520px) circle at var(--mx) var(--my),color-mix(in srgb,var(--tom) 15%,transparent),transparent 72%);position:absolute;inset:0}}