.hh-devices{--inset-w:56%}@media (min-width:640px) and (max-width:1023.98px){.hh-devices{--inset-w:48%}}@media (min-width:1024px){.hh-devices{--inset-w:50%}}.hero-inset{z-index:1;width:var(--inset-w);background:#05060a;border:1px solid #ffffff29;border-radius:.625rem;margin:2.9rem 2% 0 auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 1px 2px #020612b3,0 18px 34px -10px #020612d9,0 40px 80px -24px #020612f2}.hero-inset .clip-frame{border:0;border-radius:0}@media (min-width:640px){.hero-inset{margin-top:.875rem}}@media (hover:hover) and (pointer:fine) and (min-width:768px) and (prefers-reduced-motion:no-preference){.hh-back{transform:translate(calc(var(--hh-x,0) * -6px), calc(var(--hh-y,0) * -6px))}.hh-front{transform:translate(calc(var(--hh-x,0) * 16px), calc(var(--hh-y,0) * 16px))}}