.mensura-stage{display:block;position:relative;width:100%;height:100%}.mensura-stage .mensura-sheet{position:absolute;left:50%;top:50%;width:205px;height:250px;background:#f7f4ed;box-shadow:0 6px 18px rgba(44,38,31,.12);transform:translate(-48%,-52%) rotate(-6deg)}.mensura-stage .mensura-sheet:nth-child(2){transform:translate(-49%,-51%) rotate(-3deg)}.mensura-stage img{position:absolute;left:50%;top:50%;width:205px;height:250px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 5px 7px rgba(44,38,31,.13));clip-path:polygon(2% 0,50% 0,55% 27%,96% 26%,98% 87%,60% 92%,55% 97%,0 97%)}
.mensura-detail .artwork-detail-intro::before{background-image:url('./assets/mensura/devices.png');background-size:contain;background-position:85% center;filter:saturate(.7) blur(3px)}.mensura-detail .artwork-detail-intro::after{background:linear-gradient(90deg,rgba(247,244,237,.98),rgba(247,244,237,.94) 48%,rgba(247,244,237,.72))}.mensura-pages{max-width:1400px;margin:auto;display:grid;gap:64px}.mensura-pages figure{margin:0}.mensura-pages img{display:block;width:100%;height:auto}.mensura-pages figcaption{padding:12px 0;color:#62605d;font:11px/1.5 monospace}.mensura-pages a:focus-visible{outline:2px solid #62605d;outline-offset:4px}@media(max-width:600px){.mensura-detail .artwork-detail-intro::after{background:rgba(247,244,237,.9)}.mensura-pages{gap:36px}}
/* The device silhouettes sit directly on the existing category background. */
.mensura-stage .mensura-sheet{display:none}
/* Use the supplied artwork as pixels and the cutout only as its alpha mask. */
.mensura-collage{position:absolute;left:50%;top:50%;width:min(100%,300px);aspect-ratio:1726/852;transform:translate(-50%,-50%);background:url('./assets/mensura/collage-original.png') center/100% 100% no-repeat;mask:url('./assets/mensura/collage-mask.png') center/100% 100% no-repeat;-webkit-mask:url('./assets/mensura/collage-mask.png') center/100% 100% no-repeat}
.mensura-detail .artwork-detail-intro::before{background-image:url('./assets/mensura/collage-original.png');mask:url('./assets/mensura/collage-mask.png') 85% center/contain no-repeat;-webkit-mask:url('./assets/mensura/collage-mask.png') 85% center/contain no-repeat}
@media (min-width: 821px){.mensura-collage{width:min(100%,400px)}}