/* blogs-v5 · the /blogs hub (v5: closing plate is a 150 KB AVIF instead of a 1.2 MB JPEG) in the new theme (12 Oct 2026).
   Skins the native Webflow lists in place: every card stays a server-rendered link. blogs-v1.js adds the
   category chips, search, featured split and Load More. Tokens follow milo-v2 / ab-chrome (cream, ink, blue). */

@font-face{font-family:'Doppio';src:url('https://cdn.prod.website-files.com/671c75aea252ba8250473e86/6ab8d2b7beb80ce976446dd1_cs-Doppio-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Doppio';src:url('https://cdn.prod.website-files.com/671c75aea252ba8250473e86/6ab8d2b7d25a5ffe5e060f88_cs-Doppio-Medium.woff2') format('woff2');font-weight:500;font-display:swap}

:root{
  --bv-cream:#FAF8F5; --bv-canvas:#F0EBE2; --bv-paper:#FFFFFF; --bv-ink:#231B10;
  --bv-ink-74:rgba(35,27,16,.74); --bv-ink-60:rgba(35,27,16,.68); --bv-ink-45:rgba(35,27,16,.5);
  --bv-rule:rgba(35,27,16,.12); --bv-blue:#0033A0; --bv-blue-100:#DBE7FF;
  --bv-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --bv-dop:'Doppio','Inter',system-ui,sans-serif;
  --bv-ease:cubic-bezier(.16,1,.3,1);
  --bv-col:1200px; --bv-gutter:40px; --bv-nav:88px;
  --bv-shadow:0 1px 2px rgba(35,27,16,.05),0 8px 28px rgba(35,27,16,.07);
  --bv-shadow-up:0 2px 4px rgba(35,27,16,.06),0 18px 44px rgba(35,27,16,.12);
  --bv-glass:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.86));
}
@media (max-width:767px){:root{--bv-gutter:20px;--bv-nav:76px}}

body{background:var(--bv-cream)}
body .page-wrapper.navbar-on-page{background:var(--bv-cream)}
/* the legacy footer and the old exit popup make way for Footer v2 */
body footer.footer_component,body .exit_intent-popup{display:none!important}

/* ── 1 · hero: the reading bench ─────────────────────────────────────────────────────────── */
body .section_blog_header.is-transparent{position:relative;overflow:hidden;isolation:isolate;
  min-height:clamp(640px,90vh,820px);display:flex;align-items:center;
  background:#E9E6DD url('https://cdn.prod.website-files.com/671c75aea252ba8250473e86/6acbdd8a594cf60a031ef71a_blogs-hero-bench-desktop.avif') 74% 62%/cover no-repeat}
body .section_blog_header.is-transparent::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(250,248,245,.72) 0,rgba(250,248,245,0) 22%),
    linear-gradient(90deg,rgba(250,248,245,.9) 0,rgba(250,248,245,.74) 30%,rgba(250,248,245,.18) 54%,rgba(250,248,245,0) 66%)}
body .section_blog_header.is-transparent::after{content:'';position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(250,248,245,0),var(--bv-cream))}
body .section_blog_header.is-transparent .padding-global{width:100%;padding:0 var(--bv-gutter)}
body .section_blog_header.is-transparent .container-large{max-width:var(--bv-col);margin:0 auto}
body .section_blog_header.is-transparent .spacer-navbar{height:var(--bv-nav);padding:0}
body .section_blog_header.is-transparent .padding-section-large{padding:40px 0 96px}
body .section_blog_header .cs_header_background,body .section_blog_header .spacer-large,body .section_blog_header .blog_header_content-copy{display:none!important}
body .section_blog_header .text-align-center{text-align:left}
body .section_blog_header .case_study-hero-wrap{max-width:600px;margin:0;display:flex;flex-direction:column;align-items:flex-start}

body .section_blog_header .tagline_wrapper{margin:0 0 20px;justify-content:flex-start}
body .section_blog_header .tagline.is-case-study{display:inline-flex;align-items:center;gap:8px;padding:0;margin:0;border:0;background:none;box-shadow:none;
  font:500 13px/1.4 var(--bv-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bv-blue)}
