/* Small tactile details layered over the main stylesheet. */
.process figure{
  position:relative;
  overflow:visible;
  padding:10px;
  background:#fffaf7;
  border:1px solid rgba(64,53,59,.12);
  border-radius:34px;
  box-shadow:0 16px 34px rgba(70,50,61,.14);
  transform:rotate(1deg);
  transition:transform .35s ease,box-shadow .35s ease;
  will-change:transform;
}
.process figure::before{
  content:'✦';
  position:absolute;
  right:-22px;
  top:-27px;
  z-index:2;
  color:#efb0bd;
  font:34px/1 Georgia,"Times New Roman",serif;
  transform:rotate(8deg);
  transition:transform .35s ease,opacity .35s ease;
}
.process figure img{
  border-radius:25px;
}
.process figure:hover{
  transform:translateY(-8px) rotate(0deg) scale(1.015);
  box-shadow:0 27px 50px rgba(70,50,61,.22);
}
.process figure:hover::before{
  transform:translateY(-5px) rotate(24deg) scale(1.12);
  opacity:.92;
}
@media(max-width:650px){
  .process figure::before{right:-8px;top:-24px}
}
@media(prefers-reduced-motion:reduce){
  .process figure,.process figure::before{transition:none}
}