/* Image effects for the original before/after photographs. */
.work-picture{isolation:isolate;transition:box-shadow .5s ease}
.work-aura{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(350px circle at var(--work-x,50%) var(--work-y,50%),#edbd7b38,transparent 75%);transition:opacity .45s ease;box-shadow:inset 0 0 0 1px #c69b6d55}
.work-picture:focus-visible .work-aura{opacity:1}
.work-picture img{transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter .7s ease,opacity .9s ease;transform-origin:center}
.work-picture.work-image-pending img{opacity:0;transform:scale(1.065);filter:saturate(.6) blur(5px)}
.work-picture.work-image-pending{clip-path:inset(7% 0 0 0);transition:clip-path 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--work-delay,0ms)}
.work-picture.work-image-pending img{transition-delay:var(--work-delay,0ms)}
.work-picture.work-image-ready{clip-path:inset(0);}
.work-picture.work-image-ready img{opacity:1;transform:scale(1);filter:saturate(.88) blur(0)}
.work-picture:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#e8cdb51a 48%,#fff4dd21 50%,transparent 68%);transform:translateX(-130%);transition:transform 1s cubic-bezier(.2,.65,.3,1)}
.work-picture:after{z-index:2;border-color:#ffffff16;transition:inset .5s,border-color .5s}
.work-pair,.work-zoom{z-index:3}
.work-zoom{transition:background .35s,color .35s,transform .5s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.work-caption h2{transition:color .4s,transform .5s cubic-bezier(.16,1,.3,1)}
.work-picture:focus-visible{outline:2px solid var(--copper-light);outline-offset:5px}
.work-picture:focus-visible img{transform:scale(1.035);filter:saturate(1) blur(0)}
.work-picture:focus-visible:after{inset:9px;border-color:#d4b79e99}
.work-picture:focus-visible .work-zoom{background:var(--copper);color:var(--bg);transform:translate(-3px,-3px)}
@media(hover:hover) and (pointer:fine){
  .work-picture:hover img{transform:scale(1.065);filter:saturate(1) brightness(1.06) blur(0)}
  .work-picture:hover{box-shadow:0 18px 42px #0005}
  .work-picture:hover .work-aura{opacity:1}
  .work-picture:hover:before{transform:translateX(130%)}
  .work-picture:hover:after{inset:9px;border-color:#d4b79e99}
  .work-picture:hover .work-zoom{transform:translate(-3px,-3px);box-shadow:0 5px 20px #0004}
  .work-card:hover .work-caption h2{color:var(--copper-light);transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce){
  .work-picture,.work-aura{transition:none}
  .work-picture.work-image-pending,.work-picture.work-image-ready{clip-path:none;transition:none}
  .work-picture.work-image-pending img,.work-picture.work-image-ready img,.work-picture:hover img,.work-picture:focus-visible img{opacity:1;transform:none;filter:saturate(.88);transition:none}
  .work-picture:before{display:none}
  .work-card:hover .work-caption h2,.work-picture:hover .work-zoom,.work-picture:focus-visible .work-zoom{transform:none}
}