.template{perspective:300px}
.template:before{background-image:url(../print/textures/glassGr.jpg)}
#persp{
  transform:rotateX(-8deg)
}
.tpl{
  font-weight:bold;
  font-variant:small-caps
}
.tpl p:after{
  text-shadow:0 0 .7px,0 0 1.1px,0 0 1.1px,0 -2px 1.4px #ccc
}
.tpl:before,.tpl p:after{
  filter:url(#lightA2)
}
.tpl:before{
  transform:scaleY(-1);
  bottom:auto;
  top:.74em;
  text-shadow:0 0 2px;
  -webkit-mask-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3),rgba(0,0,0,1));
  mask:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3),rgba(0,0,0,1))
}
*{lighting-color:#fff}
#dropbox:after{content:"Chrome wrong light position on reflect\a Waiting for Firefox CSS mask"}