/* Stable cross-device fixes */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
.brand-visual {
  display:inline-block;
  width:min(430px, 42vw);
  aspect-ratio:1254/128;
  background:url("brand-wordmark-light.png") center/contain no-repeat;
  vertical-align:middle;
}
footer .brand-visual { width:min(340px, 80vw); }
.translate-row {
  width:100%;
  display:flex !important;
  justify-content:center;
  align-items:center;
  padding:7px 12px;
  background:#002b87;
  position:relative;
  z-index:900;
}
.translate-row .translate-box {
  display:flex !important;
  width:auto !important;
  min-width:180px !important;
  min-height:38px;
  margin:0 !important;
  padding:4px 8px !important;
  overflow:visible !important;
  background:rgba(255,255,255,.14);
  border-radius:7px;
}
#google_translate_element { display:block !important; min-width:165px; min-height:30px; }
.goog-te-gadget { color:#fff !important; font-size:0 !important; }
.goog-te-gadget .goog-te-combo { font-size:14px !important; max-width:190px; min-height:30px; }
.goog-te-banner-frame.skiptranslate, iframe.goog-te-banner-frame { display:none !important; }
body { top:0 !important; }
.goog-logo-link, .goog-te-gadget span { display:none !important; }
@media (max-width:720px) {
  .header-inner { width:100% !important; max-width:none !important; padding:6px 12px !important; }
  .logo-area { max-width:calc(100% - 68px) !important; min-width:0; }
  .logo-area img { width:56px !important; height:56px !important; flex:0 0 auto; }
  .brand-visual { width:min(62vw, 330px) !important; }
  .menu-toggle { width:54px !important; height:50px !important; }
  .translate-row { padding:7px 8px !important; }
  .translate-row .translate-box { width:100% !important; max-width:260px; justify-content:center !important; }
  .container, .quick, main > section:not(.hero):not(.page-header) {
    width:100% !important;
    max-width:none !important;
  }
  .container { padding-left:12px !important; padding-right:12px !important; }
  .quick { padding-left:10px !important; padding-right:10px !important; }
  .quick-card, .about-card, .contact-card, .music-card, .news-card, .space-card, .aware-card {
    width:100% !important;
    max-width:none !important;
  }
}
@media (max-width:390px) {
  .brand-visual { width:min(60vw, 250px) !important; }
  .logo-area img { width:50px !important; height:50px !important; }
}


/* FINAL TRANSLATION + BRAND DISPLAY FIXES */
.brand-wordmark-img {
  display:block;
  width:min(430px, 42vw);
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.logo-text .brand-wordmark-img { width:min(430px, 42vw); }
footer h2 .brand-wordmark-img,
footer .brand-wordmark-img { width:min(340px, 80vw); margin:0 auto; }
.official-brand-text { white-space:normal; }

/* Keep the Google language control usable. */
.translate-row {
  width:100%;
  display:flex !important;
  justify-content:center;
  align-items:center;
  padding:8px 12px;
  background:#002b87;
  position:relative;
  z-index:900;
}
.translate-row .translate-box {
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:auto !important;
  min-width:220px !important;
  min-height:42px;
  margin:0 !important;
  padding:5px 10px !important;
  overflow:visible !important;
  background:rgba(255,255,255,.14);
  border-radius:8px;
}
#google_translate_element,
.goog-te-gadget { display:block !important; min-width:190px !important; }
.goog-te-gadget { color:transparent !important; font-size:0 !important; white-space:nowrap; }
.goog-te-gadget .goog-te-combo {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  min-width:190px !important;
  max-width:240px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:5px 8px !important;
  border:1px solid rgba(255,255,255,.5) !important;
  border-radius:6px !important;
  background:#fff !important;
  color:#111 !important;
  font-size:16px !important;
}
.goog-logo-link { display:none !important; }
.goog-te-gadget > span { display:none !important; }
/* Google may show its own translation toolbar on iOS. That toolbar is external. */
body { top:0 !important; }

@media (max-width:720px) {
  .logo-text .brand-wordmark-img { width:min(64vw, 360px) !important; }
  .translate-row { padding:8px !important; }
  .translate-row .translate-box { width:calc(100% - 24px) !important; max-width:360px !important; }
  #google_translate_element,
  .goog-te-gadget { width:100% !important; min-width:0 !important; }
  .goog-te-gadget .goog-te-combo { min-width:0 !important; max-width:none !important; width:100% !important; }
}
@media (max-width:390px) {
  .logo-text .brand-wordmark-img { width:min(62vw, 280px) !important; }
}