.hs-card{aspect-ratio:4/3;margin:30px;max-width:420px;overflow:hidden;position:relative;width:100%}.hs-card:before{background-image:var(--bg);background-position:50%;background-size:cover;content:"";inset:0;pointer-events:none;position:absolute;transform:scale(1);transition:transform .5s ease;will-change:transform;z-index:0}.hs-card:hover:before{transform:scale(1.08)}.hs-card__overlay{background:rgba(0,0,0,.7);display:flex;flex-direction:column;height:100%;inset:0;left:-.5px;position:absolute;transform:translate3d(0,calc(100% - 130px),0);transition:transform .5s ease;width:calc(100% + 1px);will-change:transform}.hs-card:focus-within .hs-card__overlay,.hs-card:hover .hs-card__overlay{transform:translateZ(0)}.hs-card__bar{align-items:center;display:flex;height:40px}.hs-card__title{color:#fff;font-size:26px;font-weight:600;letter-spacing:-.01em;margin-left:20px;margin-top:60px;text-overflow:ellipsis;white-space:nowrap}.hs-card__panel{opacity:0;padding:12px 14px 14px;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.hs-card:focus-within .hs-card__panel,.hs-card:hover .hs-card__panel{opacity:1;transform:translateY(0)}.hs-card__btn{align-items:center;background:#fff;border:none;border-radius:999px;color:#000;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;letter-spacing:0;margin-top:50px;padding:8px 14px;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.hs-card__btn:hover{background:#000;color:#fff;transform:translateY(-1px)}.hs-card__more{color:#fff;font-size:14px;text-decoration:underline}