/* EvolveYou blog home. Scoped to .blog-posts. Overrides the legacy Webflow classes; design tokens from the EvolveYou design system.
   Version the filename on every change (immutable cache). */
.blog-posts{--b:#00C3D7;--bp:#008E9D;--i900:#0B1E22;--i700:#1F3940;--i500:#5E7980;--i200:#DCE5E7;--i100:#ECF1F2;
  min-height:0;padding:56px 24px 96px;background:#FAFBFC;font-family:"Widescreen A Rg",system-ui,sans-serif}
.blog-posts .blog-posts-wrapper{max-width:1200px;margin:0 auto;width:100%}
.blog-posts .flex-block-22{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin:0 0 40px}
.blog-posts .heading-41{font-family:"Widescreen A Xbd","Arial Black",sans-serif;font-weight:800;font-size:56px;line-height:1;letter-spacing:-.005em;text-transform:uppercase;color:var(--i900);margin:0}
.ey-blog-lede{font:400 18px/1.6 "Widescreen A Rg",system-ui,sans-serif;color:var(--i700);max-width:620px;margin:0}
/* category chips (Finsweet radio filter) */
.blog-posts .fs-radio_group{display:flex;flex-wrap:wrap;gap:10px}
.blog-posts .collection-list-14,.blog-posts .w-dyn-list .collection-list-14{display:flex;flex-wrap:wrap;gap:10px}
.blog-posts .all-button,.blog-posts .fs-radio_field-1{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--i200);background:#fff;font:600 14px/1 "Widescreen A Sbd",system-ui,sans-serif;color:var(--i700);text-transform:none;cursor:pointer;margin:0;text-decoration:none;transition:border-color 120ms cubic-bezier(.2,.8,.2,1),background-color 120ms cubic-bezier(.2,.8,.2,1)}
.blog-posts .all-button:hover,.blog-posts .fs-radio_field-1:hover{border-color:var(--b)}
.blog-posts .all-button.active,.blog-posts .fs-radio_field-1.fs-cmsfilter_active,.blog-posts .fs-radio_field-1:has(input:checked){background:var(--b);border-color:var(--b);color:#fff}
.blog-posts .fs-radio_button{display:none}
.blog-posts .fs-radio-label{margin:0;padding:0;font:inherit;color:inherit;cursor:pointer}
/* grid + cards */
.blog-posts .collection-list-13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}
.blog-posts .collection-item-10{display:flex;min-width:0}
.blog-posts .link-block-7{display:flex;width:100%;text-decoration:none;color:inherit}
.blog-posts .blog-post{display:flex;flex-direction:column;width:100%;min-width:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(11,30,34,.08),0 1px 2px rgba(11,30,34,.06);transition:box-shadow 120ms cubic-bezier(.2,.8,.2,1),transform 120ms cubic-bezier(.2,.8,.2,1)}
.blog-posts .link-block-7:hover .blog-post{box-shadow:0 4px 12px rgba(11,30,34,.1),0 2px 4px rgba(11,30,34,.06);transform:translateY(-1px)}
.blog-posts .blog-post-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.blog-posts .blog-post-details{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 24px 24px;background:#fff;flex:1}
.blog-posts .blog-post-category{background:none;padding:0;border-radius:0;font:700 11px/1 "Widescreen A Bd",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--bp);text-align:left}
.blog-posts .blog-post-name{font:600 19px/1.3 "Widescreen A Sbd",system-ui,sans-serif;color:var(--i900);margin:0;padding:0}
.blog-posts .blog-post-short-desc{font:400 15px/1.5 "Widescreen A Rg",system-ui,sans-serif;color:var(--i500);margin:0}
.blog-posts .blog-post-short-desc:empty,.blog-posts .blog-post-short-desc.w-dyn-bind-empty{display:none}
@media (max-width:991px){.blog-posts{padding:40px 20px 72px}.blog-posts .collection-list-13{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-posts .heading-41{font-size:44px}}
@media (max-width:640px){.blog-posts .collection-list-13{grid-template-columns:1fr}.blog-posts .heading-41{font-size:36px}.blog-posts .fs-radio_group{gap:8px}}

.blog-posts .flex-block-22{margin:0 0 48px;gap:20px}
/* featured */
.ey-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:0 0 56px;width:100%}
.ey-hero a{text-decoration:none;color:inherit}
.ey-hero-main{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 3px rgba(11,30,34,.08),0 1px 2px rgba(11,30,34,.06);transition:box-shadow 120ms cubic-bezier(.2,.8,.2,1)}
.ey-hero-main:hover,.ey-hero-card:hover{box-shadow:0 4px 12px rgba(11,30,34,.1),0 2px 4px rgba(11,30,34,.06)}
.ey-hero-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--i100)}
.ey-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ey-hero-body{display:flex;flex-direction:column;gap:12px;padding:28px 32px 32px}
.ey-hero-cat{font:700 11px/1 "Widescreen A Bd",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--bp)}
.ey-hero-t{font:800 32px/1.05 "Widescreen A Xbd","Arial Black",sans-serif;text-transform:uppercase;color:var(--i900)}
.ey-hero-d{font:400 16px/1.55 "Widescreen A Rg",system-ui,sans-serif;color:var(--i700)}
.ey-hero-link{font:700 14px/20px "Widescreen A Bd",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--bp)}
.ey-hero-side{display:flex;flex-direction:column;gap:24px}
.ey-hero-card{display:flex;flex:1;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(11,30,34,.08),0 1px 2px rgba(11,30,34,.06);transition:box-shadow 120ms cubic-bezier(.2,.8,.2,1)}
.ey-hero-cimg{display:block;aspect-ratio:16/8;overflow:hidden}
.ey-hero-cimg img{width:100%;height:100%;object-fit:cover;display:block}
.ey-hero-cbody{display:flex;flex-direction:column;gap:8px;padding:16px 20px 20px}
.ey-hero-ct{font:600 18px/1.3 "Widescreen A Sbd",system-ui,sans-serif;color:var(--i900)}
/* cap + show more */
.blog-posts .ey-cap{display:none}
.blog-posts .collection-item-10[data-ey-feat]{display:none}
.ey-filtered .blog-posts .collection-item-10[data-ey-feat]{display:flex}
.ey-filtered .ey-hero{display:none}
.ey-more{display:block;margin:48px auto 0;height:52px;padding:0 28px;border:1.5px solid var(--i200);border-radius:10px;background:#fff;font:700 14px/20px "Widescreen A Bd",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--i900);cursor:pointer;transition:border-color 120ms cubic-bezier(.2,.8,.2,1)}
.ey-more:hover{border-color:var(--b)}
.ey-filtered .ey-more{display:none!important}
@media (max-width:991px){.ey-hero{grid-template-columns:1fr}.ey-hero-t{font-size:28px}}
/* category chips: one wrapping row at every width (Webflow's mobile CSS stacked them and squashed "All") */
.blog-posts .fs-radio_group{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:8px;width:100%}
.blog-posts .fs-radio_group .w-dyn-list,.blog-posts .fs-radio_group .w-dyn-items,.blog-posts .fs-radio_group .w-dyn-list>div{display:contents!important}
.blog-posts .collection-list-14{display:contents!important}
.blog-posts .collection-item-14{width:auto!important;margin:0!important;padding:0!important;display:block}
.blog-posts .all-button,.blog-posts .fs-radio_field-1{height:44px!important;min-height:0!important;padding:0 20px!important;margin:0!important;line-height:1!important;font:600 14px/1 "Widescreen A Sbd",system-ui,sans-serif!important;border-radius:999px!important;white-space:nowrap}
.blog-posts .all-button.active{background:var(--b)!important;border-color:var(--b)!important;color:#fff!important}
@media (max-width:640px){.blog-posts .all-button,.blog-posts .fs-radio_field-1{height:40px!important;padding:0 16px!important;font-size:13px!important}}
.blog-posts .all-button,.blog-posts .fs-radio_field-1{max-height:none!important;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box}
/* phones: every card in the big feature style (5 up top, then 6 per "Show more") */
@media (max-width:767px){
.blog-posts .collection-list-13{gap:20px}
.blog-posts .blog-post,.ey-hero-main,.ey-hero-card{border-radius:24px}
.blog-posts .blog-post-image{aspect-ratio:16/10;height:auto}
.blog-posts .blog-post-details{padding:24px 24px 28px;gap:12px}
.blog-posts .blog-post-name{font:800 24px/1.05 "Widescreen A Xbd","Arial Black",sans-serif;letter-spacing:-.005em;text-transform:uppercase}
.ey-hero{gap:20px;margin-bottom:20px}.ey-hero-side{gap:20px}
.ey-hero-body{padding:24px 24px 28px;gap:12px}.ey-hero-t{font-size:24px}.ey-hero-d,.ey-hero-link{display:none}
.ey-hero-cimg{aspect-ratio:16/10}.ey-hero-cbody{padding:24px 24px 28px;gap:12px}
.ey-hero-ct{font:800 24px/1.05 "Widescreen A Xbd","Arial Black",sans-serif;letter-spacing:-.005em;text-transform:uppercase}
}
.blog-posts .blog-post{margin:0!important;width:100%;max-width:none}
