.hero-nav-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:1rem;background-color:#111318a8;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f4f2ee;text-decoration:none;width:100%;height:80px;transition:all .5s cubic-bezier(.2,.8,.2,1)}.hero-nav-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.22;filter:grayscale(1);transform:scale(1.15);transition:all .6s cubic-bezier(.2,.8,.2,1);z-index:0}.hero-nav-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#0b0c0f33,#0b0c0fe0);opacity:.8;transition:opacity .5s ease;z-index:1}.hero-nav-card__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:0 1rem;transition:all .5s cubic-bezier(.2,.8,.2,1)}.hero-nav-card__num{font-family:DM Mono,monospace;font-size:10px;color:#7f828b;position:absolute;top:12px;left:14px;opacity:.8}.hero-nav-card__label{font-weight:700;text-align:center;font-size:.9rem;letter-spacing:-.01em;transition:all .5s cubic-bezier(.2,.8,.2,1)}.hero-nav-card__arrow{font-size:14px;color:#ffb454;margin-top:4px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}@media (min-width: 640px){.hero-nav-card{width:100%;height:90px}}@media (hover: hover) and (pointer: fine){.hero-nav-card:hover{height:145px;border-radius:1.25rem;background-color:#16181edb;border-color:#ffffff40;box-shadow:0 20px 45px -15px #000000b3}.hero-nav-card:hover .hero-nav-card__image{opacity:.5;filter:grayscale(.15);transform:scale(1)}.hero-nav-card:hover .hero-nav-card__overlay{opacity:.6}.hero-nav-card:hover .hero-nav-card__content{transform:translateY(22px)}.hero-nav-card:hover .hero-nav-card__label{font-size:1.02rem}.hero-nav-card:hover .hero-nav-card__arrow{transform:translate(4px) translateY(-2px)}}@media (hover: none),(pointer: coarse){.hero-nav-card[data-armed=true]{height:145px;border-radius:1.25rem;background-color:#16181edb;border-color:#ffffff40;box-shadow:0 18px 30px -12px #000000b3}.hero-nav-card[data-armed=true] .hero-nav-card__image{opacity:.5;filter:grayscale(.15);transform:scale(1)}.hero-nav-card[data-armed=true] .hero-nav-card__overlay{opacity:.6}.hero-nav-card[data-armed=true] .hero-nav-card__content{transform:translateY(22px)}.hero-nav-card[data-armed=true] .hero-nav-card__arrow{transform:translate(4px) translateY(-2px)}}@media (prefers-reduced-motion: reduce){.hero-nav-card,.hero-nav-card__image,.hero-nav-card__overlay,.hero-nav-card__content,.hero-nav-card__label,.hero-nav-card__arrow{transition:none!important}}