.mailer{height:310svh!important}.courier-fan{position:absolute;left:46%;right:2%;top:16%;height:72%;perspective:1200px;isolation:isolate}.courier-bag{position:absolute;width:68%;height:100%;left:16%;top:0;transform-origin:50% 88%;will-change:transform;filter:drop-shadow(0 20px 22px #0003)}.courier-bag canvas{width:100%;height:100%;object-fit:contain}.fan-white{z-index:3}.fan-black{z-index:2}.fan-clear{z-index:1}.courier-bag span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:14px;color:#d4dfd2;opacity:calc(1 - var(--join,0));transition:opacity .1s}.mailer .journey-copy{width:41%}.mailer .journey-copy h2{font-size:clamp(42px,4.5vw,70px)}
@media(max-width:760px){.mailer{height:290svh!important}.mailer .journey-copy{width:100%}.mailer .journey-copy h2{font-size:38px}.courier-fan{left:2%;right:2%;top:47%;height:43%}.courier-bag{width:68%;left:16%}.courier-bag span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mailer{height:auto!important}.courier-bag{will-change:auto}}
.courier-bag{width:44%;left:28%;height:auto;aspect-ratio:3/4;top:4%}.courier-bag canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.courier-bag span{bottom:-26px}
@media(max-width:760px){.courier-bag{width:44%;left:28%;height:auto;top:6%}}
.courier-fan{left:44%;right:5%}@media(max-width:760px){.courier-fan{left:2%;right:2%}}
.courier-bag{width:36%;left:32%;top:10%}.fan-white{z-index:3}.fan-black,.fan-clear{opacity:0}.courier-bag span{opacity:var(--join,0)}
@media(max-width:760px){.courier-bag{width:36%;left:32%;top:12%}}