.metric-grid .metric{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#11110f}.metric-grid .metric:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,#07070633,#07070675 44%,#070706e6),linear-gradient(90deg,rgba(7,7,6,.4),transparent 72%);transition:background .55s ease}.metric-grid .metric.accent:after{background:linear-gradient(180deg,#f45b2259,#a0300d94,#220c05eb),linear-gradient(90deg,rgba(244,91,34,.28),transparent 74%)}.metric-grid .metric>:not(.metric-bg){position:relative;z-index:2}.metric-grid .metric-bg{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.06) brightness(.78);transform:scale(1.015);transition:transform .75s cubic-bezier(.2,.72,.2,1),filter .55s ease}.metric-grid .metric strong,.metric-grid .metric span{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.32)}.metric-grid .metric small{color:#ffffffa8}.metric-grid .metric:hover .metric-bg{filter:saturate(.95) contrast(1.04) brightness(.9);transform:scale(1.075)}.metric-grid .metric:hover:after{background:linear-gradient(180deg,#0707061f,#07070657 44%,#070706d6),linear-gradient(90deg,rgba(7,7,6,.26),transparent 72%)}.metric-grid .metric.accent:hover:after{background:linear-gradient(180deg,#f45b2238,#a0300d75,#220c05db),linear-gradient(90deg,rgba(244,91,34,.18),transparent 74%)}@media(max-width:760px){.metric-grid .metric{min-height:250px}.metric-grid .metric-bg{object-position:58% center}}@media(prefers-reduced-motion:reduce){.metric-grid .metric-bg{transition:none;transform:none}}