/* Exact source artwork is placed inside photographed surfaces. */
.artwork-scene{display:block;position:relative;width:100%;aspect-ratio:var(--scene-ratio);overflow:hidden;isolation:isolate;container-type:inline-size}
.artwork-scene .scene-photo{display:block;width:100%;height:100%;object-fit:cover}
.artwork-scene .scene-layer{position:absolute;display:block;overflow:hidden}
.artwork-scene .scene-layer img{display:block;width:100%;height:100%;object-fit:contain}
.artwork-scene .scene-layer:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 3px #0002;background:linear-gradient(120deg,#ffffff05,transparent 40%,#00000008)}
.prime-context{position:absolute;top:4%;left:4%;right:4%;display:flex;gap:8%;color:#fff;font:500 1.5cqw Arial,sans-serif}.prime-context b{font-weight:700}
.viewer-image:has(.artwork-scene),.viewer-image:has(.email-scene){container-type:size}
.viewer-image>.artwork-scene{width:min(100cqw,var(--scene-fit,150cqh));height:auto;max-height:100%;flex:none}
.viewer-image .artwork-scene img{max-width:none;max-height:none;width:100%;height:100%}
.viewer-image[aria-busy=true]>.artwork-scene,.viewer-image[aria-busy=true]>.email-scene{visibility:hidden}
.email-scene{position:relative;display:block;width:100%;aspect-ratio:1.2;container-type:inline-size;overflow:hidden;background:#132538;color:#263447;font-family:Arial,sans-serif}
.email-window{display:block;position:absolute;left:15%;top:8%;width:70%;height:84%;border-radius:1.2cqw;overflow:hidden;background:#fff;box-shadow:0 1.5cqw 4cqw #0005}
.email-chrome{display:flex;align-items:center;gap:.8cqw;height:6cqw;padding:0 2cqw;background:#edf0f2;border-bottom:.12cqw solid #c5cbd1}
.email-chrome i{display:block;width:1cqw;height:1cqw;border-radius:50%;background:#a3afb8}.email-chrome b{font-size:1.8cqw;font-weight:500;margin:auto}
.email-paper{display:block;overflow:auto;height:calc(100% - 6cqw);scrollbar-width:thin}
#project-gallery .email-paper{overflow:hidden}
.email-scene .email-paper img,#project-gallery .work-media .email-paper img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.viewer-image>.email-scene{width:min(100cqw,120cqh);height:auto;flex:none}
#project-gallery .artwork-scene .scene-layer img{object-fit:contain}
#project-gallery .artwork-scene .scene-photo{object-fit:cover}

.artwork-scene .scene-layer .scene-art,#project-gallery .artwork-scene .scene-layer .scene-art{object-fit:var(--art-fit,contain)}

.creative-set{display:flex;gap:0;width:100%;overflow:hidden}
.creative-crop{display:block;position:relative;overflow:hidden;flex:1}
.creative-crop img,#project-gallery .work-media .creative-crop img{position:absolute;max-width:none;max-height:none;object-fit:fill}
.viewer-image:has(.creative-set){container-type:size}
.viewer-image>.creative-set{width:min(100cqw,var(--crop-fit,300cqh));flex:none}
.viewer-image[aria-busy=true]>.creative-set{visibility:hidden}

.artwork-scene .scene-mount-print{box-shadow:0 .12cqw .12cqw #fff7,0 .3cqw .7cqw #0005;outline:.1cqw solid #17202960}
.artwork-scene .scene-mount-diecut{overflow:visible;filter:drop-shadow(.3cqw .4cqw .25cqw #0006)}
.artwork-scene .scene-mount-diecut img{clip-path:polygon(28.310% 58.888%,25.518% 57.841%,22.844% 56.671%,20.303% 55.381%,17.907% 53.980%,15.667% 52.474%,13.594% 50.870%,11.698% 49.176%,9.990% 47.400%,8.476% 45.551%,7.164% 43.638%,6.061% 41.671%,5.172% 39.658%,4.502% 37.609%,4.053% 35.536%,3.828% 33.447%,3.828% 31.353%,4.053% 29.264%,4.502% 27.191%,5.172% 25.142%,6.061% 23.129%,7.164% 21.162%,8.476% 19.249%,9.990% 17.400%,11.698% 15.624%,13.594% 13.930%,15.667% 12.326%,17.907% 10.820%,20.303% 9.419%,22.844% 8.129%,25.518% 6.959%,28.310% 5.912%,31.209% 4.994%,34.199% 4.209%,37.266% 3.562%,40.394% 3.056%,43.570% 2.692%,46.777% 2.473%,50.000% 2.400%,53.223% 2.473%,56.430% 2.692%,59.606% 3.056%,62.734% 3.562%,65.801% 4.209%,68.791% 4.994%,71.690% 5.912%,74.482% 6.959%,77.156% 8.129%,79.697% 9.419%,82.093% 10.820%,84.333% 12.326%,86.406% 13.930%,88.302% 15.624%,90.010% 17.400%,91.524% 19.249%,92.836% 21.162%,93.939% 23.129%,94.828% 25.142%,95.498% 27.191%,95.947% 29.264%,96.172% 31.353%,96.172% 33.447%,95.947% 35.536%,95.498% 37.609%,94.828% 39.658%,93.939% 41.671%,92.836% 43.638%,91.524% 45.551%,90.010% 47.400%,88.302% 49.176%,86.406% 50.870%,84.333% 52.474%,82.093% 53.980%,79.697% 55.381%,77.156% 56.671%,74.482% 57.841%,71.690% 58.888%,71.7% 94.9%,28.5% 94.9%,28.5% 58.9%)}
.artwork-scene .scene-mount-diecut:after{display:none}

.artwork-scene .scene-mount-frame{outline:.78cqw solid #171c1d;box-shadow:0 .4cqw .65cqw #0009}

.artwork-scene .scene-mount-pennant{clip-path:polygon(0 0,100% 50%,0 100%)}
.artwork-scene .scene-mount-pennant:after{box-shadow:none;background:linear-gradient(100deg,#00000010,transparent 35%,#0000000a)}
.pennant-pin{position:absolute;left:1.25%;width:.9cqw;height:.9cqw;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e4ca82,#9d6b23 65%,#493313);box-shadow:.15cqw .2cqw .2cqw #0007;z-index:1}.pennant-pin.pin-top{top:2%}.pennant-pin.pin-bottom{bottom:2%}

/* Related digital formats remain one image-led composition, with no device chrome. */
.design-set{display:block;position:relative;width:100%;aspect-ratio:var(--set-ratio)}
.design-set-item{display:block;position:absolute;overflow:hidden}
.design-set .design-set-item img,#project-gallery .work-media .design-set-item img{display:block;width:100%;height:100%;object-fit:contain}
.viewer-image:has(.design-set){container-type:size}
.viewer-image>.design-set{width:min(100cqw,var(--set-fit));height:auto;max-height:100%;flex:none}
.viewer-image[aria-busy=true]>.design-set{visibility:hidden}

/* Curated gallery framing keeps the complete design in view. */
.scene-preview{display:block;position:relative;width:100%;overflow:hidden}
.scene-preview-content{display:block;position:absolute}

.artwork-scene .scene-mount-vinyl:after{box-shadow:none;background:linear-gradient(110deg,#ffffff06,transparent 40%,#0000000b)}
.print-bolt{position:absolute;display:block;width:1.1%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f0f0e8,#9b9d99 48%,#454743 85%);box-shadow:0 .05cqw .12cqw #0008;z-index:1}.bolt-tl{top:1.5%;left:1.5%}.bolt-tr{top:1.5%;right:1.5%}.bolt-br{bottom:1.5%;right:1.5%}.bolt-bl{bottom:1.5%;left:1.5%}