/* The same photographic computer used in the homepage, with each real site. */
.work-mac{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:#8c9877;isolation:isolate}
.work-mac>img.work-mac__scene{position:absolute;left:0;bottom:0;display:block;width:100%;height:auto;aspect-ratio:auto;max-width:none;object-fit:initial;transform:none;transition:none}
.work-mac__screen{position:absolute;left:30.47%;top:26.188%;width:38.67%;height:22.248%;display:block;overflow:hidden;border-radius:3.2% / 4.4%;background:#191f1d}
.work-mac__screen>img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 0;transform:none;filter:saturate(1.06) contrast(1.03);transition:none}
.work-mac__screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(165deg,#fff2 0%,#fff0 38%),radial-gradient(ellipse at 50% 50%,transparent 52%,#0002 100%),repeating-linear-gradient(to bottom,#00000008 0 1px,transparent 1px 3px);box-shadow:inset 0 0 14px #0003}
.shot:hover .work-mac img{transform:none}.shot>a:focus-visible{display:block;outline:3px solid #1451ff;outline-offset:4px}
.case-cover:has(.work-mac){max-width:760px;margin-inline:auto}.case-cover .work-mac{width:100%}
/* Large photographic grids remain visible without waiting for the whole grid. */
.js .shots:has(.work-mac)>.shot{opacity:1;transform:none}