.rf-hero-right{
  position:relative;
  min-height:620px;
}
.rf-media-main,
.rf-mini{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#0f1930,#091221);
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.rf-media-main{
  position:absolute;
  inset:30px 118px 30px 0;
  border-radius:34px;
}
.rf-media-main img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.rf-media-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(7,16,29,.14), rgba(7,16,29,.42)),
    radial-gradient(circle at 10% 10%, rgba(207,165,98,.10), transparent 24%);
}
.rf-media-badge{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 15px;
  border-radius:999px;
  background:rgba(5,10,18,.82);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-weight:800;
}
.rf-mini{
  position:absolute;
  right:0;
  width:192px;
  height:230px;
  border-radius:28px;
}
.rf-mini.top{top:0}
.rf-mini.bottom{bottom:0}
.rf-mini img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.rf-mini::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(7,16,29,.08), rgba(7,16,29,.36)),
    radial-gradient(circle at 10% 10%, rgba(207,165,98,.10), transparent 24%);
}
.rf-mini span{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(4,10,18,.82);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-weight:800;
  font-size:14px;
}
.rf-card,
.rf-linkbox{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.rf-card > *,
.rf-linkbox > *{
  position:relative;
  z-index:2;
}
.rf-card-bg,
.rf-linkbox-bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.rf-card-bg img,
.rf-linkbox-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.04);
}
.rf-card-bg::after,
.rf-linkbox-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(7,12,22,.16), rgba(7,12,22,.86)),
    radial-gradient(circle at 10% 10%, rgba(207,165,98,.10), transparent 26%);
}
@media (max-width:980px){
  .rf-hero-right{min-height:430px}
  .rf-media-main{inset:0 108px 0 0}
  .rf-mini{width:166px;height:188px}
}
@media (max-width:640px){
  .rf-hero-right{min-height:340px}
  .rf-media-main{inset:0 92px 0 0}
  .rf-mini{width:138px;height:150px;border-radius:22px}
  .rf-mini span,.rf-media-badge{font-size:12px}
}