main#primary { padding-top: 90px; }

/* Banner */

section.banner {
    padding-bottom: calc(var(--gap) * 1.5);
    border-bottom: 1px solid var(--grey-medium);
}

section.banner h1 {
    letter-spacing: -2px;
}

section.banner .row {
    align-items: flex-end;
}

section.banner .row * {
    margin: 0;
}

section.banner .intro {
    padding-inline: var(--gap) calc(var(--gap) * 4);
}

section.banner .intro p {
    font-size: calc(var(--body-size) * 0.9);
    line-height: 120%;
}

/* POSTS */

section.posts .row {
	row-gap:calc(var(--gap) * 2);
}

.single-container {
    padding-inline:calc(var(--gap) * 0.5);
}

.pagination-wrapper { margin-top:var(--gap); }

.pagination-wrapper ul.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.pagination-wrapper ul.page-numbers li span {
	font-sizevar(--h6);
	font-weight:600;
}

a.prev.page-numbers svg {
    rotate: 180deg;
}

/* ============================================================== RESPONSIVE STARTS HERE ============================================================== */

@media
(max-width:1024px) and (orientation:portrait){
	section.banner .row { row-gap: var(--gap); }
	section.banner .intro { padding: 0; }
	section.banner .intro p { font-size: var(--body-size); }
	section.banner .counter p { font-size: var(--small-size); }
	
	section.posts .row { row-gap: calc(var(--gap) * 1); }
	.single-container { padding-inline: calc(var(--gap) * 0.25); }
	picture.post-card--image { height: 240px; }
	.post-card--content h3 { font-size: var(--h6); }
	.post-card--content > span { min-height: 160px; display: flex; flex-direction: column; }
	.post-card--content a.btn { margin-top: 18px; }
}


@media
(max-width:520px) {
	.single-container { padding:0; }
	.post-card--content > span { min-height: unset; }
	section.posts .row { row-gap: calc(var(--gap) * 1.5); 	}
}