:root {
	--accent-color: var(--color-primary);
	--accent-border: solid var(--color-dark) 1px;
	--accent-border-radius: 0%;
}


.post {
	& article {
		grid-template-columns: 2fr 0 3fr 0 2fr;
		box-sizing: border-box;
	}
}

.mire-title-block img {
	flex-grow: 1;
  	object-fit: cover;
	max-height: initial;
}

.mire-portfolio-title {
	border: var(--border);
	border-top: 0;
	margin: 0;
	padding: var(--space-m);
	text-align: end;
}


@media screen and (width < 1200px) {
    .portfolio, .post, div.page {
        padding-inline: 0;

        & article {
            border: none;

            & * {
                padding-inline: 0;
            }

            & p, .mire-portfolio-title {
                padding-inline: var(--space-l);
            }

            & section {
                padding-inline: 0;
            }
        }
    }

    .post {
        & article {
            grid-template-columns: 1fr !important;
        }
    }

    .portfolio {
        & section {
            grid-template-columns: 1fr !important;
            box-sizing: border-box;
        }
    }

    hr.vertical-ruler {
        height: 0;
        width: calc(100% + 2 * var(--space-m));
        border: none;
        border-top: var(--border);
        margin: 0;
    }
	
	.mire-title-block{
		position: initial !important;
	}
}