.article-main{display:flex;width:100%;align-items:center;flex-direction:column;margin-top:var(--navbar-height)}.article-wrapper{max-width:1000px;padding:4rem;display:flex;flex-direction:column;gap:2rem}.article-header{display:flex;flex-direction:column;gap:1rem}.article-infos{display:flex;justify-content:space-between;align-items:center}.article-categorie{width:fit-content;color:var(--white);background-color:var(--card-bg);border-radius:100vmax;font: var(--f-t-m);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem}.article-title{font: var(--f-h-h4);color:var(--white)}.article-date{font: var(--f-t-m);color:var(--neutral-400)}.article-coverimage{width:100%;height:auto;aspect-ratio: 16 / 9;object-fit:cover;border-radius:1rem}.back-button{display:flex;align-items:center;gap:.5rem;color:var(--white);font: var(--f-t-m);text-decoration:none;opacity:.8;transition:var(--t200)}.back-button:hover{opacity:1;transition:var(--t200)}.back-button-svg{width:1.25rem;height:1.25rem;fill:var(--white)}.article-content{font: var(--f-t-m);color:var(--white);line-height:1.5}.article-content img{width:100%;height:auto;aspect-ratio: 16 / 9;object-fit:cover;border-radius:1rem;margin-top:1rem;margin-bottom:1rem}.article-content h2{font: var(--f-h-h4);color:var(--white);margin-top:2rem;margin-bottom:.8rem}.article-content h3{font: var(--f-h-h5);color:var(--white);margin-top:1.5rem;margin-bottom:.8rem}.article-content h4{font: var(--f-h-h6);color:var(--white);margin-bottom:.5rem;font-weight:600;font-size:1.5rem}.article-content p{font: var(--f-t-xl);line-height:1.6;color:var(--neutral-300)}.article-content a{font: var(--f-t-xl);line-height:1.6;color:var(--primary-500)}.article-content a:hover{color:var(--primary-400)}.article-content img{width:100%;height:auto;aspect-ratio: 16 / 9;object-fit:cover;border-radius:1rem}.article-content ul,.article-content ol{list-style:disc;padding-left:2rem;font: var(--f-t-xl);line-height:1.6;color:var(--neutral-300)}iframe{background-color:var(--neutral-900);border-radius:1rem;width:100%;padding:1rem}.article-cta{display:flex;background-color:var(--card-bg);backdrop-filter:var(--blur-32);border:1px solid var(--neutral-800);border-radius:1rem;overflow:hidden}.article-cta-img-container{width:375px;position:relative;overflow:hidden}.article-cta-img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}.article-cta-text-wrapper{display:flex;padding:3rem;flex-direction:column;gap:2rem;align-items:flex-start}.article-cta-text-container{display:flex;flex-direction:column;gap:1rem}.article-cta-title{font: var(--f-h-h5)}.article-cta-text{font: var(--f-t-m);color:var(--white)}.blog-section{display:flex;padding:4rem 4rem;padding-top: calc(var(--navbar-height) + 4rem);flex-direction:column;gap:4rem}.blog-heading{display:flex;justify-content:space-between;align-items:center;gap:4rem}.blog-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:4rem}.blog-item{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.blog-item:hover .blog-item-image{transform:scale(1.05)}.blog-item:hover .blog-item-title{color:var(--primary-500)}.blog-item-image-container{align-self:stretch;width:100%;aspect-ratio: 16 / 9;position:relative;border-radius:.5rem;overflow:hidden}.blog-item-image{aspect-ratio: 16 / 9;position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;transform-origin:center;transition:var(--t300)}.blog-item-content{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.blog-item-tag-container{display:flex;align-items:center;gap:.5rem}.blog-item-tag{font: var(--f-t-m);color:var(--neutral-300)}.blog-item-title{font: var(--f-t-2xl);color:var(--white);transition:var(--t300)}@media (max-width:768px){.article-wrapper{padding:2rem}.article-title{font: var(--f-h-h5)}.article-content h2{font: var(--f-h-h5)}.article-content h3{font: var(--f-h-h6)}.article-content h3{font-size:1.25rem}.article-content p,a{font: var(--f-t-m);line-height:1.6}.article-content img{border-radius:.5rem}.article-coverimage{border-radius:.5rem}.blog-section{padding:4rem 2rem;padding-top: calc(var(--navbar-height) + 4rem)}.blog-heading{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem}.blog-wrapper{display:grid;grid-template-columns:repeat(2,1fr)}.blog-item-image-container{height:auto}.blog-item-tag{font: var(--f-t-s)}.blog-item-title{font: var(--f-t-xl)}.blog-wrapper{grid-template-columns:repeat(1,1fr)}}