/* Final measured calibration for approved Block 06 only. */
@media (min-width:1600px){
  #process h2{max-width:1000px}
  #process .process-grid img{width:234px;height:216px;margin-bottom:-34px;transform:translateX(-32px)}
  #process .process-grid article:nth-child(4) img{width:235px;transform:translate(-32px,-4px)}
}
@media (min-width:1400px) and (max-width:1599px){
  #process h2{font-size:44px;max-width:1290px}
  #process .process-grid img{width:204px;height:186px;margin-bottom:-45px;transform:translateX(-33px)}
  #process .process-grid article:nth-child(4) img{width:206px;transform:translate(-33px,-3px)}
}
@media (min-width:1024px) and (max-width:1399px){
  #process h2{font-size:38px;max-width:1200px}
  #process .process-grid img{width:180px;height:170px;margin-bottom:-42px;transform:translateX(-32px)}
  #process .process-grid article:nth-child(4) img{width:181px;transform:translate(-32px,-3px)}
}
@media (min-width:768px) and (max-width:1023px){
  #process .process-grid img{transform:translate(-26px,-20px)}
  #process .process-grid article:nth-child(4) img{width:193px;transform:translate(-26px,-23px)}
}
@media (min-width:371px) and (max-width:767px){
  #process .process-grid article:nth-child(4) img{width:177px;transform:translate(-22px,-3px)}
}
@media (max-width:370px){
  #process h2{max-width:290px}
  #process .process-grid article:nth-child(4) img{width:172px;transform:translate(-22px,-3px)}
}

/* Copy always sits on shared grid lines. Only the transparent icon canvases are
   optically calibrated, using their visible alpha bottom as the reference. */
#process .process-grid article>b,
#process .process-grid article>h3,
#process .process-grid article>p{transform:none}

@media (min-width:1600px){
  #process .process-grid article:nth-child(1) img{transform:translate(-32px,-29px)}
  #process .process-grid article:nth-child(2) img{transform:translate(-32px,-20px)}
  #process .process-grid article:nth-child(3) img{transform:translate(-32px,-18px)}
  #process .process-grid article:nth-child(4) img{transform:translate(-32px,-12px)}
}
@media (min-width:1400px) and (max-width:1599px){
  #process .process-grid article:nth-child(1) img{transform:translate(-33px,-43px)}
  #process .process-grid article:nth-child(2) img{transform:translate(-33px,-35px)}
  #process .process-grid article:nth-child(3) img{transform:translate(-33px,-34px)}
  #process .process-grid article:nth-child(4) img{transform:translate(-33px,-28px)}
}
@media (min-width:1024px) and (max-width:1399px){
  #process .process-grid article:nth-child(1) img{transform:translate(-32px,-42px)}
  #process .process-grid article:nth-child(2) img{transform:translate(-32px,-35px)}
  #process .process-grid article:nth-child(3) img{transform:translate(-32px,-32px)}
  #process .process-grid article:nth-child(4) img{transform:translate(-32px,-27px)}
}
@media (min-width:768px) and (max-width:1023px){
  #process .process-grid article:nth-child(1) img{transform:translate(-26px,-23px)}
  #process .process-grid article:nth-child(2) img{transform:translate(-26px,-16px)}
  #process .process-grid article:nth-child(3) img{transform:translate(-26px,-14px)}
  #process .process-grid article:nth-child(4) img{transform:translate(-26px,-9px)}
}
@media (min-width:371px) and (max-width:767px){
  #process .process-grid article:nth-child(1) img{transform:translate(-22px,-20px)}
  #process .process-grid article:nth-child(2) img{transform:translate(-22px,-13px)}
  #process .process-grid article:nth-child(3) img{transform:translate(-22px,-12px)}
  #process .process-grid article:nth-child(4) img{transform:translate(-22px,-8px)}
}
@media (max-width:370px){
  #process .process-grid article:nth-child(1) img{transform:translate(-22px,-14px)}
  #process .process-grid article:nth-child(2) img{transform:translate(-22px,-7px)}
  #process .process-grid article:nth-child(3) img{transform:translate(-22px,-7px)}
  #process .process-grid article:nth-child(4) img{transform:translate(-22px,-3px)}
}