/* Restore the approved compositions; only remove paper and add the clear companion. */
.collection-scene{inset:16% -1% 10% 43%;transform:scale(var(--collection-breathe,1));transform-origin:55% 65%}
.collection-scene .collection-mail{left:-5%;width:70%;top:5%;transform:rotate(-9deg) rotateY(var(--hero-turn,0deg))}
.collection-scene .collection-gift{left:-8%;top:25%;width:57%;transform:rotate(-17deg) scale(var(--gift-breathe,1))}
.collection-scene .collection-zip{left:43%;top:0;width:56%;transform:rotate(9deg) scale(var(--zip-breathe,1))}
.collection-scene .collection-shop{position:absolute;left:49%;top:36%;width:38%;height:64%;overflow:hidden;transform:rotate(5deg);z-index:3;filter:drop-shadow(0 25px 25px #0003)}
.collection-shop img{position:absolute;width:205%;height:100%;max-width:none;left:0;top:0;object-fit:fill;filter:none;clip-path:inset(0 51% 0 0)}
.reference-print-scene{position:absolute;inset:3% -8% 5% 39%;isolation:isolate}
.reference-print{position:absolute;inset:0 0 0 12%;transform:scale(var(--reference-scale,1));transform-origin:58% 55%;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 89%,transparent)}
.reference-print>img,.reference-ink img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reference-ink{position:absolute;inset:0;clip-path:inset(calc(100% - var(--reference-reveal,0%)) 0 0 0);will-change:clip-path}
.reference-clear{position:absolute;left:-2%;bottom:6%;width:31%;height:68%;z-index:3;transform:rotate(-7deg);filter:drop-shadow(0 18px 24px #0004)}
.reference-clear img{width:100%;height:100%;object-fit:cover;clip-path:inset(7% 17% 8% 17%)}
.reference-print span,.reference-clear span{position:absolute;bottom:-1%;left:0;right:0;text-align:center;font-size:12px;color:#d4dfd2;transform:none}
.reference-print span{bottom:1%;left:15%;right:10%}
.mailer .journey-copy{width:40%}.mailer .journey-copy h2{font-weight:600}.mailer .journey-copy h2 span{color:#a6c7a4}.mailer .journey-stage{background:radial-gradient(ellipse at 80% 55%,#1b382730,transparent 64%)}
@media(max-width:760px){.collection-scene{inset:47% -4% 7% 0}.collection-scene .collection-mail{left:2%;width:72%}.collection-scene .collection-gift{left:-9%;width:61%;top:20%}.collection-scene .collection-zip{left:47%;width:54%;top:-9%}.collection-scene .collection-shop{left:59%;width:34%;top:28%;height:65%}.mailer .journey-copy{width:100%}.mailer .journey-copy h2{font-size:44px}.reference-print-scene{inset:46% -15% 8% -5%}.reference-print{left:16%}.reference-clear{left:0;width:32%;height:74%;bottom:5%}.reference-print span,.reference-clear span{font-size:11px}.reference-print span{bottom:0}}
@media(prefers-reduced-motion:reduce){.collection-scene,.collection-scene img,.reference-print{transform:none!important}.reference-ink{clip-path:none}}
.mailer .journey-copy{width:45%}.mailer .journey-copy h2{font-size:clamp(42px,4.5vw,70px);line-height:1.12}.reference-clear img{opacity:.72}.reference-print{mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(90deg,transparent,#000 14%,#000 89%,transparent);mask-composite:intersect}
@media(max-width:760px){.mailer .journey-copy{width:100%}.mailer .journey-copy h2{font-size:38px}}
.reference-clear img{opacity:1;object-fit:contain;clip-path:inset(8% 9% 6% 7%)}.reference-print{mask-image:linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(90deg,transparent,#000 14%,#000 89%,transparent)}

/* The blank and printed layers share the same flat courier bag silhouette. */
.reference-print-scene{inset:10% 0 10% 42%}
.reference-print{inset:0 0 0 22%;mask-image:none;filter:drop-shadow(0 24px 28px #0003)}
.reference-print>img,.reference-ink img{object-fit:contain;clip-path:polygon(18.5% 5.9%,87.4% 12.9%,81.1% 93.2%,11.4% 87.8%)}
.reference-clear{left:-3%;bottom:4%;width:35%;height:86%}
@media(max-width:760px){.reference-print-scene{inset:46% -5% 8% -4%}.reference-print{left:21%}.reference-clear{left:-3%;width:35%;bottom:3%;height:83%}}
@media(max-width:760px){.reference-clear{left:4%;width:29%;transform:rotate(-4deg)}}

.reference-clear img{clip-path:polygon(18.5% 5.9%,87.4% 12.9%,81.1% 93.2%,11.4% 87.8%)}