.metal-cube-hero{perspective:1200px;width:100%;height:100%;position:relative;overflow:hidden}.metal-cube-hero__glow{filter:blur(20px);pointer-events:none;z-index:0;background:radial-gradient(circle,#e0bf6f59 0%,#e0bf6f1f 40%,#0000 70%);position:absolute;inset:-10%}.metal-cube-hero__card{z-index:1;transform-style:preserve-3d;will-change:transform;transition:transform .15s ease-out;position:absolute;inset:0}.metal-cube-hero__image{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;object-position:78% center;background:#0a0a0a;width:100%;height:100%;display:block;position:absolute;inset:0}.metal-cube-hero__backdrop{display:none}@media (min-width:1024px){.metal-cube-hero__backdrop{filter:blur(38px)saturate(.85)brightness(.55);z-index:0;background:url(/videos/hero-web-v3-poster.jpg) 50%/cover no-repeat;display:block;position:absolute;inset:-8%}.metal-cube-hero__card{aspect-ratio:9/16;border-radius:22px;inset:13vh max(5vw,50vw - 640px) 7vh auto;overflow:hidden;box-shadow:0 30px 80px #00000073,0 0 0 1px #e0bf6f40}.metal-cube-hero__image{object-position:center}}@media (max-width:900px){.metal-cube-hero{perspective:none}.metal-cube-hero__card{transition:none;transform:none!important}}@media (prefers-reduced-motion:reduce){.metal-cube-hero__card{transition:none;transform:none!important}}
