.demo-disclosure {
  padding: 12px 5%;
  background: #e9eddf;
  color: #17251c;
  font: 500 12px/1.5 Manrope, sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.demo-disclosure a { text-decoration: underline; min-height: 28px; display: inline-flex; align-items: center; }
.demo-footer {
  padding: 36px 5%;
  background: #f4f1ea;
  color: #26322a;
  font: 400 13px/1.7 Manrope, sans-serif;
}
.demo-footer p { max-width: 58rem; margin: 0 0 12px; }
.demo-footer a { text-decoration: underline; }
.demo-energy-brand { display: block; font: 600 12px/1.2 Manrope, sans-serif; letter-spacing: .1em; }
.demo-energy-brand strong { display: block; font-size: 27px; letter-spacing: -.04em; margin-top: 4px; }
.brand-symbol { font-size: 32px; }
.mini-mark { font-size: 18px; }
.concept-label { font-size: 10px; }
@media (max-width:700px) {
  .demo-disclosure { font-size: 11px; }
  .demo-disclosure a { min-height: 44px; }
  .demo-energy-brand strong { font-size: 22px; }
  .brand-symbol { font-size: 26px; }
}

.gallery-page .choice-image, .gallery .preview { height: auto; aspect-ratio: 16/9; }
.gallery-page .choice-image > img, .gallery .preview > img { width: 100%; height: 100%; object-fit: cover; object-position: top; }