/* Show the approved artwork itself, framed around its liver-and-halo emblem.
   The 900px square at (815, 4) keeps the solid background and original design. */
.halo-emblem {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 47px;
  height: 47px;
  overflow: hidden;
  border-radius: 50%;
  background: #101c23;
}
.halo-emblem > img {
  position: absolute;
  width: 192.2222%;
  height: 101%;
  max-width: none;
  left: -90.5556%;
  top: -.4444%;
}
.brand { gap: 9px; }
.brand > span:last-child { white-space: nowrap; }
.brand small { margin-left: 3px; }
.intro-heading { display: flex; align-items: center; gap: 28px; }
.hero-emblem { width: 152px; height: 152px; }
.intro-heading h1 { font-size: clamp(32px, 3.1vw, 49px); }
.intro-aside { flex: 0 0 auto; }
.orbit .halo-center .hub-identity { display: flex; justify-content: center; align-items: center; gap: 7px; }
.orbit .halo-center .hub-identity .halo-emblem { width: 75px; height: 75px; }
.orbit .halo-center .hub-identity strong { font-family: Georgia, serif; font-size: 46px; font-weight: 400; letter-spacing: 1px; text-indent: 0; }
.orbit .halo-center .hub-overline { margin-bottom: 5px; }
.brand-opening { width: 100%; max-width: 1180px; margin: 0 auto; text-align: center; }
.brand-opening-art { width: 100%; max-height: min(47dvh, calc(100dvh - 385px)); height: auto; object-fit: contain; display: block; margin: 0 auto 22px; }
.brand-opening .slide-presenters { margin-bottom: 16px; font-size: 18px; }
.brand-opening .slide-chips { justify-content: center; }
#slide:has(.brand-opening) { min-height: calc(100dvh - 183px); padding-top: 24px; padding-bottom: 24px; }
@media (max-width: 1150px) and (min-width: 901px) {
  .hero-emblem { width: 112px; height: 112px; }
  .intro-heading { gap: 16px; }
  .intro-aside { font-size: 13px; max-width: 315px; }
  .presenters { font-size: 11px; }
  .orbit .halo-center .hub-identity .halo-emblem { width: 62px; height: 62px; }
  .orbit .halo-center .hub-identity strong { font-size: 42px; }
}
@media (max-width: 900px) {
  .intro-heading { justify-content: space-between; }
  .hero-emblem { width: 140px; height: 140px; }
  .orbit .halo-center .hub-identity .halo-emblem { width: 64px; height: 64px; }
  .orbit .halo-center .hub-identity strong { font-size: 42px; }
}
@media (max-width: 760px) {
  .brand .halo-emblem { width: 38px; height: 38px; }
  .brand { font-size: 21px; gap: 6px; }
  .brand small { font-size: 9px; letter-spacing: 1.4px; }
  .hero-emblem { display: none; }
  .intro-heading h1 { font-size: 36px; }
  .brand-opening-art { max-height: 48dvh; margin-bottom: 25px; }
  .brand-opening .slide-presenters { font-size: 15px; line-height: 1.6; }
  .brand-opening .slide-chips { margin-top: 18px; }
  #slide:has(.brand-opening) { min-height: calc(100dvh - 211px); }
  .site-footer .brand { display: flex; }
}