.detail-hero-news{background:#0b1d2e}
.detail-hero-news .detail-hero-media{
  background:
    radial-gradient(58% 76% at 88% 4%,rgba(199,163,79,.22),transparent 62%),
    radial-gradient(46% 62% at 6% 96%,rgba(199,163,79,.1),transparent 60%),
    linear-gradient(160deg,#12293f 0%,#0b1d2e 52%,#081726 100%)}

.detail-hero-news .detail-hero-media::after{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-linear-gradient(135deg,rgba(199,163,79,.07) 0 1px,transparent 1px 15px)}
.detail-hero-news .detail-hero-overlay{background:linear-gradient(180deg,
  rgba(8,15,23,.28) 0%,rgba(8,15,23,.12) 45%,rgba(8,15,23,.5) 100%)}

.news-cover{margin:0;border-radius:22px;overflow:hidden;background:#0f2233;
  border:1px solid rgba(11,29,46,.1);
  box-shadow:0 34px 70px -44px rgba(11,29,46,.6)}
.news-cover img{display:block;width:100%;height:auto}
.news-cover figcaption{padding:14px 22px;font-size:13px;line-height:1.6;color:#7b8794;
  background:#fbfaf8;border-top:1px solid #eef1f5}

.detail-hero-news{padding-bottom:170px}
.news-cover-wrap{max-width:920px;margin:-130px auto 0;position:relative;z-index:3}
@media(max-width:980px){
  .detail-hero-news{padding-bottom:130px}
  .news-cover-wrap{margin-top:-100px}
}
@media(max-width:640px){
  .detail-hero-news{padding-bottom:96px}
  .news-cover-wrap{margin-top:-70px}
  .news-cover{border-radius:16px;margin-bottom:30px}
  .news-cover figcaption{padding:12px 15px;font-size:12.5px}
}

.section.has-cover{padding-top:40px}
@media(max-width:640px){.section.has-cover{padding-top:28px}}