/* HERO 3D (js/hero3d.js): the video turns toward the cursor and tilts as you scroll.
   will-change tells the browser to keep the video on the graphics card, so it stays smooth. */
.h3d .screen{overflow:hidden}
.h3d #cv{will-change:transform;transform-origin:50% 55%}
.h3d .caps{transition:none}                 /* the script glides it; a CSS delay would make it lag */
.h3d .capp{will-change:transform}
.h3d-light{position:absolute;left:0;top:0;width:800px;height:800px;z-index:1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,170,90,.16),rgba(255,140,60,.06) 45%,transparent 70%);
  mix-blend-mode:screen;will-change:transform}
@media (hover:none){.h3d-light{display:none}}  /* phones: no cursor, no light */