/* BP_BUZZRIQ_HOME_SECTION_V1 */

#buzzriqSection{
  width:min(1024px,calc(100% - 36px));
  margin:92px auto 118px;
  color:#fff;
  font-family:"DM Sans",sans-serif;
}

.bp-briq-kicker{
  color:#ff8c3a;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.bp-briq-title{
  margin-top:8px;
  font-family:"Bebas Neue",sans-serif;
  font-size:clamp(54px,7vw,92px);
  line-height:.86;
  letter-spacing:.025em;
  text-transform:uppercase;
}

.bp-briq-title span{
  color:#ff8c3a;
}

.bp-briq-lead{
  max-width:690px;
  margin-top:16px;
  color:rgba(255,255,255,.62);
  font-size:15px;
  line-height:1.6;
}

.bp-briq-how{
  margin-top:36px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.12);
}

.bp-briq-how-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.bp-briq-how-head strong{
  font-size:13px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.bp-briq-how-head span{
  color:rgba(255,255,255,.34);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.bp-briq-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.bp-briq-step{
  min-width:0;
  padding:18px 16px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,140,58,.08),transparent 44%),
    rgba(255,255,255,.018);
}

.bp-briq-step-num{
  color:#ff8c3a;
  font-family:"Bebas Neue",sans-serif;
  font-size:27px;
  line-height:1;
}

.bp-briq-step b{
  display:block;
  margin-top:11px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.bp-briq-step p{
  margin-top:7px;
  color:rgba(255,255,255,.48);
  font-size:11px;
  line-height:1.55;
}

.bp-briq-matches{
  margin-top:56px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.12);
}

.bp-briq-matches-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
}

.bp-briq-matches-title{
  font-family:"Bebas Neue",sans-serif;
  font-size:clamp(38px,5vw,58px);
  line-height:.9;
  letter-spacing:.03em;
}

.bp-briq-matches-copy{
  margin-top:8px;
  color:rgba(255,255,255,.42);
  font-size:11px;
  line-height:1.5;
}

.bp-briq-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:20px;
}

.bp-briq-tab{
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:#080808;
  color:rgba(255,255,255,.55);
  font:900 10px/1 "DM Sans",sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
  cursor:pointer;
}

.bp-briq-tab.is-active{
  background:#fff;
  border-color:#fff;
  color:#000;
}

.bp-briq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}

.bp-briq-card{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:linear-gradient(135deg,#090909,#030303);
  color:#fff;
  text-decoration:none;
  transition:border-color .16s ease,transform .16s ease;
}

.bp-briq-card:hover{
  border-color:rgba(255,140,58,.45);
  transform:translateY(-1px);
}

.bp-briq-card-main{
  min-width:0;
}

.bp-briq-card-top{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:rgba(255,255,255,.40);
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.bp-briq-status{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
}

.bp-briq-status.live{
  color:#ff6c7f;
  border-color:rgba(255,79,115,.30);
  background:rgba(255,79,115,.08);
}

.bp-briq-status.finished{
  color:#74d79d;
  border-color:rgba(56,201,120,.25);
  background:rgba(56,201,120,.07);
}

.bp-briq-teams{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:9px;
  margin-top:13px;
}

.bp-briq-team{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.bp-briq-team:last-child{
  justify-content:flex-end;
  text-align:right;
}

.bp-briq-logo{
  width:31px;
  height:31px;
  flex:0 0 31px;
  object-fit:contain;
}

.bp-briq-team-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  font-weight:900;
}

.bp-briq-score{
  font-family:"Bebas Neue",sans-serif;
  font-size:25px;
  letter-spacing:.05em;
  white-space:nowrap;
}

.bp-briq-meta{
  margin-top:10px;
  color:rgba(255,255,255,.36);
  font-size:10px;
  font-weight:700;
}

.bp-briq-open{
  white-space:nowrap;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(255,140,58,.38);
  background:rgba(255,140,58,.07);
  color:#ff8c3a;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.bp-briq-empty,
.bp-briq-loading{
  grid-column:1/-1;
  padding:28px 16px;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:14px;
  color:rgba(255,255,255,.40);
  text-align:center;
  font-size:11px;
  font-weight:800;
}

@media(max-width:800px){
  .bp-briq-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .bp-briq-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  #buzzriqSection{
    width:calc(100% - 28px);
    margin:70px auto 94px;
  }

  .bp-briq-title{
    font-size:58px;
  }

  .bp-briq-lead{
    font-size:13px;
  }

  .bp-briq-steps{
    grid-template-columns:1fr;
  }

  .bp-briq-how-head,
  .bp-briq-matches-head{
    display:block;
  }

  .bp-briq-how-head span{
    display:block;
    margin-top:5px;
  }

  .bp-briq-card{
    grid-template-columns:1fr;
  }

  .bp-briq-open{
    justify-self:start;
  }

  .bp-briq-team-name{
    font-size:10px;
  }
}