@property --project-opacity{syntax:"<number>";inherits:false;initial-value:1}.project-list>li{opacity:calc(var(--reveal-opacity,1) * var(--project-opacity));transition:--project-opacity .3s,box-shadow .3s}.project-list>li:focus-within{opacity:1;transition:none;transform:none!important}.section-focus[data-focused-section=projects] .project-list:has(>li:not([data-unavailable]) :focus-visible)>li:not(:has(:focus-visible)):not([data-unavailable]){--project-opacity:.5}.project-list>[data-unavailable]>:not(h3),.project-list>[data-unavailable] h3>:not(.project-status){opacity:.5}@media (prefers-reduced-motion:reduce){.project-list>li{transition:none}}