.Blogs__top{position:relative;background-position:50%;background-size:cover;background-repeat:no-repeat;margin:.5rem;border-radius:1.5rem;height:75vh;padding:4rem 2rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;transition:all .3s ease-in-out;overflow:hidden}@media screen and (max-width:425px){.Blogs__top{padding:2rem}}.Blogs__top:hover .Blogs__top--coverImage{scale:1.05;rotate:-1deg}.Blogs__top--coverImage{scale:1;object-fit:cover;z-index:-1;transition:all .2s ease-in-out}.Blogs__top--tags{display:flex;font-size:.7rem;flex-wrap:wrap}@media screen and (max-width:425px){.Blogs__top--tags{font-size:.6rem}}.Blogs__top--tags span{padding:.3rem .8rem;background-color:hsla(0,0%,100%,.314);border-radius:100px;color:#fff;font-weight:600;margin-right:1rem;margin-bottom:.5rem}.Blogs__top--content{display:flex;align-items:flex-start;justify-content:space-between;width:100%}@media screen and (max-width:768px){.Blogs__top--content{gap:1rem;flex-direction:column}}.Blogs__top--title{flex:1;display:flex;flex-direction:column;gap:.5rem;max-width:60rem}.Blogs__top--title h1{font-size:2.2rem;font-weight:600;color:#fff;line-height:110%}@media screen and (max-width:425px){.Blogs__top--title h1{font-size:1.7rem}}.Blogs__top--title p{font-size:1rem;color:#f6f6f6;font-weight:500}.Blogs__top--desc{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}@media screen and (max-width:768px){.Blogs__top--desc{align-items:flex-start}}.Blogs__top--author{gap:1rem;font-size:.9rem;color:#fff}.Blogs__top--author,.Blogs__top--info{display:flex;align-items:center;font-weight:600}.Blogs__top--info{gap:.2rem;font-size:.8rem;color:#f6f6f6}.Blogs__grid{display:grid;grid-template-columns:repeat(3,1fr);margin:5rem 4rem 0;gap:2rem}@media screen and (max-width:1280px){.Blogs__grid{margin:5rem 2rem 0;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.Blogs__grid{margin:5rem 1rem 0;grid-template-columns:repeat(1,1fr)}}.Blogs__blogDisplay{display:flex;flex-direction:column;justify-content:flex-start;position:relative}.Blogs__blogDisplay:hover .Blogs__blogDisplay--image img{scale:1.05;rotate:-1deg}.Blogs__blogDisplay--tags{display:flex;font-size:.7rem;width:calc(100% - 2rem);z-index:1;position:absolute;top:1rem;left:1rem;flex-wrap:wrap}@media screen and (max-width:425px){.Blogs__blogDisplay--tags{font-size:.6rem}}.Blogs__blogDisplay--tags span{padding:.3rem .8rem;background-color:hsla(0,0%,100%,.314);border-radius:100px;color:#fff;font-weight:600;margin-right:1rem;margin-bottom:.5rem}.Blogs__blogDisplay--image{overflow:hidden;aspect-ratio:4/2.5;position:relative;width:100%;border-radius:.75rem}.Blogs__blogDisplay--image img{transition:all .2s ease-in-out;object-fit:cover}.Blogs__blogDisplay--info{height:min-content;margin:.3rem 0;display:flex;align-items:center;gap:.2rem;font-size:.8rem;font-weight:600;color:#999}.Blogs__blogDisplay h1{font-size:1.5rem;font-weight:600;color:#000;line-height:100%;margin:0 0 .75rem}@media screen and (max-width:425px){.Blogs__blogDisplay h1{font-size:1.2rem}}.Blogs__blogDisplay p{margin-bottom:.75rem;font-size:.9rem}.Blogs__blogDisplay--author{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#000}.Blog{min-height:100vh;width:100%;position:relative;margin:15vh auto 0}@media screen and (max-width:1400px){.Blog{padding:0 2rem}}@media screen and (max-width:768px){.Blog{padding:0 1rem}}.Blog__header{max-width:1400px;margin:0 auto}.Blog__header--back{display:flex;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;text-transform:uppercase;color:#999;gap:.2rem}.Blog__header--back p{text-wrap:nowrap}.Blog__tags{display:flex;font-size:.7rem;width:100%;position:relative;flex-wrap:wrap}@media screen and (max-width:425px){.Blog__tags{font-size:.6rem}}.Blog__tags span{border-radius:100px;color:#000;font-weight:600;margin-right:1rem;text-transform:uppercase}.Blog__title{font-size:4rem;letter-spacing:-.04em;font-weight:500;line-height:130%;margin-bottom:3rem}@media screen and (max-width:1000px){.Blog__title{margin-bottom:1rem}}@media screen and (max-width:768px){.Blog__title{font-size:2.5rem}}.Blog__coverImage{position:relative;width:100%;height:60vh}.Blog__coverImage img{object-fit:cover}.Blog__desc{display:flex;width:100%;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}@media screen and (max-width:1000px){.Blog__desc{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}}.Blog__desc--info{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#999}.Blog__desc--info p{font-size:.8rem}.Blog__desc--text{color:#626262;max-width:35rem;font-size:.9rem}@media screen and (max-width:768px){.Blog__desc--text{max-width:100%}}.Blog__content{width:100%;max-width:1400px;display:flex;gap:2rem;margin:3rem auto 0}.Blog__content--post{flex:1;width:100%}.Blog__content--post h1{font-size:2.2rem;font-weight:500;margin-top:1rem;margin-bottom:.6rem}@media screen and (max-width:768px){.Blog__content--post h1{font-size:1.8rem}}.Blog__content--post h2{font-size:1.8rem;font-weight:500;margin-top:1rem;margin-bottom:.4rem}@media screen and (max-width:768px){.Blog__content--post h2{font-size:1.5rem}}.Blog__content--post h3{font-size:1.5rem;font-weight:500;margin-top:.6rem;margin-bottom:.2rem}@media screen and (max-width:768px){.Blog__content--post h3{font-size:1.2rem}}.Blog__content--post a{text-decoration:underline}.Blog__content--post hr{margin-top:2rem;margin-bottom:2rem;height:1.25px;border:none;border-radius:100px;background-color:hsla(0,0%,60%,.376)}.Blog__content--post ol{margin:.5rem 0}.Blog__content--post ol li{list-style:lower-greek;margin-left:2rem;margin-bottom:.2rem}.Blog__content--post ul{margin:.5rem 0}.Blog__content--post ul li{list-style:disc;margin-left:2rem;margin-bottom:.2rem}.Blog__content--post pre{padding:1.3rem 1.4rem;border-radius:1rem;background-color:#ebebe8;font-size:.9rem;margin:2rem 0}@media screen and (max-width:768px){.Blog__content--post pre{font-size:.8rem}}.Blog__content--post pre code{text-wrap:wrap}.Blog__content--post img{border-radius:1rem;margin-bottom:2rem}.Blog__content--post p{font-size:1rem;line-height:200%}.Blog__content--toc{max-width:300px;width:100%;position:relative;display:flex;flex-direction:column;gap:.45rem;height:fit-content;top:7.5rem;position:sticky}@media screen and (max-width:768px){.Blog__content--toc{display:none}}.Blog__content--toc p{font-size:.9rem;font-weight:600;margin-bottom:.2rem;color:#000}.Blog__content--toc a{font-size:.85rem;font-weight:500;color:#999;transition:all .2s ease-in-out}.Blog__content--toc a:hover{color:#6d6d6d}