/* Estudo gráfico: linhas e marcas em cobre sobre a base marrom Bloomcode. */
:root{background:var(--brand-bg)}
.experience{
  background-color:var(--brand-bg);
  background-image:url('assets/background-geometry.svg');
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.experience::after{opacity:.07}
.atmosphere{display:none}
.logo-trigger{filter:none}
.area-panel{
  background-color:var(--brand-bg);
  background-image:url('assets/background-geometry-panel.svg');
  background-position:center top;
  background-repeat:repeat-y;
  background-size:100% 900px;
}
.panel-top{background:rgba(34,30,27,.78)}
.games-briefing-kicker,.landing-kicker,.automation-kicker,.systems-kicker{border-left:2px solid var(--brand-copper);padding-left:12px}
.systems-project{position:relative}
.systems-project::before{content:"";position:absolute;top:-5px;left:0;width:8px;height:8px;border:1px solid var(--brand-copper);background:var(--brand-bg);transform:rotate(45deg)}
.is-open .structure-lane{background-color:rgba(34,30,27,.6);box-shadow:inset 1px 0 rgba(242,237,228,.035)}
.is-open .structure-lane:hover,.is-open .structure-lane:focus-visible{background-color:rgba(75,49,32,.72)}
@media(max-width:600px){
  .experience{background-image:url('assets/background-geometry-mobile.svg');background-size:100% 100%}
  .area-panel{background-image:url('assets/background-geometry-panel-mobile.svg');background-size:100% 844px}
}