body .section_blog_header .tagline.is-case-study::before{content:'';width:18px;height:1px;background:currentColor;opacity:.6}
body .section_blog_header h1.heading-style-h2.is-case-study{margin:0;max-width:11.5em;text-align:left;
  font:500 clamp(44px,5.4vw,78px)/1.04 var(--bv-dop)!important;letter-spacing:-.025em;color:var(--bv-ink);text-wrap:balance}
body .section_blog_header .casestudy_hero-content{margin:24px 0 0;max-width:30em;text-align:left;
  font:400 clamp(17px,1.35vw,19px)/1.6 var(--bv-sans);color:var(--bv-ink-74)}

/* search, glass like the home composer */
body .section_blog_header .form_component.is-case-study{width:100%;max-width:560px;margin:36px 0 0}
body .section_blog_header .form_component form{display:block;margin:0;padding:0;background:none;border:0;box-shadow:none}
body .section_blog_header .search_lebel-wrap{display:block;width:100%;margin:0}
body .section_blog_header .is-result{display:none!important}
body .section_blog_header .select_main-wrap{display:none}
body .section_blog_header input.form_input.is-search{box-sizing:border-box;width:100%;height:58px;margin:0;padding:0 22px 0 52px;
  border:1px solid rgba(255,255,255,.9);border-radius:16px;background:var(--bv-glass);
  -webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(35,27,16,.06),0 14px 40px rgba(35,27,16,.12);
  font:400 16px/1 var(--bv-sans);color:var(--bv-ink);transition:box-shadow .25s var(--bv-ease),border-color .25s var(--bv-ease)}
body .section_blog_header input.form_input.is-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23231B10' stroke-opacity='.55' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='9' cy='9' r='5.75'/%3E%3Cpath d='m13.5 13.5 3.5 3.5'/%3E%3C/svg%3E"),var(--bv-glass);
  background-repeat:no-repeat;background-position:20px 50%,0 0;background-size:20px 20px,auto}
body .section_blog_header input.form_input.is-search::placeholder{color:var(--bv-ink-45);opacity:1}
body .section_blog_header input.form_input.is-search:focus{outline:none;border-color:rgba(0,51,160,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 4px rgba(0,51,160,.10),0 14px 40px rgba(35,27,16,.12)}

/* category chips (built by blogs-v1.js from the CMS category list) */
.bv-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px;padding:0;list-style:none}
.bv-chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px;border:1px solid var(--bv-rule);border-radius:999px;cursor:pointer;
  background:var(--bv-paper);
  font:500 14px/1 var(--bv-sans);color:var(--bv-ink-74);white-space:nowrap;
  transition:background-color .2s var(--bv-ease),color .2s var(--bv-ease),border-color .2s var(--bv-ease),transform .2s var(--bv-ease)}
.bv-chip:hover{background:#fff;color:var(--bv-ink)}
.bv-chip:focus-visible{outline:2px solid var(--bv-blue);outline-offset:2px}
.bv-chip[aria-pressed="true"]{background:var(--bv-ink);border-color:var(--bv-ink);color:var(--bv-cream)}
.bv-chip .bv-n{font-weight:400;opacity:.55;font-variant-numeric:tabular-nums}

/* ── 2 · library shell ───────────────────────────────────────────────────────────────────── */
body .section_blog_content.is-case-study{background:var(--bv-cream);padding:0}
body .section_blog_content.is-case-study .padding-global{padding:0 var(--bv-gutter)}
body .section_blog_content.is-case-study .container-large{max-width:var(--bv-col);margin:0 auto}
body .section_blog_content.is-case-study .padding-section-medium{padding:24px 0 120px}
body .section_blog_content .blog_content_component{display:block}
body .section_blog_content .spacer-xlarge{display:none}
.bv-label{display:flex;align-items:center;gap:10px;margin:0 0 24px;font:500 13px/1.4 var(--bv-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bv-blue)}
.bv-label::before{content:'';width:18px;height:1px;background:currentColor;opacity:.6}

/* section heading for the library ("All Articles") */
body .section_blog_content .blog_content_component>.text-align-center{display:flex!important;align-items:flex-end;justify-content:space-between;gap:24px;
  margin:112px 0 24px;text-align:left}
body .section_blog_content .blog_content_component>.text-align-center .max-width-small{max-width:none;margin:0}
body .section_blog_content .blog_content_component>.text-align-center h2{margin:0;opacity:1!important;transform:none!important;
  font:500 clamp(32px,3.4vw,48px)/1.08 var(--bv-dop);letter-spacing:-.02em;color:var(--bv-ink)}
body .section_blog_content .blog_content_component>.text-align-center .spacer-medium,
body .section_blog_content .blog_content_component>.text-align-center .divider_component{display:none}
.bv-status{margin:0;font:400 15px/1.5 var(--bv-sans);color:var(--bv-ink-60);white-space:nowrap}
.bv-status b{font-weight:500;color:var(--bv-ink)}
html.bv-active .section_blog_content .blog_content_component>.text-align-center{margin-top:56px}

/* ── 3 · featured: one lead story and three more ─────────────────────────────────────────── */
body .splide.case-study{visibility:visible;margin:0;padding:0}
body .splide.case-study .splide__track{overflow:visible;padding:0;margin:0}
body .splide.case-study .splide__list{display:grid!important;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);grid-template-rows:repeat(3,auto);gap:20px 40px;
  transform:none!important;margin:0;padding:0;list-style:none}
