.project__distortion-layer{--distort-position-x: 50%;--distort-position-y: 50%;--distort-shift-x: 0px;--distort-shift-y: 0px;position:absolute;inset:-4%;z-index:1;width:108%;max-width:none;height:108%;object-fit:cover;opacity:0;pointer-events:none;transform:translate3d(var(--distort-shift-x),var(--distort-shift-y),0) scale(1.045);transition:opacity var(--dur-fast) var(--ease);will-change:transform,opacity;-webkit-mask-image:radial-gradient(circle 24% at var(--distort-position-x) var(--distort-position-y),#000 0%,rgba(0,0,0,.9) 42%,rgba(0,0,0,.35) 72%,transparent 100%);mask-image:radial-gradient(circle 24% at var(--distort-position-x) var(--distort-position-y),#000 0%,rgba(0,0,0,.9) 42%,rgba(0,0,0,.35) 72%,transparent 100%)}.project__distortion-layer--secondary{opacity:0;-webkit-mask-image:radial-gradient(circle 15% at var(--distort-position-x) var(--distort-position-y),#000 0%,rgba(0,0,0,.75) 58%,transparent 100%);mask-image:radial-gradient(circle 15% at var(--distort-position-x) var(--distort-position-y),#000 0%,rgba(0,0,0,.75) 58%,transparent 100%)}.project__distortion-layer.is-active{opacity:.92}.project__distortion-layer--secondary.is-active{opacity:.62}.project__distortion-canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;opacity:0;pointer-events:none;transform:scale(1.025);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-slower) var(--ease);will-change:transform}.project__distortion-canvas.is-ready{opacity:1}.project__media--video>.project__distortion-canvas.is-ready{opacity:0}.project__media--video:hover>.project__distortion-canvas.is-ready{opacity:1}