.promo{--base-w:16rem;--base-h:20rem;--base-d:1.25rem;--size:1;--slab-w:calc(var(--base-w) * var(--size));--slab-h:calc(var(--base-h) * var(--size));--slab-d:calc(var(--base-d) * var(--size));--slab-r:calc(var(--slab-w) * .11);--tilt-x:8deg;--tilt-y:22deg;--tilt-z:-3deg;--hover-yaw:24deg;--hover-pitch:16deg;--hover-lift:-14deg;z-index:var(--adm-z-header);width:var(--slab-w);height:var(--slab-h);perspective:calc(var(--slab-w) * 6);-webkit-user-select:none;user-select:none;touch-action:pan-y;position:fixed;bottom:1rem;left:1rem}.promo-glow{background:radial-gradient(closest-side, rgb(var(--adm-primary) / .3), transparent);pointer-events:none;border-radius:50%;animation:1s ease-out .8s both promo-fade;position:absolute;inset:-15% -30%}.promo-float{width:100%;height:100%;transform-style:preserve-3d;animation:5s ease-in-out 2.5s infinite promo-float;position:relative}.promo-controls{pointer-events:none;animation:5s ease-in-out 2.5s infinite promo-float;position:absolute;inset:0}.promo-hover{transform-style:preserve-3d;position:absolute;inset:0}.promo-spin{transform-style:preserve-3d;transform:rotateX(var(--drag-pitch,0deg));transition:transform .5s cubic-bezier(.3,.7,.2,1);position:absolute;inset:0}.promo-link{transform-style:preserve-3d;cursor:grab;display:block;position:absolute;inset:0}.promo[data-swiping],.promo[data-swiping] .promo-link{cursor:grabbing}.promo-slab{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z));animation:1.6s cubic-bezier(.2,.75,.25,1) .8s both promo-slab-out;position:relative}.promo-flip{transform-style:preserve-3d;transform:rotateY(calc(var(--flips,0) * 180deg + var(--drag-yaw,0deg)));transition:transform .8s cubic-bezier(.3,.7,.2,1);position:absolute;inset:0}.promo[data-swiping] .promo-spin,.promo[data-swiping] .promo-flip{transition:none}.promo .promo-corner.adm-square-btn{pointer-events:auto;background:rgb(var(--adm-scrim) / .7);color:rgb(var(--adm-ink));animation:.3s ease-out 2.4s both promo-fade;position:absolute;top:.5rem}.promo .promo-close.adm-square-btn{left:.75rem}.promo .promo-rotate.adm-square-btn{right:.75rem}.promo .promo-resize.adm-square-btn{cursor:nesw-resize;touch-action:none;right:3.25rem}.promo-face{border-radius:var(--slab-r);backface-visibility:hidden;position:absolute;inset:0}.promo-front,.promo-back{background:rgb(var(--adm-scrim));overflow:hidden}.promo-front{transform:translateZ(calc(var(--slab-d) / 2))}.promo-back{transform:rotateY(180deg) translateZ(calc(var(--slab-d) / 2))}.promo-picture{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.promo-front:after,.promo-back:after{content:"";border-radius:inherit;background:linear-gradient(115deg, rgb(var(--adm-ink) / .22), transparent 38%);box-shadow:inset 0 0 0 1px rgb(var(--adm-primary) / .5);position:absolute;inset:0}.promo-layer{background:rgb(var(--adm-primary));backface-visibility:visible;transform:translateZ(calc((var(--i) - (var(--layers) - 1) / 2) * var(--slab-d) / var(--layers)))}@keyframes promo-slab-out{0%{transform:translateX(calc(var(--slab-w) * -1 - 3rem)) rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) - 360deg)) rotateZ(var(--tilt-z))}to{transform:translateX(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z))}}@keyframes promo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.45rem)}}@keyframes promo-fade{0%{opacity:0}to{opacity:1}}@media (hover:hover) and (pointer:fine){.promo-hover{transform:rotateX(calc(var(--hy,0) * var(--hover-pitch) * -1)) rotateY(calc(var(--hx,0) * var(--hover-yaw) + var(--hon,0) * var(--hover-lift)));transition:transform .25s cubic-bezier(.2,.8,.2,1)}.promo:hover .promo-float,.promo:hover .promo-controls{animation-play-state:paused}}@media (max-width:639px){.promo{--base-w:11rem;--base-h:13.75rem;--base-d:.9rem;bottom:.75rem;left:.75rem}.promo .promo-resize.adm-square-btn{right:4rem}}@media (prefers-reduced-motion:reduce){.promo-hover{transition:none;transform:none}.promo-flip,.promo-spin{transition:none}.promo-glow,.promo-float,.promo-controls,.promo-slab,.promo .promo-corner.adm-square-btn{animation:none}}