body .splide.case-study .splide__slide{width:auto!important;margin:0!important;min-width:0}
body .splide.case-study .splide__slide:first-child{grid-row:1/4}
html.bv-active body .splide.case-study,html.bv-active .bv-featured-label{display:none}
body .splide.case-study .case_study-main-hero-card,body .splide.case-study .case_study-hero-card{height:100%;margin:0;padding:0;background:none;border:0;box-shadow:none;border-radius:0}
body .splide.case-study .case_study-hero-card{position:relative;display:flex;flex-direction:column;gap:0}
body .splide.case-study .case_study-img-wrapper{position:relative;overflow:hidden;width:100%;max-width:none;height:auto;aspect-ratio:16/10;border-radius:16px;background:var(--bv-canvas);margin:0}
body .splide.case-study .case_study-img-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .6s var(--bv-ease)}
body .splide.case-study .case_study-hero-card:hover .case_study-img-hero{transform:scale(1.03)}
body .splide.case-study .case_study-hero-content{padding:22px 0 0;display:flex;flex-direction:column;gap:0;background:none}
body .splide.case-study .case_study-hero-tag{order:0;align-self:flex-start;margin:0 0 12px;padding:0;background:none;border:0;
  font:500 12px/1.4 var(--bv-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bv-blue)}
