/* A slim printed catalogue: real CSS depth, layered paper and a soft cast shadow. */
.industrial-home .industrial-cover{
 --book-depth:14px;
 position:relative;
 border:0;
 border-radius:1px 3px 3px 1px;
 transform-style:preserve-3d;
 transform:perspective(900px) rotateX(5deg) rotateY(-24deg) rotateZ(4deg);
 box-shadow:22px 28px 32px -9px #000b,8px 10px 12px -5px #0009;
 transition:transform .35s ease,box-shadow .35s ease;
}
.industrial-home .industrial-cover::before{
 content:"";position:absolute;inset:-1px -1px -2px 0;
 border-radius:1px 3px 3px 1px;
 background:#29313c;
 box-shadow:inset -1px -1px 0 #ffffff55;
 transform:translateZ(-1px);
 pointer-events:none;
}
.industrial-home .industrial-cover>img{
 position:relative;
 border-radius:1px 3px 3px 1px;
 transform:translateZ(var(--book-depth));
 backface-visibility:hidden;
 box-shadow:0 0 0 1px #ffffff30;
}
.industrial-book-pages,.industrial-book-bottom,.industrial-book-binding{
 position:absolute;display:block;pointer-events:none;
}
.industrial-book-pages{
 top:2px;bottom:2px;left:100%;width:var(--book-depth);
 transform-origin:left center;
 transform:translateZ(var(--book-depth)) rotateY(90deg);
 background:repeating-linear-gradient(90deg,#c4c3bc 0,#c4c3bc 1px,#eeede6 1px,#eeede6 2px);
 box-shadow:inset 0 0 4px #0003;
}
.industrial-book-bottom{
 top:100%;left:1px;right:1px;height:var(--book-depth);
 transform-origin:center top;
 transform:translateZ(var(--book-depth)) rotateX(-90deg);
 background:repeating-linear-gradient(0deg,#aaa9a3 0,#aaa9a3 1px,#dbdad3 1px,#dbdad3 2px);
}
.industrial-book-binding{
 inset:0;border-radius:1px 3px 3px 1px;
 transform:translateZ(calc(var(--book-depth) + .2px));
 background:linear-gradient(90deg,#0005 0,transparent 3%,#ffffff28 4%,#0002 6%,transparent 11%,transparent 92%,#ffffff13 100%);
 box-shadow:inset 1px 0 #ffffff55,inset 0 1px #ffffff30;
}
.industrial-home .industrial-cover:hover,
.industrial-home .industrial-cover:focus-visible{
 transform:perspective(900px) translateY(-6px) rotateX(3deg) rotateY(-12deg) rotateZ(1deg);
 box-shadow:25px 36px 40px -10px #000c,9px 14px 17px -6px #0009;
}
@media(max-width:700px){
 .industrial-home .industrial-cover{--book-depth:5px;box-shadow:10px 14px 16px -5px #000b,3px 4px 6px #0005}
}
@media(prefers-reduced-motion:reduce){
 .industrial-home .industrial-cover{transition:none}
 .industrial-home .industrial-cover:hover,.industrial-home .industrial-cover:focus-visible{transform:perspective(900px) rotateX(5deg) rotateY(-24deg) rotateZ(4deg)}
}