#blog-feed .blog-feed-title{font-size:var(--h5)}#blog-feed .grow{padding-top:var(--s-1)}#blog-feed .blog-feed-item img{border-color:oklch(from var(--coolblue) var(--l700) c h);border-radius:var(--s-1)}#blog-feed .blog-feed-date{color:oklch(from var(--coolblue) var(--l500) c h)}@media (min-width:768px){#blog-feed .blog-feed-item:first-of-type{background-color:oklch(from var(--coolblue) var(--l700) c h);border-radius:var(--s-1);color:#fff;grid-column:1/span 2;img{background-color:oklch(from var(--coolblue) var(--l700) c h);border-radius:0}.grow{padding:var(--s-3)}.blog-feed-title{font-size:var(--h3)}&:hover,.blog-feed-date{color:#fff}}}@media (min-width:1024px){#blog-feed .blog-feed-item:first-of-type{display:grid;grid-column:1/span 4;grid-template-columns:repeat(2,1fr);img{grid-column:2}.grow,img{grid-row:1}.grow{grid-column:1}}}@media (min-width:1280px){#blog-feed .blog-feed-item:first-of-type .blog-feed-title{font-size:var(--h2)}}