.article{padding:0 var(--side-padding);margin-top:30px}.article .blog-hero{width:100%;height:80vh;border-radius:var(--border-radius-large)}.article .blog-hero .hero-wrap{padding:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10%;align-items:stretch;height:100%}.article .blog-hero .hero-wrap .left{display:flex;flex-direction:column;justify-content:space-between}.article .blog-hero .hero-wrap .right{border-radius:var(--border-radius-medium)}.article .blog-hero .top .blog-title h2{display:inline-block;padding:8px 16px;border-radius:50px;font-size:1.2rem;margin:0 0 20px 0;color:var(--black-no-change);background:var(--white-no-change)}.article .blog-hero .top .article-title h1{font-size:2.4rem;line-height:1.2;color:var(--white-no-change)}.article .blog-hero .bottom{display:flex;flex-direction:row;align-items:flex-end;gap:40px}.article .blog-hero .bottom div{width:50%}.article .blog-hero .bottom .tags{font-size:18px;color:var(--grey);width:100%;text-transform:lowercase}.article .blog-hero .bottom .date{font-size:28px;color:var(--white-no-change)}.article .article-body{margin-top:60px}.article .article-body .body-wrap{display:grid;grid-template-columns:9fr 3fr}.article .article-body .body-wrap .left{font-size:20px;line-height:1.4;color:var(--grey)}.article .article-body .body-wrap .right .section-title{display:inline-block;text-transform:uppercase;border-bottom:1px solid var(--black);padding:0 0 4px 0;margin:0 0 30px 0}.article .article-body .body-wrap .right .links{display:flex;flex-direction:column}.article .article-body .body-wrap .right h2{display:inline;width:auto}.article .article-body .body-wrap .right a{color:var(--grey)}.article .pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;font-size:.8rem;margin:100px 0 30px 0}.article .pagination a{font-size:.8rem}.article .pagination .current{border-radius:50px;aspect-ratio:1/1;text-align:center;padding:14px;position:relative}.article .pagination .current:before{content:"";position:absolute;padding:10px;border-radius:50px;border:1px solid var(--black);aspect-ratio:1/1;top:50%;left:50%;transform:translate(-50%,-50%)}.article .pagination a{display:block;transition:all .2s ease-in-out;position:relative}.article .pagination a:hover{color:var(--accent)}.article .pagination .next,.article .pagination .prev{color:var(--white);background:var(--black);padding:10px 10px;border-radius:50px;transition:all .2s ease-in-out;display:flex;align-items:center}.article .pagination .next:hover,.article .pagination .prev:hover{background:var(--accent);color:var(--white)}@media screen and (max-width:767px){.article{margin-top:10px}.article .blog-hero{height:auto}.article .blog-hero .hero-wrap{grid-template-columns:1fr;grid-gap:20px;padding:20px}.article .blog-hero .hero-wrap .right{width:100%;max-width:100%;aspect-ratio:4/3;border-radius:12px}.article .blog-hero .top{margin:0}.article .blog-hero .top .article-title{margin:0 0 40px 0}.article .blog-hero .top .article-title h1{font-size:2rem;line-height:1.1}.article .blog-hero .bottom{flex-direction:column-reverse;align-items:flex-start;gap:4px}.article .blog-hero .bottom .date{font-size:2rem;margin:0 0 4px 0}.article .blog-hero .bottom .tags{font-size:1rem}.article .article-body{margin-top:20px;padding:10px}.article .article-body .body-wrap{grid-template-columns:1fr;grid-gap:60px}.article .article-body .body-wrap .right{margin-top:0}.article .pagination{margin:30px 0 30px 0}}