.content–featured {

background-color: var(--dva-primary-base);
-webkit-clip-path: polygon(50% 5%, 100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
clip-path: polygon(50% 5%, 100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
color: var(--meka-body);
padding: var(--spacing-6) var(--spacing-3) 0 var(--spacing-3);

}

.content__header {

color: var(--meka-body);
font-size: var(--section-header);
font-weight: 700;
grid-row: 1;
margin-bottom: var(--spacing-3);
text-align: center;

}

.content__listing {

display: grid;
grid-gap: var(--spacing-3);
grid-row: 2;
grid-template-columns: repeat(3, 1fr);
margin-bottom: calc(-1*var(--spacing-2));

}

.content__listing__item {

border-radius: 4px;
min-height: 480px;
overflow: hidden;
padding: var(--spacing-4);
position: relative;
transition: all 200ms ease-in-out;
transform: translateY(10px);
will-change: transform;
z-index: 500;

}

.content__listing__item:hover {

transform: translateY(-8px);
transform: scale(1.025);

}

.content__listing__year, .content__listing__title, .content__listing__tags {

color: var(--meka-body);

}

.content__listing__year {

font-size: var(--font-size-1);

}

.content__listing__title {

font-size: var(--font-size-4);
font-weight: 700;
transition: color 150ms ease-in;

}

.content__listing__title:hover {

color: var(--meka-body);

}

.content__listing__tags {

font-size: var(--font-size-1);

}

.content__listing__overlay {

background-color: var(--dva-secondary-dark);
opacity: 0.5;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -100;

}

.layout-post .content {

max-width: 960px;
margin: 0 auto;

}

.content h1, .content h2 {

font-weight: 700;
margin-bottom: var(--spacing-3);

}

.content h1 {

font-size: var(--font-size-6);

}

.content h2 {

font-size: var(--font-size-4);

}

.content p {

line-height: 1.8;

}

.content p:not(:last-child), .content img:not(last-child) {

margin-bottom: var(--spacing-3);

}