.c-card-vacature{--_card-photo-w:360px;--_card-content-inset:400px;--_card-radius:20px;--_card-overlay:0.1;position:relative;display:flex;align-items:stretch;width:100%;min-height:360px;font-family:var(--font-body);color:var(--c-dark-blue);text-decoration:none;border-radius:var(--_card-radius)}.c-card-vacature__media{position:absolute;inset-block:0;inset-inline-start:0;z-index:2;width:var(--_card-photo-w);overflow:clip;border-radius:var(--_card-radius)}.c-card-vacature__image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-card-vacature__media--placeholder{background-image:linear-gradient(150deg,var(--c-light-blue),var(--c-pale-blue))}.c-card-vacature__media-fallback{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-size:3rem;color:var(--c-dark-blue);opacity:.18}.c-card-vacature__media::after{position:absolute;inset:0;content:"";background-color:var(--c-dark-blue);mix-blend-mode:multiply;opacity:var(--_card-overlay);transition:opacity var(--duration-base) var(--ease-standard)}.c-card-vacature__badge{position:absolute;inset-block-start:49px;inset-inline-start:0;z-index:3;padding:var(--space-2xs) var(--space-lg);font-family:var(--font-heading);font-size:var(--fs-button);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--c-white);background-color:var(--c-accent);border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.c-card-vacature__panel{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;gap:var(--space-md);min-width:0;padding-block:var(--space-lg);padding-inline:var(--_card-content-inset) var(--space-xl);background-color:var(--c-white);border:1px solid transparent;border-radius:var(--_card-radius);box-shadow:0 0 6px oklch(0 0 0deg / .1);transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.c-card-vacature__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-xs);min-height:0}.c-card-vacature__title{margin:0;font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--c-dark-blue)}.c-card-vacature__subtitle{margin:0;font-family:var(--font-heading);font-size:var(--fs-intro);font-weight:var(--fw-semibold);line-height:var(--lh-loose);color:var(--c-dark-blue)}.c-card-vacature__excerpt,.c-card-vacature__meta-item{margin:0;line-height:var(--lh-normal);color:var(--c-dark-blue)}.c-card-vacature__excerpt{font-size:var(--fs-body);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.c-card-vacature__bottom{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}.c-card-vacature__meta{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3xs);min-width:0;padding-block-start:14px;border-block-start:2px solid var(--c-light-blue)}.c-card-vacature__meta-item{display:flex;gap:var(--space-2xs);align-items:center;padding:0;font-size:var(--fs-body-sm)}.c-card-vacature__meta-label{font-weight:var(--fw-regular)}.c-card-vacature__meta-value{font-weight:var(--fw-bold)}.c-card-vacature__cta{flex:none}.c-card-vacature:focus-within,.c-card-vacature:hover{--_card-overlay:0}.c-card-vacature:focus-within .c-card-vacature__panel,.c-card-vacature:hover .c-card-vacature__panel{background-color:var(--c-pale-blue);border-color:var(--c-light-blue);box-shadow:0 2px 10px oklch(0 0 0deg / .08)}.c-card-vacature:focus-within .c-card-vacature__cta.c-button--primary,.c-card-vacature:hover .c-card-vacature__cta.c-button--primary{color:var(--c-white);background-color:var(--c-ink);border-color:var(--c-ink)}.c-card-vacature:focus-within .c-card-vacature__cta.c-button--primary .c-button__icon,.c-card-vacature:hover .c-card-vacature__cta.c-button--primary .c-button__icon{color:var(--c-primary)}@media (max-width:56rem){.c-card-vacature{flex-direction:column}.c-card-vacature__media{position:relative;inset:auto;width:100%;height:220px}.c-card-vacature__panel{padding-inline:var(--space-md);margin-block-start:calc(var(--_card-radius) * -1)}.c-card-vacature__bottom{align-items:stretch}.c-card-vacature__cta{align-self:flex-start}}
/*# sourceMappingURL=c-card-vacature.min.css.map */