.featured .blog {
  display: grid;
  grid-template-areas: "Title Title" "Leading Extra";
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.featured .blog > .page-header {
  grid-area: Title;
  width: 100%;
  border-bottom: 1px silver solid;
}
.featured .blog > .page-header h1 {
  color: var(--color-primary);
  font-weight: bold;
}
.featured .blog .blog-items {
  display: contents;
}
.featured .blog .items-leading {
  grid-column: 1;
  grid-row: 1;
  overflow: hidden;
  aspect-ratio: 1/1;
  grid-area: Leading;
}
.featured .blog .items-leading .blog-item {
  position: relative;
  height: 100%;
  margin-bottom: 0;
}
.featured .blog .items-leading .blog-item figure {
  margin: 0;
  height: 100%;
}
.featured .blog .items-leading .blog-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.featured .blog .items-leading .blog-item .item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: color-mix(in srgb, var(--color-accent) 90%, transparent);
  padding: 1rem;
}
.featured .blog .items-leading .blog-item .item-content .page-header h2 {
  display: block;
}
.featured .blog .items-leading .blog-item .item-content .page-header h2 a {
  color: white;
  text-decoration: none;
}
.featured .blog .items-leading .blog-item .item-content p,
.featured .blog .items-leading .blog-item .item-content h1,
.featured .blog .items-leading .blog-item .item-content h2,
.featured .blog .items-leading .blog-item .item-content h3,
.featured .blog .items-leading .blog-item .item-content ul,
.featured .blog .items-leading .blog-item .item-content ol,
.featured .blog .items-leading .blog-item .item-content div:not(.page-header) {
  display: none;
}
.featured .blog .masonry-2 {
  grid-column: 2;
  grid-row: 1;
  grid-area: Extra;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1rem;
  align-items: start;
}
.featured .blog .masonry-2 .blog-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-bottom: 0;
}
.featured .blog .masonry-2 .blog-item figure {
  overflow: hidden;
  margin: 0;
  flex-shrink: 0;
  aspect-ratio: 16/9;
}
.featured .blog .masonry-2 .blog-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.featured .blog .masonry-2 .blog-item .item-content {
  flex-shrink: 0;
  padding: var(--spacing-sm);
}
.featured .blog .masonry-2 .blog-item .item-content .page-header h2 {
  margin-top: var(--spacing-md);
  font-size: var(--h5-size);
}
.featured .blog .masonry-2 .blog-item .item-content p,
.featured .blog .masonry-2 .blog-item .item-content ul,
.featured .blog .masonry-2 .blog-item .item-content ol,
.featured .blog .masonry-2 .blog-item .item-content div:not(.page-header) {
  display: none;
}