.blog-list{padding-top:170px}.page-heading{text-align:center;justify-items:center;gap:18px;margin-bottom:64px;display:grid}.page-heading h1{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1}.blog-list .blog-grid{grid-template-rows:none}.article{padding:170px 0 40px}.article-frame{border:1px solid var(--line);padding:40px 28px 28px;position:relative}.article-frame:after{background:var(--text);content:"";width:6px;height:6px;position:absolute;top:-3px;right:-3px}.article-head{text-align:center;justify-items:center;gap:20px;margin-bottom:40px;display:grid}.article-meta{color:var(--muted);font-size:13px}.article-head h1{letter-spacing:-.04em;text-transform:uppercase;max-width:1000px;margin:0;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.04}.article-cover{background:var(--surface);width:100%;height:clamp(240px,34vw,480px);position:relative;overflow:hidden}.article-cover img{object-fit:cover}.article-body{max-width:950px;margin:44px auto 24px}.article-lead{color:var(--text);margin:0 0 24px;font-size:17px;font-weight:600;line-height:1.45}.article-body h2{letter-spacing:-.01em;margin:32px 0 12px;font-size:19px;font-weight:600}.article-body p{margin:0 0 14px;font-size:15px;line-height:1.55}.article-body ul{color:var(--muted);margin:0 0 14px;padding-left:20px;font-size:15px;line-height:1.55}.article-body li{margin-bottom:8px}@media (max-width:820px){.blog-list{padding-top:132px}.page-heading{margin-bottom:32px}.page-heading h1{font-size:32px}.article{padding:132px 0 20px}.article-frame{padding:24px 16px 16px}.article-head{gap:14px;margin-bottom:24px}.article-head h1{font-size:32px}.article-body{margin-top:28px}.article-lead{font-size:16px}}