.jc--news-grid {
align-items: start;
display: grid;
grid-template-columns: repeat( auto-fit, minmax( min( 100%, max( 320px, calc( (100% - 3em) / 3 ) ) ), 1fr ) );
gap:2.2em 1.5em;
}
.jc--news-grid article {
position: relative;
}
.jc--news-header {
position: relative;
}
.jc--news-picture {
background-color: #F5F6F8;
border-radius: 7px 7px 0 0;
display: block;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.jc--news-image {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
object-fit: cover;
transform: translate(-50%,-50%);
}
.jc--news-image.is--placeholder {
height: 70%;
width: 70%;
object-fit: contain;
}
.jc--news-date {
color: #FFF;
bottom: 0;
left: 0;
line-height: 1;
margin: 0;
padding: 0.5em;
position: absolute;
width: 100%;
}
.jc--news-picture::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
}
.jc--news-grid article:first-child .jc--news-date {
padding: 1em;
}
.jc--news-content {
border-radius: 0 0 7px 7px;
font-size: 0.88rem;
padding: 1.33em 0;
}
.jc--news-headline {
line-height: 1.3;
margin-top: 0;
}
.jc--news-excerpt {
line-height: 1.225;
margin: 0 0 0.2em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.jc--news-link::after {
content:"";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
} .splide .jc--news-headline {
font-size: 1rem;
}
.splide .jc--news-excerpt,
.splide .jc--news-date,
.splide .jc--news-link {
font-size: 0.88rem;
}
.splide .jc--news-date {
padding: 0.5em 0.88em;
}
.index-news-slider {
padding-bottom: 2rem;
}
.index-news-slider .splide__arrow {
background-color: #FFF;
border: 0;
border-radius: 0;
color: #9b9b9b;
padding: 0;
height: 45px;
width: 45px;
position: absolute;
top: 200px;
transition: opacity 0.2s ease-in-out;
}
.index-news-slider .splide__arrow:disabled {
opacity: 0;
}
.index-news-slider .splide__arrow--prev {
right: calc(100% + 30px);
}
.index-news-slider .splide__arrow--next {
left: calc(100% + 30px);
}
.index-news-slider .splide__arrow svg {
display: block; 
fill: currentColor;
height: 100%;
width: 100%;
}
.splide__arrow--prev svg {
transform: scale(-1);
}
@media screen and (min-width: 768px ) {
.jc--news-grid article:first-child {
grid-column: span 2;
}
article:not(:first-child) .jc--news-headline {
font-size: 1rem;
}
article:not(:first-child) .jc--news-excerpt,
article .jc--news-date,
article:not(:first-child) .jc--news-link {
font-size: 0.88rem;
}
}
@media screen and (min-width: 1048px ) {
.jc--news-grid article:first-child + article {
align-self: flex-end;
}
}
@media screen and (max-width:600px) {
.index-news-slider {
margin: 0 -20px;
}
}