.gradual-blur{pointer-events:none;will-change:opacity, backdrop-filter;transition:opacity .32s cubic-bezier(.22,1,.36,1);overflow:hidden}.gradual-blur__inner{pointer-events:none;width:100%;height:100%;position:relative}.gradual-blur--parent{position:absolute}.project-card-gradual-blur{opacity:.9;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.selected-project-card:hover .project-card-gradual-blur,.selected-project-card:focus-visible .project-card-gradual-blur{opacity:1}.gradual-blur__inner>span{-webkit-mask-image:var(--gradual-blur-mask);-webkit-mask-image:var(--gradual-blur-mask);mask-image:var(--gradual-blur-mask);-webkit-backdrop-filter:blur(var(--gradual-blur-radius));backdrop-filter:blur(var(--gradual-blur-radius));background:#fff0;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.global-scroll-blur{opacity:.18}.global-scroll-blur.is-scrolling{opacity:1}.global-scroll-blur.is-opposite{opacity:.14}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradual-blur__inner>span{background:#0405051f}}@media (max-width:760px){.gradual-blur--top,.gradual-blur--bottom{height:7rem!important}}@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){.gradual-blur{display:none}}