.nav-cards{background:var(--clr-bg-light);grid-template-columns:repeat(3,1fr);gap:24px;padding:100px 24px;display:grid;position:relative;overflow:hidden}.closing--light+.nav-cards{padding-top:0}.nav-cards__bg{object-fit:cover;object-position:center bottom;mix-blend-mode:multiply;opacity:.45;pointer-events:none;width:100%;height:116%;position:absolute;top:-8%;left:0}.nav-card{cursor:pointer;opacity:0;height:360px;text-decoration:none;transition:opacity .6s,transform .6s;display:block;position:relative;overflow:hidden;transform:translateY(20px)}.nav-card--visible{opacity:1;transform:translateY(0)}.nav-card--d1{transition-delay:.12s}.nav-card--d2{transition-delay:.24s}@media (prefers-reduced-motion:reduce){.nav-card{opacity:1;transition:none;transform:none}}.nav-card__img{object-fit:cover;filter:saturate(.6)brightness(.5);width:100%;height:100%;transition:transform .5s,filter .3s;position:absolute;inset:0}.nav-card:hover .nav-card__img{filter:saturate(.75)brightness(.65);transform:scale(1.04)}.nav-card__label{font:var(--text-h3);color:var(--clr-white);background:linear-gradient(#0000 0%,#0000008c 100%);padding:28px 28px 32px;position:absolute;bottom:0;left:0;right:0}@media (width<=900px){.nav-cards{grid-template-columns:1fr;gap:16px;padding:64px 16px}.nav-card{height:56vw;min-height:220px}}@media (width<=640px){.nav-cards{padding:48px 16px}}@media (width<=900px){.closing--light+.nav-cards{padding-top:0}}