.vf-cs-card{position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0);background-color:var(--vf-cs-brand,#465731);box-shadow:0 20px 44px -30px rgba(29,29,27,.45);transition:box-shadow .7s cubic-bezier(.25,.8,.3,1)}
.vf-cs-card>.wp-block-cover__image-background{border-radius:inherit;transition:transform 1.2s cubic-bezier(.25,.8,.3,1)}
.vf-cs-card::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(0deg,color-mix(in oklab,var(--vf-cs-brand,#465731) 38%,black) 0%,color-mix(in oklab,var(--vf-cs-brand,#465731) 30%,rgba(0,0,0,.72)) 46%,rgba(0,0,0,0) 82%);transition:opacity .7s cubic-bezier(.25,.8,.3,1)}
.vf-cs-card::after{content:"";position:absolute;top:clamp(.9rem,1.6vw,1.2rem);right:clamp(.9rem,1.6vw,1.2rem);z-index:3;width:48px;height:48px;border-radius:50%;pointer-events:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/20px no-repeat;opacity:0;transform:scale(.6) rotate(-45deg);transition:opacity .4s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}
.vf-cs-card>.wp-block-cover__inner-container{z-index:2}
.vf-cs-card .wp-block-post-title a{color:inherit;text-decoration:none}
.vf-cs-card .wp-block-post-title a::after{content:"";position:absolute;inset:-100vmax}
.vf-cs-card .wp-block-post-title a:focus-visible{outline:none}
.vf-cs-card:has(a:focus-visible){outline:2px solid #8eac30;outline-offset:3px}
.vf-cs-card:not(:has(.wp-block-post-title a))::after{display:none}
.vf-cs-card__more{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1)}
.vf-cs-card__more>*{opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .5s cubic-bezier(.4,0,.2,1)}
.vf-cs-card__text{margin-top:.8rem!important;max-width:34ch;line-height:1.5;hyphens:manual!important}
.vf-cs-card__tag{display:inline-block;margin-top:.85rem!important;padding:.28em .7em;border:1px solid rgba(255,255,255,.4);border-radius:100px;font-size:.78rem!important;line-height:1.3!important}
.vf-cs-card__tag:empty,.vf-cs-card__text:empty{display:none}
.vf-cs-card:hover,.vf-cs-card:has(a:focus-visible){box-shadow:0 34px 70px -30px color-mix(in oklab,var(--vf-cs-brand,#465731) 70%,black)}
.vf-cs-card:hover>.wp-block-cover__image-background,.vf-cs-card:has(a:focus-visible)>.wp-block-cover__image-background{transform:scale(1.06)}
.vf-cs-card:hover::before,.vf-cs-card:has(a:focus-visible)::before{opacity:1}
.vf-cs-card:hover::after,.vf-cs-card:has(a:focus-visible)::after{opacity:1;transform:none}
.vf-cs-card:hover .vf-cs-card__more,.vf-cs-card:has(a:focus-visible) .vf-cs-card__more{max-height:var(--vf-cs-more-h,16rem);transition:max-height .8s cubic-bezier(.25,.8,.3,1)}
.vf-cs-card:hover .vf-cs-card__more>*,.vf-cs-card:has(a:focus-visible) .vf-cs-card__more>*{opacity:1;transform:none;transition:opacity .6s ease .18s,transform .8s cubic-bezier(.25,.8,.3,1) .12s}
.vf-cs-card:hover .vf-cs-card__more>*+*,.vf-cs-card:has(a:focus-visible) .vf-cs-card__more>*+*{transition-delay:.28s,.22s}
@media (hover:none){.vf-cs-card::after{opacity:1;transform:none;width:36px;height:36px;background-size:15px}.vf-cs-card__more{display:none}}
.vf-cs-grid .wp-block-post-template>li[hidden]{display:none}
.vf-cs-grid .wp-block-post-template>li{min-width:0}
.vf-cs-more-row{display:flex;justify-content:center;margin-top:clamp(2rem,4vw,3rem)}
.vf-cs-more-btn{display:inline-flex;align-items:center;gap:.55em;font:inherit;font-weight:500;font-size:1rem;line-height:1.2;padding:.85em 1.6em;border-radius:100rem;border:1px solid #e5e2da;background:#fff;color:#1d1d1b;cursor:pointer;transition:background-color .3s,border-color .3s}
.vf-cs-more-btn svg{width:1em;height:1em}
.vf-cs-more-btn:hover{background:#f7f7f5;border-color:#7a766b}
.vf-cs-more-btn:focus-visible{outline:2px solid #8eac30;outline-offset:3px}
.vf-cs-in{animation:vf-cs-in .6s cubic-bezier(.22,.61,.36,1) both}
@keyframes vf-cs-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.vf-cs-card,.vf-cs-card *,.vf-cs-card::before,.vf-cs-card::after{transition:none!important}.vf-cs-card:hover>.wp-block-cover__image-background{transform:none}.vf-cs-in{animation:none}}
@media (max-width:480px){.single-case-study .wp-block-ollie-carousel-nav{--ollie-carousel-arrow-size:40px!important}}