.works{padding-top:42px}
.work-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.work-shot{position:relative;display:block;min-width:0;aspect-ratio:1/1;background:#152034;border:1px solid #344056;border-radius:18px;padding:0;overflow:hidden;color:inherit;transition:transform .32s,border-color .32s,box-shadow .32s}
.work-shot:nth-child(7n+1),.work-shot:nth-child(7n+5){grid-row:span 2;aspect-ratio:auto}
.work-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .35s}
.work-shot::after{content:'↗';position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#111b2ddd;border:1px solid #d7b56c66;color:#efd298;font-size:17px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.work-shot:hover{transform:translateY(-4px);border-color:#d5b17188;box-shadow:0 18px 45px #0005}
.work-shot:hover img{transform:scale(1.04);filter:saturate(1.05)}
.work-shot:hover::after,.work-shot:focus-visible::after{opacity:1;transform:none}
.work-shot.is-hidden{display:none}
.works-action{display:flex;justify-content:center;margin-top:30px}
.works-toggle{padding:12px 22px;background:transparent}
@media(max-width:900px){.work-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.work-shot:nth-child(7n+1),.work-shot:nth-child(7n+5){grid-row:auto;aspect-ratio:1/1}}
@media(max-width:650px){.works{padding-top:25px}.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-shot{border-radius:13px}.work-shot::after{width:32px;height:32px;right:9px;bottom:9px;opacity:1;transform:none;font-size:14px}.works-action{margin-top:22px}.works-toggle{width:100%;min-height:48px}}
@media(prefers-reduced-motion:reduce){.work-shot,.work-shot img,.work-shot::after{transition:none}}