/* Aspirational Games R2.7 | clean outlined logo, NO logo shadows or halos. */
.site-header {
  background: linear-gradient(105deg, rgba(234,246,255,.97) 0%, rgba(247,251,255,.97) 38%, rgba(255,255,252,.96) 100%);
  border-bottom:1px solid #a9cde8;
  box-shadow:0 5px 25px rgba(35,90,141,.09);
}
.site-header::after {
  opacity:1;
  height:3px;
  bottom:-3px;
  background:linear-gradient(90deg,#226ac4 0%,#50a9ed 26%,#90ddd2 52%,#ffdb83 76%,#fc8f83 100%);
}
.header-inner {position:relative}
.brand {gap:15px;min-width:0}
.brand-medallion {
  position:relative;
  width:74px;
  height:74px;
  flex:0 0 74px;
  display:grid;
  place-items:center;
  background:transparent;
  box-shadow:none;
  border:0;
}
/* R2.7: no pseudo-elements, no raster halo, no drop-shadow. */
.brand-medallion::before,.brand-medallion::after {content:none!important;display:none!important}
.brand-medallion .brand-mark,
.brand-medallion .brand-icon,
.brand .brand-medallion .brand-mark {
  position:relative;
  display:block;
  width:64px;
  height:64px;
  max-width:none;
  object-fit:contain;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:none;
  text-shadow:none;
}
.brand:hover .brand-medallion,.brand:hover .brand-medallion img {box-shadow:none;filter:none}
.brand-copy {gap:1px}
.brand-copy strong {font-size:16.5px;color:#10365f;font-weight:950;letter-spacing:.026em}
.brand-copy small {font-size:9.8px;color:#195fa6;font-weight:900;letter-spacing:.155em}
.brand-copy small span {color:#e39a37}
.nav a {color:#224a68}
.nav img {opacity:1}
.lang-switch.ag-lang {background:#fff;border-color:#b6d5eb}
@media(max-width:1160px){
  .brand {gap:11px}
  .brand-medallion {width:64px;height:64px;flex-basis:64px}
  .brand .brand-medallion .brand-mark {width:56px;height:56px}
  .brand-copy strong {font-size:14px}
  .brand-copy small {font-size:8.5px;letter-spacing:.1em}
}
@media(max-width:950px){
  .brand-medallion {width:62px;height:62px;flex-basis:62px}
  .brand .brand-medallion .brand-mark {width:54px;height:54px}
  .brand-copy strong {font-size:14px}
  .nav.is-open {background:linear-gradient(160deg,#f2faff,#fff)}
}
@media(max-width:620px){
  .brand {gap:7px}
  .brand-medallion {width:55px;height:55px;flex-basis:55px}
  .brand .brand-medallion .brand-mark {width:47px;height:47px}
  .brand-copy strong {font-size:12px}
  .brand-copy small {font-size:7.7px;letter-spacing:.08em}
}
@media(max-width:380px){
  .brand {gap:4px}
  .brand-medallion {width:48px;height:48px;flex-basis:48px}
  .brand .brand-medallion .brand-mark {width:43px;height:43px}
  .brand-copy strong {font-size:10.3px}
  .brand-copy small {font-size:7px;letter-spacing:.03em}
}
