/* 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),.viewer-image:has(.display-ad-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,.viewer-image[aria-busy=true]>.display-ad-scene{visibility:hidden}
.email-scene,.display-ad-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,.ad-browser-chrome{display:flex;align-items:center;gap:.8cqw;height:6cqw;padding:0 2cqw;background:#edf0f2;border-bottom:.12cqw solid #c5cbd1}
.email-chrome i,.ad-browser-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}
.display-ad-scene{aspect-ratio:1.4;background:#dce3e7}
.ad-browser{display:block;position:absolute;inset:8%;background:white;border-radius:1cqw;overflow:hidden;box-shadow:0 1cqw 4cqw #20303c33}
.ad-browser-chrome{height:5cqw}.ad-browser-chrome span{font-size:1.6cqw;margin:auto}
.ad-browser-content{display:flex;align-items:center;justify-content:center;gap:3cqw;padding:3cqw;height:calc(100% - 5cqw)}
.ad-placeholder{display:flex;flex-direction:column;gap:2cqw;flex:1;align-self:flex-start;padding-top:2cqw;text-align:left}.ad-placeholder b{font-size:3cqw}.ad-placeholder span{height:1cqw;background:#e2e8ec;width:85%}.ad-placeholder span:last-child{width:65%}
.display-ad-scene .ad-browser-content img,#project-gallery .work-media .ad-browser-content img{width:62%;height:100%;object-fit:contain}
.viewer-image>.display-ad-scene{width:min(100cqw,140cqh);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,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%}