/* Blog */
.bl-hero,.bl-head{background:#25282A;color:var(--w);padding:140px 0 70px;position:relative;overflow:hidden}
.bl-hero:before,.bl-head:before{content:"";position:absolute;right:-140px;top:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(236,46,38,.35),transparent 65%)}
.bl-hero .wrap,.bl-head .wrap{position:relative}
.bl-kick{color:var(--r);font-weight:600;margin-bottom:14px}.bl-hero h1,.bl-head h1{font-size:clamp(2.2rem,5.4vw,4rem);letter-spacing:-.03em;line-height:1.05;max-width:20ch}.bl-hero p:last-child{color:var(--g2);font-size:1.2rem;margin-top:18px;max-width:46ch}
.bl-list{padding:56px 0 90px}.bl-list .chips{margin-bottom:30px}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bl-card{background:var(--w);border:1.5px solid var(--g1);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.bl-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(37,40,42,.14)}
.bl-card.feat{grid-column:span 2}.bl-card[hidden]{display:none}
.bl-card{position:relative}.bl-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#25282A}.bl-thumb svg{width:100%;height:100%;display:block;transition:transform .5s}.bl-card:hover .bl-thumb svg{transform:scale(1.06)}
.bl-cat{display:inline-block;background:var(--r);color:var(--w);font-weight:600;font-size:.82rem;padding:4px 12px}.bl-card>.bl-cat{position:absolute;left:14px;top:14px;z-index:2}
.bl-bd{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.bl-bd h2{font-size:1.35rem;letter-spacing:-.02em;line-height:1.15;color:var(--k)}.bl-card.feat h2{font-size:1.8rem}.bl-bd h2 a:hover{color:var(--r)}.bl-bd p{color:var(--g3)}
.bl-meta{font-size:.9rem;color:var(--g3);font-weight:500}.bl-more{margin-top:auto;font-weight:600;color:var(--r)}.bl-more:hover{text-decoration:underline}.bl-empty{padding:40px 0;color:var(--g3)}
.bl-head .crumb{color:var(--g2);margin-bottom:22px;font-size:.95rem}.bl-head .crumb a:hover{color:var(--r)}.bl-cat.solo{margin-bottom:18px}.bl-head .bl-meta{color:var(--g2);margin-top:18px}
.bl-art{max-width:740px;margin:0 auto;padding:56px 24px 40px;font-size:1.12rem;position:relative}
.bl-art h2{font-size:1.7rem;color:var(--k);letter-spacing:-.02em;margin:38px 0 12px}.bl-art p{margin-bottom:18px;color:#3a3d40}
.bl-art ul{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:10px}.bl-art li{padding-left:24px;position:relative;color:#3a3d40}.bl-art li:before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;background:var(--r);clip-path:polygon(0 0,100% 0,100% 100%,40% 100%,40% 40%,0 40%)}
.bl-cta{margin-top:48px;padding:32px;background:var(--k);color:var(--w);border-left:6px solid var(--r)}.bl-cta h2{color:var(--w);margin:0 0 8px}.bl-cta p{color:var(--g2)}.bl-cta div{display:flex;gap:12px;flex-wrap:wrap}
.bl-prog{position:fixed;top:64px;left:0;height:3px;width:0;background:var(--r);z-index:60}
.bl-related{background:var(--g1);padding:64px 0 80px}.bl-related h2{font-size:2rem;margin-bottom:24px}.bl-relg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}
.bl-rel{background:var(--w);padding:22px;display:flex;flex-direction:column;gap:8px;border-top:4px solid var(--r);transition:transform .25s}.bl-rel:hover{transform:translateY(-5px)}.bl-rel span{color:var(--r);font-weight:600;font-size:.9rem}.bl-rel b{font-size:1.15rem;letter-spacing:-.01em;line-height:1.2}.bl-rel small{color:var(--g3)}
.wa-fixed{position:fixed;right:22px;bottom:22px;z-index:60;width:62px;height:62px;border-radius:50%;background:var(--r);display:grid;place-items:center;box-shadow:0 10px 28px rgba(236,46,38,.45);transition:transform .25s}.wa-fixed:hover{transform:scale(1.08)}
body.post .navcta,body .navcta{color:var(--w)}
.bl-head .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.bl-hart svg{width:100%;height:auto;display:block;box-shadow:0 24px 50px rgba(0,0,0,.45)}.bl-head h1{max-width:18ch}
@media(max-width:860px){.bl-head .wrap{grid-template-columns:1fr}.bl-grid,.bl-relg{grid-template-columns:1fr 1fr}.bl-card.feat{grid-column:span 2}}
@media(max-width:560px){.bl-grid,.bl-relg{grid-template-columns:1fr}.bl-card.feat{grid-column:auto}.bl-hero,.bl-head{padding:110px 0 50px}.bl-art{font-size:1.05rem}}
