/* CAMADA-MED V17 — brand integration and original brain framing. Loaded last. */
:root{--v17-gold:#e7c56f;--v17-cream:#fff8e9;--v17-line:rgba(231,197,111,.26)}

/* The logo itself has no panel/background. It sits on the page like an embroidered metal mark. */
.official-logo-link,
.gateway-top>a,
.lib-logo,
.footer .logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
.official-logo-img,
.gateway-logo,
.lib-logo .official-logo-img{
  display:block!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  mix-blend-mode:screen!important;
  filter:
    drop-shadow(0 1px 0 rgba(255,245,190,.34))
    drop-shadow(0 3px 2px rgba(54,29,4,.82))
    drop-shadow(0 0 9px rgba(231,197,111,.18))!important;
}
.footer .official-logo-img{
  width:min(440px,72vw)!important;
  margin:0!important;
}
.footer .official-logo-link{display:inline-flex!important}

/* Header: clean liquid-glass capsule; mark centered on mobile, languages remain accessible. */
.top,.top-bar,.gateway-top{
  background:linear-gradient(180deg,rgba(7,27,23,.72),rgba(2,9,8,.66))!important;
  border-color:var(--v17-line)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
.top .official-logo-img,.top-bar .official-logo-img{width:clamp(180px,18vw,285px)!important}
.gateway-logo{width:clamp(230px,30vw,390px)!important}

/* Use the exact square original and fit the whole artwork inside the rounded rectangle. */
.hero-art{
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1.12/1!important;
  padding:18px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(231,197,111,.075),transparent 42%),
    linear-gradient(160deg,rgba(6,31,27,.90),rgba(1,5,4,.94))!important;
}
.hero-art .hero-official-brain{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:contrast(1.02) saturate(1.02) brightness(.98)!important;
  z-index:2!important;
  border-radius:20px!important;
}
.hero-art .orb-line,.hero-art .orb-line.two,.hero-art .orb-line.three{display:none!important}
.hero-art:after{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%,transparent 78%,rgba(0,0,0,.10))!important;pointer-events:none!important}

@media(max-width:920px){
  .top,.top-bar{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-height:88px!important;
    padding:14px 14px!important;
  }
  .top .official-logo-link,.top-bar .official-logo-link{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:none!important;
    z-index:1!important;
  }
  .top .official-logo-img,.top-bar .official-logo-img{
    width:min(43vw,178px)!important;
  }
  .top>div:last-child,.top-bar>div:last-child{
    position:relative!important;
    z-index:2!important;
    margin:0!important;
  }
  .top .lang-pill,.top-bar .lang-pill{
    min-width:50px!important;
    display:inline-flex!important;
    justify-content:center!important;
    background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.025))!important;
    border-color:rgba(231,197,111,.28)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 20px rgba(0,0,0,.18)!important;
  }
  .gateway-top{
    position:relative!important;
    display:flex!important;
    justify-content:center!important;
    min-height:88px!important;
  }
  .gateway-top>a{display:flex!important;justify-content:center!important;width:100%!important}
  .gateway-logo{width:min(68vw,310px)!important;margin:auto!important}
  .hero-art{aspect-ratio:1.08/1!important;padding:14px!important}
  .footer .official-logo-img{width:min(78vw,360px)!important}
}

@media(max-width:430px){
  .top .official-logo-img,.top-bar .official-logo-img{width:min(40vw,158px)!important}
  .top .lang-pill,.top-bar .lang-pill{min-width:46px!important;padding:9px 9px!important}
  .gateway-logo{width:min(72vw,290px)!important}
  .hero-art{aspect-ratio:1.04/1!important;padding:12px!important}
}