.stack-scene{--d:calc(var(--w) * .714);--gap:calc(var(--unit) * 14);width:calc(var(--w) * 1.25);height:calc(var(--d) * 1.2);perspective:2600px;place-items:center;display:grid}.stack{width:var(--w);height:var(--d);transform-style:preserve-3d;position:relative;transform:rotateX(58deg)rotate(-38deg)}.layer{--tpx:calc(var(--t) * var(--unit));transform-style:preserve-3d;transform:translateZ(calc(var(--z) * var(--unit) + var(--i) * var(--gap) + var(--zf,0px)));position:absolute;inset:0}.layer-body{transform-style:preserve-3d;position:absolute;inset:0}.layer{--tex-face:var(--tex)}@media (max-width:767px){.layer{--tex-face:var(--tex-sm,var(--tex))}}.face{background-color:var(--color-concrete-200);background-image:var(--tex-face);background-size:cover;position:absolute}.face-top{transform:translateZ(var(--tpx));inset:0}.face-front{width:100%;height:var(--tpx);transform-origin:top;background-image:linear-gradient(#18181847, #18181847), var(--tex-face);top:100%;left:0;transform:rotateX(90deg)}.face-side{width:var(--tpx);transform-origin:0;background-image:linear-gradient(#1818186b, #1818186b), var(--tex-face);height:100%;top:0;left:100%;transform:rotateY(-90deg)}.layer[data-layer=barrier] .face{background-color:#3b3d3f}.layer[data-layer=barrier] .face-top{background-image:linear-gradient(115deg,#ffffff1a,#0000 45%)}.stack-static{--w:min(70vw, 300px);--unit:calc(var(--w) / 420)}@media (min-width:768px){.stack-static{--w:clamp(180px, 26vw, 400px)}}