[class*=ratio-]{display:block;position:relative}[class*=ratio-]>*{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.aspect-ratio-wide{padding-top:56.25%}.aspect-ratio-square{padding-top:100%}img.lazyimg[data-loaded=false]{opacity:0;transform:translateZ(0);transition-delay:.35s;transition:all .4s,-webkit-filter .4s}img.lazyimg[lazy=error]{opacity:1;transition:all .2s}img.lazyimg[data-loaded=true]{opacity:1;transition-delay:.35s;transition:all .4s,-webkit-filter .4s;transform:translateZ(0)}.articlecard,.articlecard:hover{transition:box-shadow .5s}.articlegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-template-rows:repeat(auto-fill,minmax(320px,1fr));grid-gap:1rem}