.agf{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:64px;padding-bottom:72px;display:grid}.agf__frame{align-content:start;gap:10px;display:grid}.agf__frame:nth-child(2n){transform:translateY(72px)}.agf__clip{border-radius:var(--r);aspect-ratio:4/3;background:var(--canvas-deep);overflow:hidden}.agf__pic{width:100%;height:100%;transition:transform .9s var(--ease) var(--delay,0s);position:relative}.agf__pic img{object-fit:cover;transition:transform .24s var(--ease-out)}.agf__n{color:var(--ink-600);margin-top:14px}.agf__t{letter-spacing:-.01em;font-size:28px;font-weight:600;line-height:1.1}.ag-page .agf__b{color:var(--ink-600);font-size:17px;line-height:1.45}.agf.is-armed .agf__pic{transform:translateY(100%)}.agf.is-armed .agf__pic img{transition:transform 1.1s var(--ease) var(--delay,0s);transform:scale(1.15)}.agf.is-armed .agf__frame.is-open .agf__pic,.agf.is-armed .agf__frame.is-open .agf__pic img{transform:none}.agf__frame:nth-child(2){--delay:.1s}.agf__frame:nth-child(3){--delay:.2s}.agf__frame:nth-child(4){--delay:.3s}@media (hover:hover) and (pointer:fine){.agf__frame.is-open:hover .agf__pic img,.agf:not(.is-armed) .agf__frame:hover .agf__pic img{transition-duration:.24s;transition-delay:0s;transform:scale(1.03)}}@media (max-width:1199px){.agf{grid-template-columns:repeat(2,minmax(0,1fr))}.agf__frame:nth-child(2n){transform:none}.agf{padding-bottom:0}}@media (max-width:767px){.agf{grid-template-columns:1fr;gap:36px;margin-top:40px}.agf__t{font-size:24px}}