/* Blog post hero v2 — extracted from /backlinks-sources/ reference design */

:root{--v-900:#3B1D8F;--v-800:#4C1D95;--v-700:#5B21B6;--v-600:#7C3AED;--v-500:#8B5CF6;--v-400:#A78BFA;--v-300:#C4B5FD;--v-200:#DDD6FE;--v-100:#EDE9FE;--v-50:#F5F3FF;
--ink:#171426;--ink-2:#4B4663;--ink-3:#8B86A3;--line:#E9E6F5;--line-2:#F0EDFA;--bg:#FFFFFF;--bg-soft:#FAF9FE;--green:#10B981;--green-l:#ECFDF5;--red:#EF4444;--red-l:#FEF2F2;--amber:#F59E0B;
--grad:linear-gradient(135deg,#7C3AED,#5B21B6);--sh:0 10px 34px rgba(91,33,182,.10);--sh-sm:0 4px 16px rgba(91,33,182,.08)}
.lbart h1,.lbart h2,.lbart h3,.lbart h4{line-height:1.22;letter-spacing:-.015em}
.lbart .hero{background:linear-gradient(180deg,#FBFAFF, #F3F0FC 90%,#fff);border-bottom:1px solid var(--line-2)}
.lbart .hero .wrap{padding:46px 24px 54px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.lbart .crumbs{font-size:13px;color:var(--ink-3);margin-bottom:16px}
.lbart .crumbs a{color:var(--ink-3);text-decoration:underline;text-underline-offset:2px}
.lbart .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--v-700);background:#fff;border:1px solid var(--v-200);padding:7px 14px;border-radius:999px;margin-bottom:18px}
.lbart .hero h1{font-size:clamp(30px,4vw,46px);font-weight:800;margin-bottom:18px}
.lbart .hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lbart .hero .lede{font-size:18px;color:var(--ink-2);max-width:56ch;margin-bottom:24px}
.lbart .bylines{display:flex;gap:14px;flex-wrap:wrap}
.lbart .byline{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 16px 10px 10px;box-shadow:var(--sh-sm)}
.lbart .byline img{width:46px;height:46px;border-radius:12px;object-fit:cover;object-position:top;background:radial-gradient(70% 70% at 50% 30%,#EDE9FE,#F5F3FF)}
.lbart .byline .t{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.lbart .byline .n{font-size:14.5px;font-weight:700;color:var(--ink)}
.lbart .byline .r{font-size:12px;color:var(--ink-3)}
.lbart .heroviz{filter:drop-shadow(0 24px 40px rgba(91,33,182,.16))}
.lbart .heroviz svg{width:100%;height:auto;display:block}
@media(max-width:920px){
.lbart .hero .wrap{grid-template-columns:1fr}
.lbart .heroviz{max-width:520px;margin:0 auto}
}
.lbart{font-family:'DM Sans','Inter',system-ui,sans-serif;color:var(--ink)}
.lbart .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.lbart .hero .wrap{padding:46px 24px 54px}