/* ODE A11-R6-R1 LANDING WIKI BRAND POLISH
   Landing presentation only. No /play/ runtime styles. */

.site-header .brand.ode-brand-art-link{
  display:flex;
  align-items:center;
  min-width:0;
  flex:0 1 auto;
  overflow:visible;
  text-decoration:none;
}

.site-header .ode-brand-header-art{
  display:block;
  width:clamp(300px,31vw,560px);
  height:auto;
  max-height:112px;
  object-fit:contain;
  object-position:left center;
}

.site-header .version-chip.ode-arco-plaque{
  width:clamp(205px,19vw,320px);
  height:auto;
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  cursor:default;
  overflow:visible;
}

.site-header .ode-arco-plaque img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

.site-footer .brand-mark.ode-brand-mark-image,
.footer-brand .brand-mark.ode-brand-mark-image{
  width:46px;
  height:46px;
  border:0;
  background:transparent;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.site-footer .brand-mark.ode-brand-mark-image img,
.footer-brand .brand-mark.ode-brand-mark-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.experience-section .experience-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:clamp(28px,4vw,56px)!important;
}

.experience-section .formation-stage.ode-formation-art-stage{
  width:100%;
  max-width:1402px;
  aspect-ratio:1402 / 1122;
  min-height:0!important;
  margin-inline:auto;
  background:
    url("/assets/images/ode-brand/ode-formation-lunar-showcase.png?v=20260818r1")
    center / contain no-repeat!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden;
}

.experience-section .formation-stage.ode-formation-art-stage > *{
  visibility:hidden!important;
  pointer-events:none!important;
}

.experience-section .experience-copy{
  width:min(100%,1100px);
  margin-inline:auto;
}

@media (max-width:1180px){
  .site-header .ode-brand-header-art{
    width:clamp(260px,32vw,420px);
  }
  .site-header .version-chip.ode-arco-plaque{
    width:clamp(175px,20vw,245px);
  }
}

@media (max-width:900px){
  .site-header .ode-brand-header-art{
    width:min(52vw,350px);
  }
  .site-header .version-chip.ode-arco-plaque{
    display:none;
  }
}

@media (max-width:640px){
  .site-header .ode-brand-header-art{
    width:min(67vw,310px);
  }
}