:root{
  --sc-red:#b31217;
  --sc-charcoal:#1e1e1e;
  --sc-paper:#f1efe9;
  --sc-line:#d7d2c8;
}
body{
  background:
    radial-gradient(circle at 20% 10%,rgba(122,79,42,.04) 0 2px,transparent 3px),
    radial-gradient(circle at 80% 30%,rgba(122,79,42,.035) 0 1px,transparent 2px),
    var(--sc-paper)!important;
  background-size:26px 26px,31px 31px!important;
}
.sc-brand-header{
  background:linear-gradient(135deg,#171717,#282828)!important;
  border-bottom:5px solid var(--sc-red)!important;
  box-shadow:0 5px 18px #0002;
}
.sc-brand{
  display:flex;
  align-items:center;
  gap:18px;
}
.sc-brand-logo{
  width:86px!important;
  height:86px!important;
  object-fit:contain!important;
  background:#fff;
  border-radius:50%;
  padding:5px;
  box-shadow:0 2px 10px #0005;
  flex:0 0 auto;
}
.sc-brand-copy b{
  font-size:11px;
  letter-spacing:.18em;
}
.sc-brand-copy h1{
  margin:3px 0!important;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.sc-brand-copy p{
  font-style:italic;
  color:#d6d6d6!important;
  margin:0;
}
.sc-brand-header nav{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.sc-brand-header nav a{
  color:#fff!important;
  font-weight:800;
  text-decoration:none;
}
.panel,.floor-card,.metric,.metrics>div{
  box-shadow:0 4px 14px #0000000a;
  border-color:var(--sc-line)!important;
}
.panel h3,.floor-card h2{
  border-left:5px solid var(--sc-red);
  padding-left:11px;
}
@media(max-width:700px){
  .sc-brand-header{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:16px;
  }
  .sc-brand-logo{
    width:62px!important;
    height:62px!important;
  }
  .sc-brand{
    align-items:flex-start;
  }
}