/* The supplied brand artwork continues quietly behind the entire homepage. */
body { isolation: isolate; background: #07090b; }
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(#07090bd6, #07090be8), url('/qbd/assets/brand-background.webp') 71% center / cover no-repeat;
}
.brand { gap: 0; }
.brand img.brand-logo { width: 248px; height: auto; aspect-ratio: 3 / 1; border: 0; border-radius: 0; object-fit: contain; }
.site-footer .brand img.brand-logo { width: 270px; }
.hero { background: #07090b; }
.hero-picture { display: contents; }
.hero-art { top: 0; left: 0; width: 100%; height: 100%; max-width: none; object-position: center; opacity: 1; }
.hero.has-motion .hero-canvas { opacity: 1; }
.hero-shade {
  background: linear-gradient(90deg, #07090bb8 0%, #07090b7d 35%, #07090b1a 51%, transparent 62%), linear-gradient(0deg, #07090bf5, transparent 21%, transparent 89%, #07090b40);
}
.hero-grid { display: none; }
.hero h1 { font-size: clamp(3.75rem, 5.8vw, 6.3rem); }
.hero-copy { max-width: 490px; }
.hero-bottom { color: #afb0ae; }
.ticker-band { background: #0b0e12f2; }
.approach-band { background: linear-gradient(110deg, #151513e8, #0e1115e8); }
.news-section { background: #0d1013b8; }
.trading-section { background: linear-gradient(180deg, #0f1317d1, #0b0e11c9); }
.site-footer { background: #07090be8; }

@media (min-width: 1600px) {
  .hero-art { object-position: center; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .hero { min-height: 620px; height: 650px; }
  .hero h1 { font-size: 4.25rem; }
  .hero-content { padding-top: 100px; }
  .hero-copy { max-width: 430px; font-size: 1.05rem; }
  .hero-art { object-position: 65% center; }
  .hero-actions { gap: 18px; }
}
@media (max-width: 760px) {
  .brand img.brand-logo { width: 204px; }
  .site-footer .brand img.brand-logo { width: 224px; }
  body::before {
    background-image: linear-gradient(#07090be0, #07090bee), url('/qbd/assets/brand-background-mobile.webp');
    background-position: center;
  }
  .hero { --brand-art-height: clamp(275px, 75vw, 540px); height: auto; min-height: 0; padding-bottom: 110px; }
  .hero-art, .hero-canvas { top: 0; left: 0; width: 100%; height: var(--brand-art-height); }
  .hero-art { object-position: center 49%; opacity: 1; }
  .hero-shade { top: 0; height: calc(var(--brand-art-height) + 4px); bottom: auto; background: linear-gradient(0deg, #07090b, transparent 17%, transparent 94%, #07090b50); }
  .hero-content { padding-top: calc(var(--brand-art-height) + 18px); }
  .hero h1 { font-size: clamp(3rem, 9vw, 4rem); margin-block: 20px; }
  .hero-copy { max-width: 470px; font-size: 1.05rem; }
  .hero-actions { margin-top: 24px; }
  .hero-disciplines { margin-top: 28px; }
  .hero-bottom { bottom: 22px; }
}
@media (max-width: 500px) {
  .hero { padding-bottom: 125px; }
  .hero h1 { font-size: clamp(2.8rem, 12vw, 3.5rem); }
}