.k-hcards{display:grid;gap:24px;grid-template-columns:repeat(var(--cols,3),1fr);margin:0 auto;max-width:1200px;padding:16px clamp(20px,4vw,56px)}.k-hcard{border-radius:var(--radius,24px);isolation:isolate;outline:none;overflow:hidden;position:relative}.k-hcard--shadow{box-shadow:0 18px 40px -18px rgba(0,0,0,.28)}.k-hcard:focus-visible{box-shadow:0 0 0 3px var(--kin-turquoise)}.k-hcard__face{display:flex;flex-direction:column;inset:0;padding:var(--pad,40px);position:absolute}.k-hcard__face--v-top{justify-content:flex-start}.k-hcard__face--v-center{justify-content:center}.k-hcard__face--v-bottom{justify-content:flex-end}.k-hcard__face--standard{z-index:1}.k-hcard__face--hover{pointer-events:none;z-index:2}.k-hcard:focus-within .k-hcard__face--hover,.k-hcard:hover .k-hcard__face--hover{pointer-events:auto}.k-hcards--fade .k-hcard__face{transition:opacity .35s ease}.k-hcards--fade .k-hcard__face--hover{opacity:0}.k-hcards--fade .k-hcard:focus-within .k-hcard__face--hover,.k-hcards--fade .k-hcard:hover .k-hcard__face--hover{opacity:1}.k-hcards--fade .k-hcard:focus-within .k-hcard__face--standard,.k-hcards--fade .k-hcard:hover .k-hcard__face--standard{opacity:0}.k-hcards--zoom .k-hcard__face{transition:opacity .35s ease,transform .35s ease}.k-hcards--zoom .k-hcard__face--hover{opacity:0;transform:scale(.92)}.k-hcards--zoom .k-hcard:focus-within .k-hcard__face--hover,.k-hcards--zoom .k-hcard:hover .k-hcard__face--hover{opacity:1;transform:scale(1)}.k-hcards--zoom .k-hcard:focus-within .k-hcard__face--standard,.k-hcards--zoom .k-hcard:hover .k-hcard__face--standard{opacity:0;transform:scale(1.06)}.k-hcards--slide-up .k-hcard__face--hover{transform:translateY(100%);transition:transform .4s cubic-bezier(.22,.61,.36,1)}.k-hcards--slide-up .k-hcard:focus-within .k-hcard__face--hover,.k-hcards--slide-up .k-hcard:hover .k-hcard__face--hover{transform:translateY(0)}.k-hcards--flip-h .k-hcard{perspective:1400px}.k-hcards--flip-h .k-hcard__face{backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .6s cubic-bezier(.45,.05,.25,1)}.k-hcards--flip-h .k-hcard__face--standard{transform:rotateY(0deg)}.k-hcards--flip-h .k-hcard__face--hover{transform:rotateY(180deg)}.k-hcards--flip-h .k-hcard:focus-within .k-hcard__face--standard,.k-hcards--flip-h .k-hcard:hover .k-hcard__face--standard{transform:rotateY(-180deg)}.k-hcards--flip-h .k-hcard:focus-within .k-hcard__face--hover,.k-hcards--flip-h .k-hcard:hover .k-hcard__face--hover{transform:rotateY(0deg)}.k-hcards--flip-v .k-hcard{perspective:1400px}.k-hcards--flip-v .k-hcard__face{backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .6s cubic-bezier(.45,.05,.25,1)}.k-hcards--flip-v .k-hcard__face--standard{transform:rotateX(0deg)}.k-hcards--flip-v .k-hcard__face--hover{transform:rotateX(180deg)}.k-hcards--flip-v .k-hcard:focus-within .k-hcard__face--standard,.k-hcards--flip-v .k-hcard:hover .k-hcard__face--standard{transform:rotateX(-180deg)}.k-hcards--flip-v .k-hcard:focus-within .k-hcard__face--hover,.k-hcards--flip-v .k-hcard:hover .k-hcard__face--hover{transform:rotateX(0deg)}.k-hcards--flip-h .k-hcard,.k-hcards--flip-v .k-hcard{overflow:visible}.k-hcards--flip-h .k-hcard__face,.k-hcards--flip-v .k-hcard__face{border-radius:inherit;overflow:hidden}.k-hcard__overlay{inset:0;pointer-events:none;position:absolute;z-index:0}.k-hcard__content{position:relative;width:100%;z-index:1}.k-hcard__content>:first-child{margin-top:0}.k-hcard__content>:last-child{margin-bottom:0}.k-hcard__content--standard{text-align:center}.k-hcard__media-img{display:block;margin:0 auto 18px;max-width:100%;width:auto}.k-hcard__media-icon{display:block;line-height:1;margin:0 0 18px}.k-hcard__media-icon i{display:inline-block}.k-hcard__headline{margin:0}.k-hcard__btn{align-items:center;border:1px solid transparent;border-radius:999px;cursor:pointer;display:flex;font-family:Roboto,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;gap:8px;height:48px;justify-content:center;margin:16px auto 0;max-width:100%;padding:0 26px;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;width:fit-content}.k-hcard__content>.k-hcard__btn:first-child{margin:0 auto 16px}.k-hcard__btn:hover{transform:translateY(-1px)}.k-hcard__btn--filled{background:var(--btn,var(--kin-persimmon));border-color:var(--btn,var(--kin-persimmon));color:var(--btn-contrast,#fff)}.k-hcard__btn--filled:hover{background:var(--btn-hover,var(--kin-persimmon-dark));border-color:var(--btn-hover,var(--kin-persimmon-dark));color:var(--btn-contrast,#fff)!important}.k-hcard__btn--ghost{background:transparent;border-color:var(--btn,#fff);color:var(--btn,#fff)}.k-hcard__btn--ghost:hover{background:var(--btn,#fff);border-color:var(--btn,#fff);color:var(--btn-contrast,var(--kin-navy))!important}.k-hcard__link{inset:0;overflow:hidden;position:absolute;text-indent:-9999px;z-index:1}@media (max-width:1024px){.k-hcards{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.k-hcards{gap:18px;grid-template-columns:1fr}}