/* organise-donation-drive.html - page styles (generated). Loaded between styles.css and responsive.css. */
/* #drive-ill-css */
  /* Illustrated cards on the drive page - same flat style as the "Six ways" tiles on employee-engagement */
  .imgcard .art{position:relative;aspect-ratio:16/10;overflow:hidden}
  .imgcard .art svg{display:block;width:100%;height:100%}
  .imgcard .art.a1{background:#FCE6D4}
  .imgcard .art.a2{background:#EAF1F4}
  .imgcard .art.a3{background:#F5E9D8}
  .imgcard .art.a4{background:#FAEBDD}
  @keyframes eebob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
  .ill .bob{animation:eebob 3.4s ease-in-out infinite}
  .ill .b2{animation-delay:-.9s}.ill .b3{animation-delay:-1.8s}
  @keyframes eehop{0%,62%,100%{transform:translateY(0) rotate(0)}72%{transform:translateY(-12px) rotate(-5deg)}84%{transform:translateY(0) rotate(2deg)}}
  .ill .hop{transform-box:fill-box;transform-origin:50% 100%;animation:eehop 3.6s ease-in-out infinite}
  .ill .hop.h2{animation-delay:-1.8s}
  @keyframes eeswing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
  .ill .swing{transform-box:fill-box;transform-origin:50% 0%;animation:eeswing 3s ease-in-out infinite}
  @keyframes eesteam{0%,100%{opacity:.2;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}
  .ill .steam{animation:eesteam 2.6s ease-in-out infinite}
  @media(prefers-reduced-motion:reduce){.ill .bob,.ill .hop,.ill .swing,.ill .steam{animation:none}}