.news__grid {
	display: grid;
	grid-template-columns: repeat(var(--grid-columns), 1fr);
	column-gap: var(--grid-gutter);
	row-gap: calc(var(--grid-gutter) * 3);
	position: relative;
	overflow: hidden;
	transition: opacity 0.4s var(--transition-handle);
}

.news__grid.searching {
	opacity: 0;
}

.news__filter {
	border-bottom: solid 1px currentcolor;
	position: sticky;
	top: var(--header-height);
	z-index: 10;
	background-color: var(--color-white);
	z-index: 2;
}

.news__grid__img {
	border-radius: var(--image-radius);
	line-height: 0;
	position: relative;
	overflow: hidden;
	mask-image: radial-gradient(white, black);
	width: 100%;
}

.news__grid__img > img {
	width: 100%;
	height: auto;
	transition: transform 0.6s var(--link-handle);
}

.news__grid__img + .news__grid__title {
	margin-top: var(--s-16);
}

.news__grid__title {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news__grid__text {
	margin: var(--s-12) 0;
	overflow: hidden;
	position: relative;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* .news__grid__date {
	background: rgba(var(--rgb-black), 0.1);
	border: solid 1px var(--color-white);
	position: absolute;
	top: var(--s-12);
	left: var(--s-12);
	color: var(--color-white);
	border-radius: var(--image-radius);
	padding: var(--s-07) var(--s-10);
	font-size: clamp(0.5rem, var(--s-12), 1rem);
	line-height: 1;
	z-index: 1;
} */

.news__main {
	overflow: hidden;
	position: relative;	
	width: 100%;
}

.hero--news {
	border-bottom: solid 1px currentcolor;
}

.hero--news .hero__news__column {
	align-content: space-between;
	display: grid;
	grid-template-columns: subgrid;
	grid-auto-rows: min-content;
}

.full__img__column {
	margin: 0 var(--grid-margin-negative);
}

.full__img__column .hero__img {
	aspect-ratio: 16 / 9;
	height: auto;
	position: relative;
	width: 100%;
}

.hero__date {
	margin: calc(var(--grid-margin) * 2) 0 var(--grid-margin);
}

.post__container {
	margin: 0 auto;
	position: relative;
	width: calc(calc(calc(100vw - calc(var(--grid-margin)* 2) - var(--grid-gutter)* 11) / 12)* 6 + calc(var(--grid-gutter)* 5 + var(--grid-margin)));
}

.post__container p,
.post__container li {
	font-size: clamp(1rem, var(--s-18), 1.5rem);
	line-height: 1.25;
	position: relative;
}

.post__container ul,
.post__container ol {
	margin-bottom: var(--s-24);
	padding-left: var(--grid-gutter);
}

.post__container li {
	box-sizing: border-box;
	display: list-item;
	list-style-position: outside;
	margin-bottom: var(--s-08);
}

.post__container ul > li {
	list-style-type: square;
}

.post__container ol > li {
	list-style-type: decimal;
}

.post__container li > ul {
	margin-top: var(--s-24);
}

.post__container li > ul > li {
	list-style-type: circle;
}

.post__container h2 {
	font-size: var(--s-40);
	line-height: 1;
	margin-bottom: var(--s-24);
}

.post__container h3 {
	font-size: clamp(1.25rem, var(--s-24), 2rem);
	line-height: 1.2;
	margin-bottom: var(--grid-margin);
	text-decoration-line: underline;
	text-decoration-thickness: var(--s-02);
	text-underline-offset: var(--s-04);
}

.post__container h2:not(:first-child),
.post__container h3:not(:first-child) {
	margin-top: var(--s-32);
}

.post__container a {
	color: var(--color-grey-03);
	font-weight: 600;
}

.post__container p:not(:last-child) {
	padding-bottom: clamp(calc(1rem * 1.25), calc(var(--s-18) * 1.25), calc(1.5rem * 1.25));
}

.post__container img.aligncenter {
	aspect-ratio: 16 / 9;
	height: auto;
	position: relative;
	left: calc(0px - calc(calc(calc(100vw - calc(var(--grid-margin)* 2) - var(--grid-gutter)* 11) / 12) * 3 + calc(var(--grid-gutter)* 2.5 + var(--grid-margin))));
	width: 100vw;
}

.post__container img:not(.aligncenter) {
	border-radius: var(--image-radius);
	height: auto;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.post__container img {
	margin-top: var(--s-40);
}

.post__container img + img {
	margin-top: var(--grid-margin);
}

.news__related {
	border-top: solid 1px currentcolor;
}

.news__related .news__grid {
	padding-top: 0;
}

body:not(.page--in) .news__main .masked--span ,
body:not(.page--in) .news__main .offset__label > span {
	transform: translate3d(0, 100%, 0);
}

@media (min-width: 981px) {
	
	.news__grid__item {
		grid-column: span 3;
	}
	
	.hero--news .hero__news__column,
	.hero--news .hero__main,
	.hero--news .hero__title,
	.hero--news .hero__subtitle,
	.hero--news .hero__date,
	.hero--news .tags__container,
	.full__img__column,
	.full__img__column .hero__img {
		grid-column: span calc(var(--grid-columns) / 2);
	}
	
	.hero__news__column:first-child {
		border-right: solid 1px currentcolor;	
	}
	
}

@media (max-width: 1180px) and (min-width: 681px) {
	
	.news__grid__item {
		grid-column: span 4;
	}
	
}

@media (max-width: 980px) and (min-width: 681px) and (orientation: portrait) {
	
	.post__container {
		width: calc(calc(calc(100vw - calc(var(--grid-margin)* 2) - var(--grid-gutter)* 7) / 8)* 6 + calc(var(--grid-gutter)* 5 + var(--grid-margin)))
	}
	
	.post__container img.aligncenter {
		left: calc(0px - calc(calc(calc(100vw - calc(var(--grid-margin)* 2) - var(--grid-gutter)* 7) / 8) * 1 + calc(var(--grid-gutter)* 0.5 + var(--grid-margin))));
	}

	.post__container h2 {
		font-size: var(--s-32);
		line-height: 1.15;
	}

}

@media (max-width: 980px) {
	
	.hero--news .hero__news__column,
	.hero__news .full__img__column,
	.hero--news .full__img__column .hero__img,
	.hero--news .hero__main,
	.hero--news .hero__title,
	.hero--news .hero__subtitle,
	.hero--news .hero__date,
	.hero--news .tags__container {
		grid-column: span var(--grid-columns);
	}
	
	.hero--news .full__img__column {
		border-top: solid 1px var(--color-black);
		margin: 0;
	}

	.post__container h3 {
		font-size: clamp(1.125rem, var(--s-20), 1.5rem);
		line-height: 1.25;
	}

}

@media (max-width: 680px) {
	
	.news__grid__item {
		grid-column: span 4;
	}
	
	.hero--news .hero__title,
	.hero--news .hero__date {
		padding-left: var(--grid-margin);
	}
	
	.post__container {
		box-sizing: border-box;
		padding: 0 var(--grid-margin);
		width: 100%;
	}
	
	.post__container h2 {
		font-size: var(--s-24);
		line-height: 1.2;
	}
	
	.post__container img.aligncenter {
		left: var(--grid-margin-negative)
	}

	
}

@media (hover: hover) {
	
	/* .news__grid__link:hover .news__grid__img > img {
		transform: scale(1.05);
	} */
	
	.news__grid__link:hover .news__grid__title {
		text-decoration: underline;
		text-decoration-thickness: calc(var(--s-02) / 1.5);
		text-underline-offset: 12%;
	}
	
	.post__container a:hover {
		color: var(--color-black);
		text-decoration: underline;
		text-decoration-thickness: var(--s-02);
		text-underline-offset: 12%;
	}
	
}