/* Blog MAXTORQ */
.bmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute,#9a9a96)}
.bmeta b{color:var(--fg,#fff);font-weight:600}
.bmeta i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}
.bfeat{display:grid;grid-template-columns:1.35fr 1fr;gap:0;border:1px solid var(--line);margin-bottom:28px;overflow:hidden;background:var(--card,#111)}
.bfeat__img,.bcard__img{display:block;overflow:hidden;position:relative}
.bfeat__img img,.bcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.bfeat>*{min-width:0}
.bfeat__img{min-height:440px}
.bfeat__img img{position:absolute;inset:0}
.bfeat:hover img,.bcard:hover img{transform:scale(1.04)}
.bfeat__b{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:44px}
.bfeat__tag{align-self:flex-start;font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);padding:6px 10px}
.bfeat h2{font-family:'Archivo';font-weight:900;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.01em}
.bfeat p{color:var(--mute,#a5a5a0);line-height:1.6;font-size:16px}
.bfeat em{font-style:normal;align-self:flex-start}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.bcard{display:flex;flex-direction:column;gap:14px}
.bcard__img{aspect-ratio:16/10;border:1px solid var(--line);margin-bottom:6px}
.bcard h3{font-family:'Archivo';font-weight:800;font-size:21px;line-height:1.2}
.bcard p{color:var(--mute,#a5a5a0);line-height:1.55;font-size:14.5px}
.bcard em{font-style:normal;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-top:auto}
.bcard:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
/* wpis */
.bprog{position:fixed;left:0;right:0;top:var(--nav-h,110px);height:3px;z-index:400;pointer-events:none}
.bprog i{display:block;height:100%;background:var(--fg,#fff);transform-origin:0 50%;transform:scaleX(0)}
.bhero{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;padding-top:var(--nav-h,110px)}
.bhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.35) 0%,rgba(10,10,10,.55) 45%,#0a0a0a 100%)}
.bhero__in{position:relative;z-index:1;padding-bottom:64px;max-width:900px;display:flex;flex-direction:column;gap:20px;color:#fff}
.bhero__in .bmeta,.bhero__in .bmeta b{color:#fff}
.bhero h1{font-family:'Archivo';font-weight:900;font-size:clamp(36px,5.4vw,72px);line-height:1;letter-spacing:-.02em}
.bhero p{font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:rgba(255,255,255,.82);max-width:680px}
.bback{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.bback:hover{color:#fff}
.barticle{display:grid;grid-template-columns:220px minmax(0,700px);gap:72px;justify-content:center;padding-top:64px;padding-bottom:40px}
.btoc{position:sticky;top:calc(var(--nav-h,110px) + 24px);align-self:start;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line);padding-left:18px}
.btoc b{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;color:var(--mute,#9a9a96)}
.btoc a{font-size:13.5px;line-height:1.4;padding:7px 0;color:var(--mute,#9a9a96);transition:color .2s,transform .2s}
.btoc a:hover,.btoc a.on{color:var(--fg,#fff)}
.btoc a.on{transform:translateX(4px)}
.btoc__share button{margin-top:18px;font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);padding:9px 12px;color:inherit}
.bbody{font-size:18px;line-height:1.75}
.bbody>p{margin:0 0 1.35em;color:var(--fg2,#dcdcd8)}
.bbody>p:first-child{font-size:21px;line-height:1.6;color:var(--fg,#fff)}
.bbody>p:first-child::first-letter{float:left;font-family:'Archivo';font-weight:900;font-size:4.2em;line-height:.82;margin:.06em .12em 0 0}
.bbody h2{font-family:'Archivo';font-weight:900;font-size:clamp(24px,2.4vw,32px);line-height:1.15;margin:2em 0 .7em;scroll-margin-top:calc(var(--nav-h,110px) + 20px)}
.bbody b{color:var(--fg,#fff)}
.bbody a{text-decoration:underline;text-underline-offset:3px}
.bquote{margin:2.2em 0;padding:8px 0 8px 28px;border-left:3px solid var(--fg,#fff)}
.bquote p{font-family:'Archivo';font-weight:800;font-size:clamp(22px,2.2vw,28px);line-height:1.3;letter-spacing:-.005em}
.bcall{margin:2em 0;padding:24px 26px;border:1px solid var(--line);background:var(--card,#121212)}
.bcall b{display:block;font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;color:var(--mute,#9a9a96)}
.bcall p{margin:0;font-size:16.5px;line-height:1.6}
.blist{list-style:none;margin:1.6em 0;padding:0;border-top:1px solid var(--line);counter-reset:bl}
.blist li{counter-increment:bl;display:flex;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16.5px}
.blist li::before{content:counter(bl,decimal-leading-zero);font-family:'JetBrains Mono';font-size:12px;color:var(--mute,#9a9a96);padding-top:4px}
.bauthor{display:flex;align-items:center;gap:16px;margin-top:3em;padding-top:24px;border-top:1px solid var(--line)}
.bauthor img{height:22px;width:auto}
.bauthor b{display:block;font-size:15px}.bauthor span{font-size:13px;color:var(--mute,#9a9a96)}
.brel{border-top:1px solid var(--line)}
.brel h2{margin-bottom:32px}
@media (max-width:960px){.bfeat{grid-template-columns:1fr}.bfeat__img{min-height:0;aspect-ratio:16/10}.bfeat__b{padding:28px}.bgrid{grid-template-columns:1fr 1fr}.barticle{grid-template-columns:1fr;gap:28px}.btoc{position:static;display:none}}
@media (max-width:600px){.bgrid{grid-template-columns:1fr}.bbody{font-size:17px}.bhero{min-height:64vh}}
