.blog{--body:#3c4560;--meta:#5d6580;--side:32px}:where(.blog main) :where(h1,h2,h3,p,ul){font-weight:inherit;margin:0;padding:0}.blog :where(.blog__meta,.blog__bar,.blog__date,.blog__tag,.blog__time){font-family:var(--mono);font-weight:700;font-size:var(--mono-size);letter-spacing:1.4px;text-transform:uppercase;color:var(--meta);line-height:16px}.blog__head{padding:114px var(--side) 53px;border-bottom:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.blog__head h1{font-family:var(--display);letter-spacing:-.05em;font-size:clamp(40px,6.12vw,88px);font-weight:500;line-height:max(40px,1em - 2px)}.blog__head p{width:360px;color:var(--body);font-size:17px;font-weight:400;line-height:24px}.blog__featured{padding:53px var(--side);grid-template-columns:688fr 656fr;gap:32px;display:grid}.blog__cover{background:var(--ink);height:420px;position:relative;overflow:clip}.blog__cover:after{content:"";opacity:.35;background:url(../media/featured-lines.1l6473-7znahk.png) 50% 0/1440px 250px no-repeat;width:1440px;height:150px;position:absolute;bottom:0;left:-200px}.blog__cover span{font-family:var(--display);letter-spacing:-.045em;color:var(--paper);white-space:nowrap;font-size:64px;font-weight:500;line-height:60px;position:absolute;top:72px;left:32px}.blog__featured-text{flex-direction:column;justify-content:space-between;gap:32px;padding:8px 0;display:flex}.blog__featured-text>div{flex-direction:column;gap:20px;display:flex}.blog__featured h2{font-family:var(--display);letter-spacing:-.035em;font-size:40px;font-weight:500;line-height:44px}.blog__featured-text p:not(.blog__meta){color:var(--body);font-size:17px;font-weight:400;line-height:24px}.blog__more{color:var(--cta);align-items:center;gap:10px;font-size:15px;font-weight:500;line-height:18px;text-decoration:none;display:inline-flex}.blog__more:after{content:"";background:currentColor;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M7 4l5 5-5 5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M7 4l5 5-5 5'/%3E%3C/svg%3E") 50%/contain no-repeat}.blog__posts{padding:38px var(--side) 114px;flex-direction:column;display:flex}.blog__bar{justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.blog__count{flex-shrink:0}.blog__topics{padding:24px var(--side);border-block:1px solid var(--rule);flex-wrap:wrap;gap:12px 24px;font-size:14px;line-height:22px;display:flex}.blog__topics a{color:var(--body);text-underline-offset:4px}.blog__topics a:hover{color:var(--cta)}.blog__head--topic{display:block}.blog__head--topic h1{max-width:1000px;margin:24px 0;font-size:clamp(40px,5vw,68px)}.blog__head--topic p{width:auto;max-width:680px}.blog__empty{padding:60px var(--side)}.blog__filters{flex-wrap:wrap;gap:10px 24px;display:flex}.blog__filters button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .2s}.blog__filters button:hover,.blog__filters button:focus-visible{color:var(--hot)}.blog__filters button[aria-pressed=true]{color:var(--ink)}.blog__filters button:focus-visible{outline:1px dashed var(--hot);outline-offset:4px}.blog__list{list-style:none}.blog__list li{border-top:1px solid var(--rule)}.blog__list a{color:inherit;align-items:baseline;padding:24px 0;text-decoration:none;display:flex}.blog__list a:hover h3,.blog__list a:focus-visible h3{color:var(--cta)}.blog__list li:first-child{border-top-color:var(--ink)}.blog__list li:last-child{border-bottom:1px solid var(--rule)}.blog__date,.blog__tag{flex-shrink:0;width:160px}.blog .blog__tag[data-tag=Hardware]{color:var(--hot)}.blog__list h3{font-family:var(--display);letter-spacing:-.02em;flex:1 1 0;font-size:24px;font-weight:500;line-height:30px}.blog .blog__time{text-align:right;flex-shrink:0;width:80px}.blog__load{justify-content:center;padding-top:46px;display:flex}.blog__load .btn{letter-spacing:0;cursor:pointer;padding:0 18px;line-height:18px}@media (max-width:960px){.blog{--side:16px}.blog__head{flex-direction:column;align-items:flex-start;gap:24px;padding-top:68px;padding-bottom:38px}.blog__head p{width:auto;max-width:360px}.blog__featured{grid-template-columns:1fr;gap:24px;padding-top:38px;padding-bottom:38px}.blog__cover{height:280px}.blog__cover span{font-size:40px;line-height:38px;top:32px;left:20px}.blog__featured-text{gap:24px;padding:0}.blog__featured-text>div{gap:16px}.blog__featured h2{letter-spacing:-.025em;font-size:28px;line-height:32px}.blog__posts{padding-top:24px;padding-bottom:76px}.blog__bar>span{display:none}.blog__filters{gap:12px 20px}.blog__list a{grid-template-columns:auto 1fr auto;gap:10px 16px;padding:20px 0;display:grid}.blog__date,.blog__tag{width:auto}.blog__list h3{grid-area:2/1/auto/-1;font-size:20px;line-height:26px}.blog .blog__time{width:auto}.blog__load{padding-top:32px}}.blog__news{padding:91px var(--side) 114px;border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:38px 76px;display:flex}.blog__news-intro{flex-direction:column;gap:16px;max-width:520px;display:flex}.blog__news h2{font-family:var(--display);letter-spacing:-.035em;font-size:36px;font-weight:500;line-height:40px}.blog__news-intro p{color:var(--body);font-size:17px;line-height:24px}.blog__news form{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.blog__news label{flex-direction:column;gap:8px;display:flex}.blog__news label span,.blog__news-status{font-family:var(--mono);font-weight:700;font-size:var(--mono-size);letter-spacing:1.4px;text-transform:uppercase;color:var(--meta);line-height:16px}.blog__news input{border:1px solid var(--ink);width:240px;height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:0;padding:0 14px;font-size:16px}.blog__news input:focus{outline:2px solid var(--cta);outline-offset:-1px}.blog__news-status{flex-basis:100%;margin:0}.blog__news-status.is-error{color:var(--hot)}@media (max-width:960px){.blog__news{padding:53px var(--side) 68px}.blog__news h2{font-size:28px;line-height:32px}.blog__news form,.blog__news label,.blog__news input{width:100%}}