@property --p{syntax:"<number>";inherits:true;initial-value:0}@property --lit{syntax:"<number>";inherits:true;initial-value:0}@property --R{syntax:"<length>";inherits:true;initial-value:300px}.g3-stage{perspective:var(--persp,1150px);perspective-origin:50%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;--sx:-4deg;--sy:0deg;--lit:0;--cz:calc(var(--p) * min(64px, .12 * var(--R)));--shade:calc(1 - min(1, var(--p) * 1.6));transition:--lit .5s linear;position:fixed;inset:0;overflow:clip}.g3-stage[data-touch=axis]{touch-action:pan-y}.g3-stage[data-touch=direct]{touch-action:none}.g3-stage.is-dragging{cursor:grabbing}.g3-stage.is-frozen{--lit:.78}@supports (animation-timeline:scroll()){.g3-dolly{animation:linear both g3-dolly;animation-timeline:scroll(root);animation-range:0 var(--dolly,16vh)}}@keyframes g3-dolly{0%{--p:0}to{--p:1}}.g3-world,.g3-orb{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.g3-orb{top:0;left:0}.g3-world{transform:translateZ(var(--cz)) rotateX(var(--sx)) rotateY(var(--sy))}.g3-centre{transform:rotateY(calc(-1 * var(--sy))) rotateX(calc(-1 * var(--sx))) translateZ(calc(var(--R) * var(--cd,.62)));opacity:calc(1 - var(--p) * .55);pointer-events:none;position:absolute;top:0;left:0}.g3-card{width:var(--cw);aspect-ratio:3/2;margin-left:calc(var(--cw) / -2);margin-top:calc(var(--cw) / -3);color:inherit;cursor:pointer;transform:translate3d(calc(var(--x) * var(--R)), calc(var(--y) * var(--R)), calc(var(--z) * var(--R))) rotateY(var(--ry)) rotateX(var(--rx));-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;padding:0;position:absolute;top:0;left:0}.g3-card.is-tall{aspect-ratio:4/5;margin-top:calc(var(--cw) * -.625)}.g3-card.no-back{backface-visibility:hidden}.g3-card.is-plated{opacity:0}.g3-stage.is-dragging .g3-card{cursor:grabbing}.g3-card figure{background:#0a0a0a 50%/cover no-repeat;border-radius:3px;width:100%;height:100%;margin:0;transition:scale .5s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}.g3-card figure:after{content:"";pointer-events:none;background:rgb(0 0 0/min(1, var(--d,0) * var(--shade) + var(--lit)));border-radius:3px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12}.g3-card img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s ease-out;display:block}.g3-card img.in{opacity:1}@media (hover:hover) and (pointer:fine){.g3-card:hover figure{scale:1.045}}.g3-card:focus-visible figure{outline-offset:3px;outline:2px solid #f4f2ef}@media (prefers-reduced-motion:reduce){.g3-stage,.g3-card figure,.g3-card img{transition-duration:.14s}}