/* The approved IMI mark keeps its original alpha; framing is CSS only. */
.brand-symbol {
  -webkit-mask-image: url('assets/imi-logo.png');
  mask-image: url('assets/imi-logo.png');
  -webkit-mask-size: 156% auto;
  mask-size: 156% auto;
  -webkit-mask-position: 50% 52.3%;
  mask-position: 50% 52.3%;
}
.site-header .brand-logo, .site-header .brand-symbol {
  aspect-ratio: 804 / 473;
  height: auto;
}
.menu-signature { display: block; width: clamp(110px, 15vw, 180px); }
.menu-signature .brand-symbol { width: 100%; height: auto; aspect-ratio: 804 / 473; }
.footer-wordmark { display: block; width: max-content; line-height: .86; }
.footer-japan { display: block; margin-top: 12px; font-size: .18em; line-height: 1.4; letter-spacing: .27em; font-weight: 500; text-align: center; }
.pixel-boot [data-story-scroll] :is(h1,h2,h3), [data-story-scroll] [data-pixel-static] { opacity: 1!important; }

/* Keep the company name together in display headings in both languages. */
.brand-name { white-space: nowrap; }