/* Flat portrait artwork, perspective and paper thickness belong to the web mockup only. */
.product-card .document-stage { height:226px; padding:12px 18px 16px; margin-bottom:20px; perspective:1100px; }
.product-card .document-stack.document-portrait { width:140px; aspect-ratio:297 / 420; transform:rotateY(-8deg) rotateZ(-2deg); transform-style:preserve-3d; }
.document-portrait .document-sheet { border-radius:1px; border:1px solid rgba(239,244,246,.9); }
.document-portrait .sheet-back { transform:translate(8px,-7px); background:#d5dce0; box-shadow:0 4px 9px rgba(0,0,0,.14); }
.document-portrait .sheet-middle { transform:translate(4px,-3px); background:repeating-linear-gradient(0deg,#fff 0 1px,#d5d9da 1px 2px); box-shadow:2px 3px 0 #bac5cb; }
.document-portrait .sheet-front { overflow:hidden; background:#071c2a; box-shadow:1px 2px 0 #e4e8e9,2px 4px 0 #cbd2d6,0 14px 24px rgba(0,0,0,.3); }
.document-portrait .sheet-front img { display:block; width:100%; height:100%; object-fit:contain; }
@media (min-width:1101px) and (min-height:1050px) {
  .home-page #slide-2 .product-card .document-stage { height:184px; padding-top:12px; margin-bottom:14px; }
  .home-page #slide-2 .document-stack.document-portrait { width:112px; }
}
@media (max-width:700px) {
  .product-card .document-stage { height:256px; margin-bottom:22px; }
  .product-card .document-stack.document-portrait { width:160px; }
}
@media (prefers-reduced-motion:reduce) { .document-portrait { transform:none!important; } }

/* Wide cover artwork fills the card's entire image slot. */
.product-card .document-stage,.home-page #slide-2 .product-card .document-stage { width:100%; height:auto; padding:0; margin:0 0 16px; perspective:none; }
.product-card .document-stack.document-landscape,.home-page #slide-2 .product-card .document-stack.document-landscape { position:relative; width:100%; max-width:none; aspect-ratio:2.5; transform:none; }
.document-landscape .sheet-front { position:absolute; inset:0; overflow:hidden; border-radius:5px; background:#071c2a; border:1px solid rgba(141,201,225,.25); box-shadow:none; }
.document-landscape .sheet-front img { display:block; width:100%; height:100%; object-fit:cover; }
.product-card .task-detail { margin-top:auto; padding-top:12px; }
@media(min-width:1101px) and (min-height:1050px) { .home-page #slide-2 .product-card .document-stage { height:auto; padding:0; margin-bottom:16px; } }
@media(max-width:700px) { .product-card .document-stage { height:auto; margin-bottom:18px; } }