/* A printed atlas on the existing cover. No animation or fold geometry lives here. */
.paper-atlas{display:none}
.js .paper-atlas{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;
  mix-blend-mode:multiply;
  mask-image:radial-gradient(ellipse 48% 49% at 50% 47%,rgba(0,0,0,.09) 22%,rgba(0,0,0,.28) 52%,#000 92%)}
.atlas-figure{position:absolute;display:block;overflow:hidden;opacity:.27;
  filter:grayscale(1) contrast(1.1);mix-blend-mode:multiply}
.atlas-heart{width:28%;left:-2%;top:34%;transform:rotate(-9deg)}
.atlas-cell{width:33%;right:-3%;top:8%;transform:rotate(12deg);opacity:.23}
.atlas-microscope{width:9%;left:9%;top:9%;transform:rotate(-12deg);opacity:.3}
.atlas-orbit{width:37%;left:8%;bottom:3%;transform:rotate(8deg);
  filter:grayscale(1) invert(1) contrast(1.1);opacity:.25}
.atlas-artery{width:19%;right:-2%;top:48%;transform:rotate(-17deg)}
.atlas-vein{width:18%;left:33%;top:7%;transform:rotate(-18deg);opacity:.18}
.atlas-cork{width:16%;right:15%;bottom:4%;transform:rotate(15deg);opacity:.25}
.atlas-capillary{width:18%;left:45%;bottom:3%;transform:rotate(-12deg);opacity:.23}
.atlas-cell-detail{width:21%;left:45%;top:45%;transform:rotate(19deg);opacity:.13}
@media(min-width:1800px){.atlas-heart{width:25%;left:1%}.atlas-cell{width:28%;right:0}}
@media(max-width:860px){
  .js .paper-atlas{mask-image:radial-gradient(ellipse 65% 42% at 50% 45%,rgba(0,0,0,.06) 25%,rgba(0,0,0,.28) 65%,#000 100%)}
  .atlas-heart{width:49%;left:-13%;top:30%}.atlas-cell{width:53%;right:-13%;top:7%}
  .atlas-microscope{width:17%;left:5%;top:10%}.atlas-vein{width:30%;left:28%;top:4%}
  .atlas-orbit{width:68%;left:-9%;bottom:4%}.atlas-artery{width:32%;right:-9%;top:50%}
  .atlas-cork{width:27%;right:-2%;bottom:8%}.atlas-capillary{width:30%;left:40%;bottom:2%}
  .atlas-cell-detail{width:37%;left:27%;top:45%}
}