body .splide.case-study .case_study-hero-title{order:1;margin:0;font:500 clamp(28px,2.6vw,38px)/1.12 var(--bv-dop);letter-spacing:-.02em;color:var(--bv-ink);text-wrap:balance}
body .splide.case-study .case_study-description{order:2;margin:14px 0 0;max-width:38em;font:400 16px/1.6 var(--bv-sans);color:var(--bv-ink-74);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body .splide.case-study .blog_author-block{order:3;margin:18px 0 0}
body .splide.case-study .case_study-read-more{position:static;font-size:0;color:transparent;padding:0;margin:0;border:0;background:none}
body .splide.case-study .case_study-read-more::after{content:'';position:absolute;inset:0;z-index:1;border-radius:16px}
body .splide.case-study .case_study-read-more:focus-visible::after{outline:2px solid var(--bv-blue);outline-offset:6px}
/* the three smaller stories: thumbnail beside the title */
body .splide.case-study .splide__slide:not(:first-child) .case_study-hero-card{display:grid;grid-template-columns:168px minmax(0,1fr);gap:20px;align-items:center;
  padding:0 0 20px;border-bottom:1px solid var(--bv-rule)}
body .splide.case-study .splide__slide:last-child .case_study-hero-card{border-bottom:0;padding-bottom:0}
body .splide.case-study .splide__slide:not(:first-child) .case_study-img-wrapper{aspect-ratio:4/3;border-radius:12px}
body .splide.case-study .splide__slide:not(:first-child) .case_study-hero-content{padding:0}
body .splide.case-study .splide__slide:not(:first-child) .case_study-hero-tag{margin-bottom:8px;font-size:11.5px}
body .splide.case-study .splide__slide:not(:first-child) .case_study-hero-title{font-size:clamp(18px,1.5vw,21px);line-height:1.25;letter-spacing:-.01em;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body .splide.case-study .splide__slide:not(:first-child) .case_study-description{display:none}
body .splide.case-study .splide__slide:not(:first-child) .blog_author-block{margin-top:10px}
body .splide.case-study .splide__slide:not(:first-child) .blog_author-block .w-dyn-list,
body .splide.case-study .splide__slide:not(:first-child) .blog_author-block>.w-dyn-list+.vr_line-publish{display:none}

/* ── 4 · byline row (featured and library) ───────────────────────────────────────────────── */
body .blog_author-block,body .blog_author_wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 12px;margin:0;padding:0;position:relative;z-index:2;text-align:left}
body .blog_author-block .w-dyn-list,body .blog_author_wrapper .w-dyn-list,body .case_study-publish-wrap{width:auto}
body .case_study-publish-wrap{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;margin:0;padding:0}
body .blog_author-block .publish_date-wrapper,body .blog_author_wrapper .publish_date-wrapper,
body .publish_date-wrap,body .read_time-wrap{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;text-decoration:none;color:inherit}
body .blog_author-block .case_study-publish,body .blog_author_wrapper .case_study-publish{margin:0;text-align:left;font:400 13.5px/1.4 var(--bv-sans);color:var(--bv-ink-60);white-space:nowrap}
body .blog_author-block .case_study-publish.text-weight-semibold,body .blog_author_wrapper .case_study-publish.text-weight-semibold{font-weight:500;color:var(--bv-ink)}
body .blog_author-block a.publish_date-wrapper:hover .text-weight-semibold,body .blog_author_wrapper a.publish_date-wrapper:hover .text-weight-semibold{text-decoration:underline;text-underline-offset:3px}
body .author_img{width:26px;height:26px;border-radius:50%;object-fit:cover;margin:0;flex:0 0 26px}
body .author_designation-block{display:none}
body .publish_date-wrap img,body .publish_date-wrapper>img:not(.author_img),body .read_time-wrap img{display:none}
/* "Published On:" stays in the HTML; the dot separators carry it visually */
body .publish_date-wrap .case_study-publish:first-of-type,body div.publish_date-wrapper .case_study-publish:first-of-type{display:none}
body .vr_line-publish{display:block;width:3px;height:3px;border-radius:50%;background:var(--bv-ink-45);margin:0;flex:0 0 3px;opacity:.7}
/* library cards have no separator between the author and the date row */
body .blog_author_wrapper>.w-dyn-list+.case_study-publish-wrap::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--bv-ink-45);flex:0 0 3px;opacity:.7}
body .splide.case-study .case_study-hero-title,body .blog-content-wrap h3.case_study-title{max-width:none;width:auto}

/* ── 5 · library cards ───────────────────────────────────────────────────────────────────── */
body .blog_content_list-wrapper-copy{margin:0}
body .blog_content_list-copy{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;margin:0;padding:0}
body .blog_content_item-copy{position:relative;display:flex;min-width:0;margin:0;padding:0;opacity:1;transform:none;border:0;border-radius:0;background:none;box-shadow:none}
body .blog_content_item-copy.bv-off{display:none}
body .blog_content_item-copy.bv-in{animation:bvIn .5s var(--bv-ease) both}
@keyframes bvIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
body .card-wrap.is-blog{display:flex;flex-direction:column;width:100%;height:auto;margin:0;padding:0;gap:0;background:none;border:0;border-radius:0;box-shadow:none}
body .blog_content_image-wrapper-copy{position:relative;overflow:hidden;width:100%;aspect-ratio:16/10;margin:0;border-radius:14px;background:var(--bv-canvas);
  box-shadow:0 0 0 1px rgba(35,27,16,.04) inset}
