.cf-news{height:420vh}

.cf-news__grid{
  left:5vw;
  right:5vw;
  top:53%;
  bottom:auto;
  height:78svh;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:minmax(0,1.30fr) minmax(0,.80fr);
  column-gap:.8rem;
  row-gap:4.4vh;
  align-content:stretch;
  transform:translateY(-50%);
}

.cf-news__grid::before{
  content:"NEWS";
  position:absolute;
  left:2vw;
  top:-9vh;
  z-index:18;
  color:var(--cf-red);
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.cf-news__main{
  grid-column:1/-1;
  grid-row:1;
  width:90%;
  min-height:0;
  justify-self:center;
  align-self:stretch;
}

.cf-news__main .cf-news__image{
  width:100%;
  height:35vh;
  max-height:35vh;
  aspect-ratio:auto;
}

.cf-news__main .cf-news__copy{margin-top:-6.6vh}

.cf-news__copy h2{
  font-size:clamp(2.55rem,10.7vw,4.8rem);
  line-height:1.06;
}

.cf-news__copy p{
  max-width:31rem;
  margin-top:.75rem;
  color:rgba(255,255,255,.70);
  font-size:clamp(.78rem,2.9vw,.98rem);
  line-height:1.64;
}

.cf-news__title-link,
.cf-news__readmore{
  display:inline-block;
  scale:1;
  transform-origin:left center;
  transition:scale .2s var(--cf-ease),color .2s ease,text-shadow .2s ease;
}

.cf-news__title-link.is-pointer-hover{scale:1.035}
.cf-news__readmore.is-pointer-hover{scale:1.045}

.cf-news__small{
  display:flex;
  min-width:0;
  min-height:0;
  flex-direction:column;
  align-self:stretch;
  gap:0;
}

.cf-news__small--a{grid-column:1;grid-row:2}
.cf-news__small--b{grid-column:2;grid-row:2}
.cf-news__small--no-image{display:flex;align-items:stretch}

.cf-news__small .cf-news__image{
  width:100%;
  height:17vh;
  min-height:0;
  max-height:17vh;
  aspect-ratio:auto;
}

.cf-news__small>div{
  position:relative;
  z-index:24;
  margin-top:-4.1vh;
  text-shadow:0 .12rem .85rem rgba(0,0,0,.82);
}

.cf-news__small h3{
  font-size:clamp(1.20rem,5.1vw,2rem);
  line-height:1.10;
}

.cf-news__small .cf-news__readmore{font-size:.57rem;margin-top:.55rem}
.cf-news__small time{font-size:.56rem}

.cf-news__grid--count-1{grid-template-columns:1fr;grid-template-rows:1fr}
.cf-news__grid--count-1 .cf-news__main{display:flex;width:90%;margin:0 auto}
.cf-news__grid--count-1 .cf-news__copy{padding-top:0}
.cf-news__grid--count-2{grid-template-columns:1fr;grid-template-rows:1.25fr .9fr}
.cf-news__grid--count-2 .cf-news__main{grid-column:1;grid-row:1}
.cf-news__grid--count-2 .cf-news__small--a{grid-column:1;grid-row:2;width:55%;justify-self:center}

@media(max-width:420px){
  .cf-news__grid{
    left:4.5vw;
    right:4.5vw;
    top:53.5%;
    height:77svh;
    column-gap:.6rem;
    row-gap:4vh;
  }
  .cf-news__grid::before{top:-8.5vh}
  .cf-news__main .cf-news__image{height:33vh;max-height:33vh}
  .cf-news__small .cf-news__image{height:15.5vh;max-height:15.5vh}
  .cf-news__copy h2{font-size:clamp(2.25rem,10.5vw,3.7rem);line-height:1.07}
  .cf-news__copy p{font-size:clamp(.77rem,3.05vw,.93rem);line-height:1.62}
  .cf-news__small h3{font-size:clamp(1.02rem,4.7vw,1.55rem);line-height:1.10}
}