/**
 * grid layout
 *
 * <div class="grid-3-small-2-tiny-1 has-gutter">
 *  <div class="bloc">
 *   <a>
 *    <figure class="bloc-thumb"><img /></figure>
 *    <h2>title</h2>
 *    <span class="intro">...</span>
 *   </a>
 *  </div>
 *  ...
 * </div>
 *
 * @author : Actupro
 * @reference
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
*/
 .bloc{margin:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);transition:transform .18s ease,box-shadow .18s ease}.bloc:hover,.bloc:focus-within{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.12)}.bloc a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.bloc-thumb{margin:0;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(135deg,#e7ecf2,#d3dbe6)}.bloc-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.bloc:hover .bloc-thumb img{transform:scale(1.06)}.bloc h2{margin:.8em .9em .3em;font-size:1.05em;line-height:1.3;font-weight:600;text-align:center}.bloc .intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 .9em .9em;color:#555;font-size:.92em;line-height:1.4}