@media screen and (max-width:1200px){.blog .container{padding:1rem!important}}.blog .blog-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}@media screen and (max-width:1200px){.blog .blog-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:800px){.blog .blog-list{grid-template-columns:1fr}}.blog .blog-item{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .1s ease-in-out;cursor:pointer}.blog .blog-item:hover{transform:scale(1.01)}.blog .blog-item a{padding:2rem;text-decoration:none;color:unset;display:flex;flex-direction:column;gap:1rem}.blog .blog-item .blog-image-wrapper{width:100%;aspect-ratio:16/9;object-fit:cover;position:relative}.blog .blog-item .blog-image-wrapper img{border-radius:8px;object-fit:cover}.blog .blog-item h2{font-weight:600;line-height:1.2;letter-spacing:-.5px;display:inline;font-size:1.8rem;margin:0;flex:1 1}@media screen and (max-width:1200px){.blog .blog-item h2{font-size:1.5rem}}@media screen and (max-width:800px){.blog .blog-item h2{font-size:1.2rem}}.blog .blog-item .blog-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog .blog-item .blog-tags .blog-tag{background-color:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;color:#555}@media screen and (max-width:1200px){.blog .blog-item .blog-tags .blog-tag{font-size:.8rem}}@media screen and (max-width:800px){.blog .blog-item .blog-tags .blog-tag{font-size:.75rem}}.blog .all-posts{text-decoration:none;font-weight:400;font-size:.875rem;color:hsl(220,20%,35%)}.blog .all-posts:hover{color:#000}.blog .blog-container{background-color:#fff;padding:2rem;border-radius:12px;display:flex;flex-direction:column;gap:2rem;margin-top:10px}.blog .blog-container .image-wrapper{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.blog .blog-container .image-wrapper img{border-radius:8px}.blog .blog-container .blog-title{font-weight:600;line-height:1.2;letter-spacing:-.5px;display:inline;font-size:2rem;margin:0}.blog .blog-container .blog-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog .blog-container .blog-tags .blog-tag{background-color:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;color:#555}.blog .blog-container .blog-content p{font-weight:400;line-height:1.43;color:hsl(220,20%,35%)}