.hc-wrapper{--pointer-from-top:.5;--pointer-from-left:.5;--rotate-x:0deg;--rotate-y:0deg;--tilt-amount:0;--spec-dim:#ffffff0d;--spec-mid:#ffffff38;--spec-hot:#ffffff8c;--card-radius:16px;--card-aspect:1;perspective:700px;touch-action:none;position:relative;transform:translateZ(.1px)}.hc-shell{z-index:1;position:relative}.hc-card{width:100%;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;backface-visibility:hidden;isolation:isolate;background:#000;transition:transform 1s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.hc-shell.active .hc-card{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.hc-shell.entering .hc-card{transition:transform .18s ease-out}.hc-card>*{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1}.hc-content{z-index:1;backface-visibility:hidden;overflow:hidden}.hc-content>*{object-fit:cover;width:100%;height:100%;display:block}.hc-glare{z-index:2;background-image:linear-gradient(calc(135deg + var(--rotate-x) * 1.6), var(--spec-hot) 0%, var(--spec-mid) 9%, transparent 26%), linear-gradient(calc(-45deg + var(--rotate-x) * 1.6), var(--spec-mid) 0%, transparent 22%);mix-blend-mode:screen;opacity:calc(.12 + var(--tilt-amount) * .62);transition:opacity .4s}.hc-shell.active .hc-glare{transition:none}.hc-sheen{z-index:3;background-image:linear-gradient(calc(-45deg + var(--rotate-y) * 2), transparent 30%, var(--spec-dim) 42%, var(--spec-mid) 50%, var(--spec-dim) 58%, transparent 70%);mix-blend-mode:screen;opacity:calc(var(--tilt-amount) * .85);transition:opacity .4s}.hc-shell.active .hc-sheen{transition:none}@media (prefers-reduced-motion:reduce){.hc-card,.hc-shell.active .hc-card{transition:none;transform:none!important}.hc-glare,.hc-sheen{opacity:.12}}