:root{--max:1160px;--gut:clamp(1rem,4vw,2rem);--acc:#FFCC33;--t:#fff;--ff:'Urbanist',sans-serif;--bdr:rgba(255,255,255,.08);--yellow:#ffce32;--muted:#aaa;--line:#232323;--bg:#000}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Urbanist,Arial,sans-serif;font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button{font:inherit}img{max-width:100%;display:block}.logo{display:flex;gap:9px;align-items:center;letter-spacing:-2px;font-size:35px;line-height:1;color:#fff;white-space:nowrap}.bars{display:flex;gap:2px;height:26px}.bars i{width:7px;background:#62b34b}.bars i:nth-child(2){background:#ffd644}.bars i:nth-child(3){background:#6c9fe0}.bars i:nth-child(4){background:#e87392}.container{max-width:var(--max);padding:0 var(--gut);margin:auto}.catalog{max-width:var(--max);padding:50px var(--gut) 80px;margin:auto}.eyebrow,.tag,.section-number,.mini-number{color:var(--yellow);font-size:12px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase}.catalog h1{font-size:clamp(40px,5vw,68px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.catalog .intro{font-size:22px;color:#b5b5b5;margin-bottom:30px}.tabs{display:flex;gap:10px;overflow:auto;padding:16px 0 25px}.tab{flex:1;white-space:nowrap;text-align:center;background:#101010;border:1px solid #303030;border-radius:9px;padding:16px 18px;font-size:14px;font-weight:700}.tab.active{background:var(--yellow);color:#000;border-color:var(--yellow)}.category-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.category-heading h2{font-size:29px;margin:0}.category-heading span,.note{font-size:14px;color:#8d8d8d}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#080808;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--yellow);transform:translateY(-3px)}.thumbnail{position:relative;overflow:hidden}.thumbnail>img{width:100%;aspect-ratio:1.5;object-fit:cover}.badge{position:absolute;bottom:14px;left:14px;background:var(--yellow);padding:5px 10px;font-size:11px;line-height:1.4;font-weight:800;color:#000;border-radius:3px;max-width:90%}.card-copy{padding:22px}.card-copy h3{font-size:23px;line-height:1.25;margin:10px 0 15px;letter-spacing:-.5px}.card-copy p{font-size:15px;color:#aaa}.card-copy .read{font-size:13px;color:var(--yellow);display:block;margin-top:24px}.placeholder{border:1px dashed #303030;border-radius:14px;opacity:.5}.placeholder-visual{aspect-ratio:1.5;background:#111;display:grid;place-items:center;font-size:60px;color:#777}.placeholder h3{font-size:21px}.placeholder p{font-size:14px;color:#aaa}.catalog-note{font-size:14px;color:#888;text-align:center;margin-top:30px}.study-nav{border-bottom:1px solid #171717}.study-nav>.tabs{max-width:var(--max);margin:auto;padding:20px var(--gut)}.breadcrumbs{display:flex;gap:18px;align-items:center;padding:34px 0 40px;font-size:14px;color:#999}.breadcrumbs a{color:#fff}.hero{height:600px;position:relative;overflow:hidden;border-radius:24px;background:#111}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 32%,rgba(0,0,0,.35) 58%,rgba(0,0,0,.96))}.hero-copy{position:absolute;left:42px;right:42px;bottom:35px;z-index:1}.tag{display:inline-block;padding:10px 16px;background:rgba(0,0,0,.7);border:1px solid #5c4a0c;border-radius:3px;font-size:11px;letter-spacing:1.3px}.hero h1{font-size:clamp(32px,4vw,49px);line-height:1.14;font-weight:800;letter-spacing:-1px;margin:18px 0 0;max-width:850px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-block:1px solid var(--line)}.stats>div{text-align:center;padding:30px 22px 34px}.stats>div+div{border-left:1px solid var(--line)}.stats strong{font-size:53px;line-height:1.2;color:var(--yellow);font-weight:800}.stats p{font-size:18px;color:#bbb;margin:10px auto 0;max-width:240px}.testimonial{text-align:center;padding:65px 0 38px}.quote-mark{display:block;font-size:90px;color:var(--yellow);height:80px;line-height:1.2;font-weight:800}.testimonial blockquote{font-size:clamp(22px,2.4vw,29px);line-height:1.5;font-weight:500;margin:18px auto 28px;max-width:960px}.attribution{display:flex;justify-content:center;align-items:center;gap:16px;text-align:left}.attribution img{height:66px;width:90px;object-fit:contain;border:1px solid #333;border-radius:9px;background:white;padding:5px}.attribution strong{display:block;font-size:17px;font-weight:700}.attribution span{display:block;color:#999;font-size:15px}.metadata{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:18px 0 60px;border-bottom:1px solid #171717}.metadata span{border:1px solid #292929;border-radius:30px;padding:9px 17px;font-size:14px;color:#bbb}.study-section{padding:64px 0 0}.study-section h2{font-size:36px;line-height:1.2;letter-spacing:-.7px;margin:23px 0 28px;font-weight:800}.study-section>p{color:#bbb;font-size:21px;line-height:1.8;margin:0}.deliverables{padding:0;margin:0;list-style:none}.deliverables li{font-size:21px;color:#bbb;padding:7px 0 7px 32px;position:relative}.deliverables li:before{content:'✓';color:var(--yellow);position:absolute;left:0;font-weight:700}.compare{display:grid;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);gap:18px;align-items:center;margin:32px 0 44px}.arrow{color:var(--yellow);font-size:38px;text-align:center}figure{margin:0 0 26px}figure img{width:100%;height:auto;border-radius:10px}.compare figure{margin:0;min-width:0}.compare img{max-height:530px;width:100%;object-fit:contain;background:#111}.compare figcaption{font-size:15px}.gallery-part{margin-top:58px}.gallery-part h3{font-size:27px;line-height:1.3;margin:0 0 26px;letter-spacing:-.4px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid img{width:100%;height:auto;object-fit:contain;background:#101010}figcaption{font-size:14px;color:#aaa;line-height:1.5;margin-top:13px}.caption{font-size:18px;color:#bbb;margin:18px 0 6px}.note{line-height:1.6;margin-top:10px}.process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}.process>div{border-top:1px solid #292929;padding:25px 0}.process h4{font-size:22px;margin:10px 0}.process p{font-size:17px;color:#aaa;margin:0}.cta{border:1px solid #2e2a18;border-radius:15px;background:#0c0c0a;padding:42px;margin:65px 0 70px}.cta h2{font-size:32px;line-height:1.25;max-width:760px;margin:20px 0 10px}.cta p{color:#aaa;margin:0 0 26px}.cta>div{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;background:var(--yellow);color:#000;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.9px;border:1px solid var(--yellow);border-radius:4px;padding:14px 20px}.button.outline{background:transparent;color:#fff;border-color:#555}.related{padding:0 0 70px}.related .heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 25px}.related h2{font-size:32px;margin:0}.related .all{font-size:12px;letter-spacing:1px;color:var(--yellow)}.related .card-copy p{display:none}.related .card-copy h3{font-size:21px}.loading{padding:60px;text-align:center;color:#aaa}@media(max-width:950px){.hero{height:520px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body{font-size:16px}.catalog{padding-top:30px;padding-bottom:50px}.catalog h1{letter-spacing:-1px;font-size:41px}.catalog .intro{font-size:18px}.tab{font-size:12px;padding:13px 16px}.study-nav>.tabs{padding-top:14px;padding-bottom:14px}.hero{height:460px;border-radius:16px}.hero-copy{left:23px;right:23px;bottom:25px}.hero h1{font-size:33px}.tag{font-size:9px;padding:8px 10px}.stats{margin-top:40px}.stats>div{padding:22px 10px}.stats strong{font-size:37px}.stats p{font-size:14px}.testimonial{padding-top:40px}.testimonial blockquote{font-size:23px}.metadata{padding-bottom:38px}.study-section{padding-top:42px}.study-section h2{font-size:29px;margin-top:17px}.study-section>p,.deliverables li{font-size:18px}.compare{grid-template-columns:1fr;gap:18px}.arrow{transform:rotate(90deg);line-height:1}.compare img{max-height:none}.gallery-grid.three,.cards{grid-template-columns:1fr}.process{grid-template-columns:1fr}.cta{padding:28px 23px;margin:45px 0}.cta h2{font-size:27px}.related .heading{align-items:flex-start}.related h2{font-size:27px}}
.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:580px;font-size:16px;text-align:left}th,td{padding:19px 17px;border-bottom:1px solid #2a2a2a;vertical-align:top}thead th{font-size:13px;letter-spacing:.6px;color:#999}thead th:nth-child(2),td:nth-child(2){background:#101009}thead th:nth-child(2),.yes{color:var(--yellow)}td{color:#aaa;font-weight:400}tbody th{font-weight:600;width:23%}td:last-child{color:#888}.no{color:#888}
.attribution img{width:76px;height:76px;flex:0 0 76px;border-radius:50%;background:#fff;border:0;padding:12px;object-fit:contain}

.logo-circle{width:76px;height:76px;flex:0 0 76px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.attribution .logo-circle img{width:auto;height:auto;max-width:54px;max-height:54px;flex:none;object-fit:contain;border-radius:0;padding:0;background:transparent;border:0}.logo-circle.firethorn-logo{background:#161616;border:3px solid #fff}.attribution .firethorn-logo img{max-width:58px;max-height:52px}
.attribution .logo-circle{display:flex}
.attribution .logo-circle img[alt="Harness Lead logo"]{clip-path:inset(1px);outline:none;box-shadow:none}

/* ── Site header + footer: copied from /case-studies/case-studies.css ── */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
nav.site{position:sticky;top:0;z-index:100;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr)}
.logo-img{height:44px;width:auto;display:block}
.nav-links{display:flex;list-style:none;gap:2rem;align-items:center}
.nav-links a{font-size:14px;font-weight:500;letter-spacing:.04em;color:#fff;transition:color .18s;white-space:nowrap}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--acc)}
.nav-right{display:flex;align-items:center;gap:.625rem}
.nav-cta,.nav-login{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 22px;border-radius:3px;display:inline-flex;align-items:center;transition:background .18s,color .18s,border-color .18s}
.nav-cta{background:#000;color:#fff;border:1.5px solid #fff}
.nav-cta:hover{background:var(--acc);color:#000;border-color:var(--acc)}
.nav-login{color:rgba(255,255,255,.7);border:1.5px solid rgba(255,255,255,.2)}
.nav-login:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.hamburger{display:none;flex-direction:column;gap:5px;padding:6px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .28s ease}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#mob-menu{display:none;flex-direction:column;position:fixed;inset:0;background:#000;z-index:90;padding:80px 2rem 2.5rem;opacity:0;pointer-events:none;transition:opacity .28s ease;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#mob-menu.open{opacity:1;pointer-events:all}html:has(#mob-menu.open),html:has(#mob-menu.open) body{overflow:hidden;overscroll-behavior:none}html:has(#mob-menu.open) nav{position:fixed;top:0;left:0;right:0;z-index:110;background:#000}html:has(#mob-menu.open) #mob-menu{top:60px;padding-top:.5rem}
#mob-menu a{padding:1rem 0;font-size:1.6rem;font-weight:700;border-bottom:1px solid var(--bdr)}
#mob-menu a:hover{color:var(--acc)}
footer{background:#000;border-top:1px solid var(--bdr);padding:4rem 0 0}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem}
.foot-logo{display:block;margin-bottom:.75rem}
.foot-tagline{font-family:var(--ff);font-size:.875rem;color:#fff;margin-bottom:1rem;display:block}
.foot-desc{font-size:.875rem;color:#fff;line-height:1.85;font-weight:300;max-width:280px;margin-bottom:1rem}
.foot-contact{font-size:.875rem;color:#fff;line-height:1.85;font-weight:300}
.foot-contact a{color:var(--t);transition:color .15s}
.foot-contact a:hover{color:var(--acc)}
.foot-certs{display:flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap;margin-top:1.75rem}
.foot-cert-img{width:88px;height:88px;object-fit:contain;border-radius:10px;opacity:.88;transition:opacity .18s;display:block}
.foot-cert-img:hover{opacity:1}
.foot-col-label{font-family:var(--ff);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-weight:600;margin-bottom:1rem}
.foot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.foot-list a{font-size:.875rem;color:#fff;font-weight:300;transition:color .15s}
.foot-list a:hover{color:var(--t)}
.foot-bottom{border-top:1px solid var(--bdr);padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#fff}
.foot-bottom a{color:#fff;transition:color .15s}
.foot-bottom a:hover{color:rgba(255,255,255,.6)}
.nav-links,.foot-grid p{margin:0;padding:0}.foot-desc{margin-bottom:1rem}
@media(max-width:1200px){nav.site .nav-links{gap:1.25rem}}
@media(max-width:1000px){.nav-links{gap:.75rem}nav.site .nav-links a{font-size:13px;letter-spacing:.02em}nav.site .nav-cta,nav.site .nav-login{padding:10px 14px}}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:2rem}.nav-links,.nav-right .nav-login,.nav-right .nav-cta{display:none}.hamburger{display:flex}#mob-menu{display:flex}}
@media(max-width:640px){nav.site{padding:0 1rem}.foot-grid{grid-template-columns:1fr 1fr;gap:1.25rem 1rem}footer{padding:2.5rem 0 0}.foot-bottom{flex-direction:column;gap:.4rem;text-align:center}}

/* ── Typography + catalog: match /case-studies/ hub ── */
:root{--t2:#d9d9d9;--t3:#a3a3a3;--bdr2:rgba(255,255,255,.14);--card:linear-gradient(145deg,#141414 0%,#0e0e0e 100%)}
body{font-size:16px;line-height:1.6;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.eyebrow,.tag,.section-number,.mini-number{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--acc)}
.catalog{padding-top:96px;padding-bottom:120px}
.catalog>.eyebrow{display:block}
.catalog h1{font-size:clamp(2.6rem,6vw,76px);line-height:1.02;font-weight:800;letter-spacing:-.04em;margin:24px 0}
.catalog .intro{font-size:20px;line-height:1.55;color:var(--t2);max-width:620px;margin:0 0 24px}
.tabs{flex-wrap:wrap;gap:10px;padding:16px 0 0;overflow:visible}
.tab{flex:0 0 auto;font-size:14px;font-weight:600;border-radius:999px;padding:10px 18px;min-height:44px;display:inline-flex;align-items:center;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18);transition:background .15s,color .15s,border-color .15s}
.tab:hover{border-color:var(--acc)}
.tab.active{background:var(--acc);color:#000;border-color:var(--acc)}
.study-nav>.tabs{padding-top:20px;padding-bottom:20px}
.category-heading{align-items:flex-end;margin:80px 0 32px;flex-wrap:wrap;gap:1rem}
.category-heading h2{font-size:34px;font-weight:700;letter-spacing:-.02em}
.category-heading span{font-size:14px;color:var(--t3)}
.cards{gap:24px}
.card{display:flex;flex-direction:column;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:var(--card);transition:border-color .22s,transform .22s}
.card:hover{border-color:rgba(255,204,51,.35);transform:translateY(-4px)}
.thumbnail{border-bottom:1px solid var(--bdr)}
.thumbnail>img{aspect-ratio:3/2}
.card-copy{display:flex;flex-direction:column;flex-grow:1;padding:28px;gap:12px}
.card-copy .eyebrow{font-size:12px}
.card-copy h3{font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.01em;margin:0}
.card-copy p{font-size:15px;line-height:1.55;color:#b5b5b5;margin:0}
.card-copy .read{margin-top:auto;padding-top:20px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.catalog-note{font-size:14px;color:var(--t3);margin-top:32px}
.related h2{font-size:34px;font-weight:700;letter-spacing:-.02em}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.catalog{padding-top:56px;padding-bottom:80px}.catalog h1{font-size:2.6rem;letter-spacing:-.04em}.catalog .intro{font-size:18px}.category-heading{margin-top:56px}.category-heading h2,.related h2{font-size:28px}.cards{grid-template-columns:1fr}}

/* ── Client feedback: match /case-studies/ pull quote + avatar ── */
.testimonial{padding:72px 0 24px;display:flex;flex-direction:column;align-items:center;gap:24px}
.testimonial .quote-mark{font-size:96px;line-height:.6;font-weight:800;height:48px}
.testimonial blockquote{max-width:900px;font-size:clamp(22px,2.6vw,32px);line-height:1.35;font-weight:500;letter-spacing:-.01em;margin:0 auto}
.attribution{gap:14px}
.attribution .logo-circle,.logo-circle.firethorn-logo{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#1a1a1a;border:1px dashed rgba(255,255,255,.25);overflow:hidden;padding:0}
.attribution .logo-circle img,.attribution .firethorn-logo img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;padding:6px}
.attribution .logo-circle img[src$=".jpg"],.attribution .logo-circle img[alt="Harness Lead logo"]{object-fit:cover;padding:0}
.attribution strong{font-size:16px;font-weight:700}
.attribution span{font-size:14px;color:var(--t3)}
.attribution .logo-circle:not(.firethorn-logo){background:#fff}

/* ── Breadcrumb: match /case-studies/ ── */
.breadcrumbs.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:28px 0;font-size:14px;color:var(--t3)}
.breadcrumbs.crumb a{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#fff;min-height:44px}
.breadcrumbs.crumb a:hover{color:var(--acc)}
.breadcrumbs.crumb svg{display:block}

/* ── Card arrow: match /case-studies/ card ── */
.card-foot{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:flex-end}
.card-foot .arrow{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:var(--acc);font-size:0;transition:border-color .22s}
.card:hover .card-foot .arrow{border-color:var(--acc)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── CTA + buttons: match /case-studies/ ── */
:root{--acc-dim:rgba(255,204,51,.06);--acc-bdr:rgba(255,204,51,.35)}
.cta{border-radius:20px;border:1px solid var(--acc-bdr);background:var(--acc-dim);padding:clamp(2rem,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:48px;margin:72px 0 120px}
.cta .copy{display:flex;flex-direction:column;gap:16px;max-width:640px}
.cta h2{font-size:clamp(28px,3.4vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.03em;margin:0;max-width:none}
.cta p{font-size:19px;line-height:1.55;color:#d4d4d4;margin:0}
.cta .acts{display:flex;flex-direction:column;gap:14px;flex-shrink:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:16px 32px;border-radius:3px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background .18s,color .18s,border-color .18s,transform .12s}
.btn svg{display:block}
.btn-primary{background:#000;color:#fff;border:1.5px solid #fff}
.btn-primary:hover{background:var(--acc);color:#000;border-color:var(--acc);transform:translateY(-1px)}
.btn-ghost{background:#0d0d0d;color:var(--acc);border:1px solid var(--bdr2);font-size:13px;min-height:48px;padding:14px 32px}
.btn-ghost:hover{border-color:var(--acc)}
@media(max-width:1000px){.cta{flex-direction:column;align-items:flex-start}.cta .acts{width:100%;flex-direction:row;flex-wrap:wrap}}
@media(max-width:640px){.cta .acts .btn{width:100%}}

/* ── "All" button in related header: match /case-studies/ .btn-sm ── */
.btn-sm{min-height:44px;padding:12px 22px;font-size:13px;color:var(--acc);border:1px solid var(--bdr2)}
.btn-sm:hover{border-color:var(--acc)}
.related .heading{align-items:flex-end;flex-wrap:wrap}

/* ── Responsive images: <picture> wrappers must not change layout ── */
picture{display:contents}
img{height:auto}
.hero img{width:100%;height:100%;object-fit:cover}
.thumbnail img{width:100%;aspect-ratio:3/2;object-fit:cover}
.attribution .logo-circle img,.attribution .firethorn-logo img{object-fit:cover;padding:0}
.catalog h1 em{font-style:normal;color:var(--acc)}

/* ── Stats band: match /case-studies/ .stats ── */
.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px;border-block:1px solid rgba(255,255,255,.1)}
.stats>div{padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.stats>div+div{border-left:1px solid rgba(255,255,255,.1)}
.stats strong{font-size:clamp(44px,5vw,64px);line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--acc)}
.stats p{font-size:16px;line-height:1.45;font-weight:300;color:#b5b5b5;max-width:260px;margin:0}
@media(max-width:640px){.stats{grid-template-columns:1fr}.stats>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.stats>div{padding:28px 16px}.stats strong{font-size:44px}.stats p{font-size:16px}}

/* ── Body sections: match /case-studies/ .body .narrow (800px column) + .blk type ── */
.study-section{max-width:736px;margin:0 auto;padding-top:56px}
.metadata+.study-section{padding-top:40px}
.study-section h2{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:16px 0}
.study-section>p{font-size:19px;line-height:1.65;color:var(--t2)}
.deliverables{display:flex;flex-direction:column;gap:14px}
.deliverables li{font-size:19px;line-height:1.55;color:var(--t2);padding:0 0 0 36px}
.deliverables li:before{color:var(--acc);font-size:20px;line-height:1.4}
.metadata{position:relative;border-bottom:0}
.metadata:after{content:'';position:absolute;left:50%;bottom:0;width:100vw;transform:translateX(-50%);border-bottom:1px solid var(--bdr)}
.cta{max-width:none}
@media(max-width:640px){.study-section h2{font-size:26px}.study-section>p,.deliverables li{font-size:17px}}

/* ── Catalog filter (tabs are buttons now) ── */
.card[hidden]{display:none}
button.tab{font-family:inherit;cursor:pointer}