body .blog_content_image-copy{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .6s var(--bv-ease)}
body .blog_content_item-copy:hover .blog_content_image-copy{transform:scale(1.035)}
body .blog-content-wrap{display:flex;flex-direction:column;flex:1;gap:0;padding:20px 0 0;margin:0;background:none}
body .blog_category{align-self:flex-start;margin:0 0 10px;padding:0;background:none;border:0;
  font:500 12px/1.4 var(--bv-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bv-blue)}
body .blog-content-wrap h3.case_study-title{margin:0;font:500 22px/1.24 var(--bv-dop);letter-spacing:-.012em;color:var(--bv-ink);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s var(--bv-ease)}
body .blog_content_item-copy:hover h3.case_study-title{color:var(--bv-blue)}
body .blog-content-wrap p.case_study-content{margin:10px 0 0;font:400 15px/1.6 var(--bv-sans);color:var(--bv-ink-74);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .blog-content-wrap .blog_author_wrapper{margin-top:auto;padding-top:16px}
body .blog_content_item-copy .inner_blog-link{position:absolute;inset:0;z-index:1;display:block;border-radius:14px}
body .blog_content_item-copy .inner_blog-link:focus-visible{outline:2px solid var(--bv-blue);outline-offset:6px}
body .blog_content_item-copy .blog_author_wrapper a{position:relative;z-index:2}

/* Load More, empty state, crawlable pagination (hidden once the script has fetched every page) */
.bv-more-wrap{display:flex;justify-content:center;margin:64px 0 0}
.bv-more{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;border:1px solid var(--bv-rule);border-radius:12px;cursor:pointer;
  background:var(--bv-paper);font:500 16px/1 var(--bv-sans);color:var(--bv-ink);box-shadow:var(--bv-shadow);transition:transform .2s var(--bv-ease),box-shadow .2s var(--bv-ease)}
.bv-more:hover{transform:translateY(-1px);box-shadow:var(--bv-shadow-up)}
.bv-more[hidden]{display:none}
.bv-empty{margin:48px 0 0;padding:56px 24px;border:1px dashed var(--bv-rule);border-radius:16px;text-align:center;font:400 16px/1.6 var(--bv-sans);color:var(--bv-ink-60)}
.bv-empty[hidden]{display:none}
body .blog_content_list-wrapper-copy .w-dyn-empty{display:none}
body .blog_content_list-wrapper-copy .w-pagination-wrapper{display:flex;justify-content:center;margin:48px 0 0}
html.bv-loaded body .blog_content_list-wrapper-copy .w-pagination-wrapper{display:none}

/* ── 6 · closing call to action ──────────────────────────────────────────────────────────── */
body .section_appbrew{padding:0 var(--bv-gutter) 120px;background:var(--bv-cream)}
body .section_appbrew .padding-global{padding:0;max-width:var(--bv-col);margin:0 auto}
body .section_appbrew .appbrew_main-wrapper{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;
  max-width:none;margin:0;padding:112px 32px 120px;border-radius:24px;
  background:#DCE6EE url('https://cdn.prod.website-files.com/671c75aea252ba8250473e86/6acca3561c25ab471a47b104_blogs-close-field.avif') 50% 70%/cover no-repeat}
body .section_appbrew .appbrew_main-wrapper::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 62% 58% at 50% 46%,rgba(250,248,245,.9) 0,rgba(250,248,245,.72) 45%,rgba(250,248,245,0) 78%),linear-gradient(180deg,rgba(250,248,245,.35),rgba(250,248,245,0) 50%)}
body .section_appbrew .appbrew_main-wrapper>img{display:none}
body .section_appbrew h2.heading-style-h2.is-appbrew{max-width:14em;margin:0;font:500 clamp(34px,3.8vw,56px)/1.08 var(--bv-dop);letter-spacing:-.022em;color:var(--bv-ink);text-wrap:balance}
body .section_appbrew p.is-appbrew{max-width:34em;margin:20px 0 0;font:400 18px/1.6 var(--bv-sans);color:var(--bv-ink-74)}
body .section_appbrew .app_brew-btn-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:36px 0 0}
body .section_appbrew .app_brew-btn-wrap .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;min-height:0;padding:0 24px;border-radius:12px;
  font:500 16px/1 var(--bv-sans);text-decoration:none;box-shadow:none;transition:transform .2s var(--bv-ease)}
