.demo-shot{--ar:16/10}.demo-cols{--cols:4;margin-top:var(--s-40);gap:var(--s-32)}.demo-help .lead{color:var(--ink)}@media (max-width:1100px){.demo-cols{--cols:2;row-gap:var(--s-40)}}@media (max-width:960px){.demo-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.demo-shot{--ar:4/3}.demo-shot>img{width:180%;max-width:none;height:auto;transform:translate(-12%)}}@media (max-width:560px){.demo-cols{row-gap:var(--s-24);grid-template-columns:minmax(0,1fr)}}