.showcase {
  display:block;
  margin:10px 0 50px;
  padding:20px 0 0;
  border-top:1px solid #343b2b
}
.showcase-heading {
  font:700 15px Oxanium;
  letter-spacing:3px;
  color:#b8ff1f;
  display:flex;
  justify-content:space-between;
  margin-bottom:22px
}
.showcase-heading>span {
  font:10px Saira;
  letter-spacing:1px;
  color:#8d957f
}
.showcase-grid {
  display:grid;
  grid-template-columns:1.16fr 1fr 1fr;
  grid-template-rows:260px 260px;
  gap:28px 25px
}
.lead-news {
  grid-row:span 2;
  min-width:0
}
.photo {
  position:relative;
  overflow:hidden;
  border:1px solid #343b2b;
  clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
  background:#171b11
}
.lead-news .photo {
  height:100%
}
.photo img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s
}
.photo:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,#0b0d08ed,transparent 75%);
  pointer-events:none
}
.photo-copy {
  position:absolute;
  bottom:22px;
  left:22px;
  right:18px;
  z-index:1
}
.photo-copy>span {
  font:700 11px Oxanium;
  letter-spacing:2px;
  color:#b8ff1f
}
.photo-copy h2 {
  font-size:clamp(23px,2.3vw,36px);
  line-height:1.03;
  margin-top:12px;
  letter-spacing:-.7px
}
.small-news .photo {
  height:205px
}
.small-news h2 {
  font-size:clamp(19px,1.8vw,27px)
}
.small-news h3 {
  font-size:16px;
  line-height:1.2;
  text-transform:uppercase;
  margin-top:12px
}
.small-news:hover h3 {
  color:#b8ff1f
}
.showcase-grid a:hover img {
  transform:scale(1.035)
}
.more-news {
  display:flex;
  width:200px;
  justify-content:space-between;
  background:#b8ff1f;
  color:#0b0d08;
  padding:16px 23px;
  margin:38px auto 0;
  font:800 14px Oxanium;
  letter-spacing:1px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 20px) 100%,0 100%)
}
.more-news:hover {
  background:#fff
}
.news-masthead {
  margin-bottom:15px;
  border:0
}
.news-layout {
  margin-top:25px
}
@media(min-width:1450px) {
  .showcase-grid {
    grid-template-rows:290px 290px
  }
  .small-news .photo {
    height:235px
  }
  
}
@media(max-width:950px) {
  .showcase-grid {
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    gap:25px 18px
  }
  .lead-news {
    grid-column:span 2;
    grid-row:auto
  }
  .lead-news .photo {
    height:420px
  }
  .small-news .photo {
    height:210px
  }
  .photo-copy h2 {
    font-size:30px
  }
  .small-news h2 {
    font-size:23px
  }
  
}
@media(max-width:520px) {
  .showcase-heading>span {
    display:none
  }
  .lead-news .photo {
    height:430px
  }
  .small-news .photo {
    height:180px
  }
  .small-news h2 {
    font-size:19px
  }
  .photo-copy {
    left:14px;
    bottom:18px
  }
  .photo-copy>span {
    font-size:9px
  }
  .small-news h3 {
    font-size:13px
  }
  .showcase-grid {
    gap:24px 12px
  }
  .more-news {
    margin-top:28px
  }
  
}
@media(prefers-reduced-motion:reduce) {
  .photo img {
    transition:none
  }
  
}

/* Align the desktop navigation with the bottom of the logo. */
@media (min-width: 801px) {
  header {
    align-items: flex-end;
  }

  header nav {
    align-items: flex-end;
    line-height: 1;
    padding-bottom: 0;
  }
}