.hdc{background:var(--vu-white);font-family:var(--font-sans);padding:84px 0}.hdc__inner{margin:0 auto;max-width:var(--page-max);padding:0 var(--page-x)}.hdc__head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:26px}.hdc__heading{font:var(--fw-black) clamp(30px,3.6vw,46px)/1.04 var(--font-sans);letter-spacing:-.03em;margin:14px 0 0}.hdc__all,.hdc__heading{color:var(--text-primary)}.hdc__all{align-items:center;border-bottom:1.5px solid var(--vu-green);display:inline-flex;font:var(--fw-medium) var(--fs-body-sm)/1 var(--font-body);gap:8px;padding-bottom:5px;text-decoration:none}.hdc__all:focus-visible{outline:2px solid var(--vu-green);outline-offset:3px}.hdc__grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width:1024px){.hdc__grid--4{gap:14px;grid-template-columns:repeat(4,1fr)}}@media (min-width:561px) and (max-width:1023px){.hdc__grid--4{grid-template-columns:repeat(2,1fr)}}.hdc__card{background:var(--vu-grey-100);border-radius:var(--radius-canvas);height:480px;overflow:hidden;position:relative;transition:transform .68s cubic-bezier(.22,.61,.36,1)}.hdc__card.is-active{transform:translateY(-5px)}.hdc__card:focus-visible{outline:2px solid var(--vu-white);outline-offset:-4px}.hdc__card--clickable{cursor:pointer}.hdc__img{display:block;filter:grayscale(.92) brightness(.62);height:100%;inset:0;object-fit:cover;position:absolute;transform:scale(1);transition:filter .8s ease,transform .8s ease;width:100%}.hdc__card.is-active .hdc__img{filter:none;transform:scale(1.03)}.hdc__demoframe{background:transparent;border:0;filter:grayscale(.92) brightness(.78);height:960px;left:50%;pointer-events:none;position:absolute;top:6%;transform:translateX(-50%) scale(.37);transform-origin:top center;transition:filter .8s ease;width:670px}.hdc__card.is-active .hdc__demoframe{filter:none}.hdc__scrim{background:linear-gradient(180deg,rgba(8,12,14,.06),rgba(8,12,14,.1) 55%,rgba(8,12,14,.45) 70%,rgba(8,12,14,.88));inset:0;opacity:.78;position:absolute;transition:opacity .8s}.hdc__card.is-active .hdc__scrim{opacity:1}.hdc__track{background:hsla(0,0%,100%,.12);height:2px;overflow:hidden;right:0;z-index:2}.hdc__segfill,.hdc__track{left:0;position:absolute;top:0}.hdc__segfill{background:hsla(0,0%,100%,.55);bottom:0;width:0}.hdc__card:after{background:linear-gradient(0deg,rgba(6,10,12,.94) 0,rgba(6,10,12,.8) 26%,rgba(6,10,12,.55) 45%,rgba(6,10,12,.12) 62%,rgba(6,10,12,0) 78%);bottom:0;content:"";height:64%;left:0;opacity:.86;pointer-events:none;position:absolute;right:0;transition:opacity .8s ease}.hdc__card.is-active:after{opacity:1}.hdc__content{bottom:26px;left:26px;position:absolute;right:26px;z-index:2}.hdc__title{color:#fff;font:var(--fw-regular) var(--fs-heading-md)/1.08 var(--font-sans);letter-spacing:-.01em;margin:0}.hdc__body{color:hsla(0,0%,100%,.78);font:var(--fw-light) var(--fs-body-sm)/1.5 var(--font-body);margin:9px 0 16px;max-width:300px}.hdc__link{align-items:center;color:#fff;display:inline-flex;font:var(--fw-medium) var(--fs-body-sm)/1 var(--font-body);gap:8px;text-decoration:none}.hdc__link:focus-visible{outline:2px solid #fff;outline-offset:3px}@media (prefers-reduced-motion:reduce){.hdc__card,.hdc__card:after,.hdc__img,.hdc__scrim{transition:none}}@media (max-width:1023px){.hdc__link{margin:-15px 0;padding:15px 0}.hdc__all{margin-top:-24px;padding-top:24px}}.hdc__demo{filter:drop-shadow(0 18px 36px rgba(8,12,14,.32));height:52%;left:5%;object-fit:contain;pointer-events:none;position:absolute;right:5%;top:6%;width:90%;z-index:1}@media (max-width:1023px){.hdc__head{margin-bottom:16px}.hdc__card{scroll-snap-align:start}.hdc__content{bottom:20px;left:20px;right:20px}.hdc__body{max-width:none}.hdc__eyebrow{font-size:12px}.hdc{padding-bottom:52px;padding-top:48px}}