body .section_appbrew .app_brew-btn-wrap .button:hover{transform:translateY(-1px)}
body .section_appbrew .button.is-white{background:var(--bv-blue);color:#fff;border:0}
body .section_appbrew .button.is-transparent-icon{background:rgba(255,255,255,.82);color:var(--bv-ink);border:1px solid rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
body .section_appbrew .button.is-transparent-icon .demo_icon svg path{stroke:var(--bv-ink)}

/* ── 7 · tablet and phone ────────────────────────────────────────────────────────────────── */
@media (max-width:991px){
  body .splide.case-study .splide__list{grid-template-columns:1fr;grid-template-rows:none;gap:24px}
  body .splide.case-study .splide__slide:first-child{grid-row:auto}
  body .splide.case-study .splide__slide:first-child .case_study-hero-card{padding-bottom:24px;border-bottom:1px solid var(--bv-rule)}
  body .blog_content_list-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
}
@media (max-width:767px){
  body .section_blog_header.is-transparent{min-height:0;align-items:flex-start;
    background-image:url('https://cdn.prod.website-files.com/671c75aea252ba8250473e86/6acbdd8a594cf60a031ef738_blogs-hero-bench-mobile.avif');
    background-color:#F4F1EA;background-position:50% 100%;background-size:100% auto}
  body .section_blog_header.is-transparent::before{background:linear-gradient(180deg,#F4F1EA 0,rgba(244,241,234,.9) 30%,rgba(244,241,234,.55) 52%,rgba(244,241,234,0) 64%)}
  body .section_blog_header.is-transparent .padding-section-large{padding:28px 0 max(300px,min(86vw,400px))}
  body .section_blog_header h1.heading-style-h2.is-case-study{font-size:clamp(38px,10.4vw,48px)!important;line-height:1.06}
  body .section_blog_header .casestudy_hero-content{margin-top:18px;font-size:16.5px}
  body .section_blog_header .form_component.is-case-study{margin-top:28px}
  body .section_blog_header input.form_input.is-search{height:54px;font-size:16px}
  .bv-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--bv-gutter)) 32px;padding:0 var(--bv-gutter) 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bv-chips::-webkit-scrollbar{display:none}
  body .section_blog_content.is-case-study .padding-section-medium{padding:8px 0 88px}
  body .splide.case-study .splide__slide:not(:first-child) .case_study-hero-card{grid-template-columns:112px minmax(0,1fr);gap:16px}
  body .blog_content_list-copy{grid-template-columns:1fr;gap:40px}
  body .section_blog_content .blog_content_component>.text-align-center{flex-direction:column;align-items:flex-start;gap:8px;margin-top:72px}
  body .section_appbrew{padding-bottom:88px}
  body .section_appbrew .appbrew_main-wrapper{padding:80px 22px 88px;border-radius:20px}
}
@media (prefers-reduced-motion:reduce){
  body .blog_content_item-copy.bv-in{animation:none}
  body .blog_content_image-copy,body .splide.case-study .case_study-img-hero{transition:none}
}

/* v2 · searching: only the matching cards sit under the search box */
html.bv-search .bv-chips,
html.bv-search .section_blog_content .blog_content_component>.text-align-center,
html.bv-search .bv-featured-label,html.bv-search body .splide.case-study,
html.bv-search .bv-more-wrap{display:none!important}
html.bv-search body .section_blog_content.is-case-study .padding-section-medium{padding-top:8px}
html.bv-search .bv-empty{margin-top:8px}

/* v4 · phone bylines: author(s) on one line, date and read time on the next, no leading dot */
@media (max-width:767px){
  body .blog_author_wrapper{flex-direction:column;align-items:flex-start;gap:8px}
  body .blog_author_wrapper .w-dyn-items{display:flex;flex-wrap:wrap;gap:6px 14px}
  body .blog_author_wrapper>.w-dyn-list+.case_study-publish-wrap::before{display:none}
}
@media (max-width:380px){
  body .section_blog_header input.form_input.is-search::placeholder{font-size:14px}
}