.project-visual.has-screenshot,.story-project-visual.has-screenshot{background:#0b0b0a}.project-screenshot,.story-project-screenshot{z-index:0;object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .9s var(--ease), filter .6s var(--ease);position:absolute;inset:0;transform:scale(1.002)}.project-visual.has-screenshot:before,.story-project-visual.has-screenshot:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0707070d,#0000 55%,#07070770);border:0;position:absolute;inset:0;transform:none}.project-visual.has-screenshot:after,.story-project-visual.has-screenshot:after{content:"";z-index:1;pointer-events:none;transition:transform 1.1s var(--ease);background:linear-gradient(105deg,#0000 44%,#ffffff1f 50%,#0000 56%);position:absolute;inset:0;transform:translate(-120%)}.project-card-link:hover .project-screenshot,.project-card-link:focus-visible .project-screenshot{transform:scale(1.035)}.project-card-link:hover .project-visual.has-screenshot:after,.project-card-link:focus-visible .project-visual.has-screenshot:after,.work-stage-layer.active .story-project-visual.has-screenshot:after{transform:translate(120%)}.project-visual.has-screenshot .project-index,.story-project-visual.has-screenshot .project-index{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080807c7;padding:.4rem .55rem}.story-project-visual.has-screenshot small{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080807c7;padding:.45rem .6rem}.work-stage-layer.active .story-project-screenshot{transform:scale(1.025)}@media (max-width:768px){.project-screenshot,.story-project-screenshot{transition-duration:.55s}}@media (prefers-reduced-motion:reduce){.project-screenshot,.story-project-screenshot,.project-visual.has-screenshot:after,.story-project-visual.has-screenshot:after{transition:none;transform:none}}