#hero{height:100vh;padding:0}.hero-image-wrapper{aspect-ratio:16/9;background-color:var(--color-surface);width:100%;height:100%;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;will-change:transform;width:100%;position:absolute;inset:0;transform:translateZ(0);height:120%!important}.hero-link-wrapper{width:100%;padding:var(--body-padding);position:absolute;bottom:5rem;left:0;right:0}.hero-link{background:var(--color-bg);align-items:start;gap:16px;width:400px;padding:10px;display:flex}.hero-link:hover .hero-link-img-wrapper{filter:brightness(.85)}.hero-link-img-wrapper{aspect-ratio:4/5;width:110px;transition:filter .3s;position:relative;overflow:hidden}.hero-link-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-link-content{flex-direction:column;justify-content:space-between;height:auto;display:flex}.hero-link-title{font-size:var(--fs-lg);color:var(--color-text);font-weight:500;line-height:var(--lh-md);text-transform:uppercase;margin:0}.hero-link-subtitle{font-size:var(--fs-md);color:var(--color-gray);font-weight:400;line-height:var(--lh-md);letter-spacing:var(--ls);margin-top:1rem}@media (max-width:640px){.hero-link{width:100%}}