/* Eldara Games: the open E and its inset horizon. Keep the small symbol still
   and sharply drawn; the wordmark shares the same bone / bronze palette. */
@font-face{
  font-family:"Archivo";
  font-style:normal;
  font-weight:100 900;
  font-stretch:62% 125%;
  font-display:swap;
  src:url(/assets/fonts/archivo-latin.woff2) format("woff2");
}
.brand{
  display:inline-flex;
  align-items:center;
  flex:none;
  gap:11px;
}
.brand .mark{
  display:block;
  flex:none;
  width:34px;
  height:34px;
  border-radius:0;
  object-fit:contain;
  rotate:none;
  scale:none;
  transition:none;
}
.brand__word{
  display:flex;
  flex-direction:column;
  gap:5px;
  align-self:center;
  margin:0;
  color:#eee8d9;
  font-family:"Archivo",Arial,sans-serif;
  font-size:.9375rem;
  font-weight:740;
  font-stretch:112%;
  text-transform:uppercase;
  letter-spacing:.13em;
  line-height:.95;
  white-space:nowrap;
}
.brand__word span{
  margin:0;
  color:#bd9461;
  font-size:.5625rem;
  font-weight:550;
  font-stretch:110%;
  letter-spacing:.4em;
  line-height:1;
}
.brand--lg .mark{width:44px;height:44px;}
.brand--lg .brand__word{font-size:1.125rem;}
:root[data-frame="studio"] .site-header:not([data-tone="ink"]) .brand__word{color:#141210;}
:root[data-frame="studio"] .site-header:not([data-tone="ink"]) .brand__word span{color:#76522a;}
@media (hover:hover){
  .brand:hover .mark{rotate:none;scale:none;}
}
@media (width < 1280px){
  .site-header--game .brand__word{display:none;}
}