.featured-posts {width: 100%;margin-block: 2rem;display: grid;gap: 2rem;grid-template-areas: "featured post1"
"featured post2";@media (max-width: 1024px) {grid-template-areas: "featured"
"post1"
"post2";}article > a {        text-decoration: none;display: grid;grid-template-areas: "image content";grid-template-columns: 1fr 1fr;justify-content: start;gap: 1rem;border-radius: 1rem;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease, box-shadow 0.3s ease;&:hover {transform: translateY(-2px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);}        .post-image {width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}.post-content {padding-inline-end: 1rem;padding-block: 1rem;h1.post-title,
h2.post-title,
h3.post-title {font-size: var(--title-font-size, 2em);text-decoration: underline;}}}    article:nth-of-type(1) {grid-area: featured;}@media (min-width: 1024px) {article:nth-of-type(1) > a {display: flex;height: 100%;gap: 0;flex-direction: column;.post-content {padding: 1rem;}.post-image {max-height: 50%;}}}article:nth-of-type(2) {grid-area: post1;}article:nth-of-type(3) {grid-area: post2;}}