#blog{background-color:hsl(0,0%,99%)}@media screen and (max-width:1200px){.blog .container{padding:1rem!important}}.blog .blog-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3rem;gap:3rem}@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{transition:transform .1s ease-in-out;cursor:pointer;margin-bottom:2rem}.blog .blog-item:hover a h2{text-decoration:underline}.blog .blog-item a{text-decoration:none;color:unset;display:flex;flex-direction:column;gap:1rem;height:100%}.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-top-left-radius:8px;border-top-right-radius:8px;object-fit:cover}.blog .blog-item .date{font-size:.875rem;color:hsl(220,20%,35%);font-weight:400;letter-spacing:-.05em}.blog .blog-item .author{display:flex;align-items:center;gap:.5rem;font-weight:500}.blog .blog-item .author img{border-radius:50%;object-fit:cover}.blog .blog-item h2{font-weight:500;line-height:1.2;letter-spacing:-.05em;display:inline;font-size:1.8rem;margin:0;flex:1 1;padding-right:1.5rem}@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 .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{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;object-fit:cover}.blog .blog-container .blog-title{font-weight:700;line-height:1.2;letter-spacing:-.05em;display:inline;font-size:3.5rem;margin:2rem 0 0}.blog .blog-container .date{font-size:.875rem;color:hsl(220,20%,35%);font-weight:400;letter-spacing:-.05em}.blog .blog-container .author{display:flex;align-items:center;gap:.7rem;font-weight:500;font-size:1.2rem}.blog .blog-container .author img{border-radius:50%;object-fit:cover}.blog .blog-container .blog-content{padding-inline:5rem}.blog .blog-container .blog-content p{font-weight:400;line-height:2;color:hsl(220,20%,35%)}