/* One continuous studio surface, shared by the homepage and supporting pages. */
:root{--bg:#18191c}
body{
  background-color:var(--bg);
  background-image:radial-gradient(ellipse 650px 420px at calc(50% - 220px) 740px,rgba(147,88,43,.13),transparent 80%),linear-gradient(180deg,rgba(5,7,9,.56),transparent 850px),url('/assets/charcoal-surface.jpg');
  background-size:auto,auto,768px 768px;
  background-repeat:no-repeat,no-repeat,repeat;
}
.header,body>header,footer{background:transparent;border-color:transparent}
.hero .hero-art{
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 85%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 85%,transparent);
  mask-composite:intersect;
}
@media(max-width:700px){
  body{background-image:radial-gradient(ellipse 300px 250px at 30% 500px,rgba(147,88,43,.12),transparent 80%),linear-gradient(180deg,rgba(5,7,9,.5),transparent 650px),url('/assets/charcoal-surface.jpg');background-size:auto,auto,512px 512px}
}

.brand img{border-radius:22%;object-fit:cover}