/* The wordmark and six workers form one decorative scene; no workflow changes. */
html body :is(#bq-brand-admin, .admin-app.design-v3) .home-reference-hero {
  min-height:480px!important;
  padding:32px!important;
  align-items:flex-start!important;
}
html body :is(#bq-brand-admin, .admin-app.design-v3) .home-reference-hero-copy {
  flex:0 0 22%!important;
  width:22%!important;
  max-width:360px!important;
  height:auto!important;
}
html body :is(#bq-brand-admin, .admin-app.design-v3) .home-reference-hero-copy h2 {
  font-size:clamp(25px,1.75vw,32px)!important;
}
html body :is(#bq-brand-admin, .admin-app.design-v3) .home-reference-hero::before {
  inset:auto auto 0 50%!important;
  width:60%!important;
  max-width:920px!important;
  height:auto!important;
  aspect-ratio:2 / 1;
  background:url('/assets/brand-blocks-six-8380d1a6e802.png') center / 100% 100% no-repeat!important;
  image-rendering:auto;
  filter:url('/assets/brand-cyan-soft-8acc28780e65.svg#brand-cyan-soft')!important;
  /* The source has 58px of backdrop below the lowest boot; align that boot to the card edge. */
  transform:translate(-50%,6.54%)!important;
}
html body :is(#bq-brand-admin, .admin-app.design-v3) .home-reference-hero::after {
  content:none!important;
  display:none!important;
}
@media (max-width:1750px) {
  html body :is(#bq-brand-admin, .admin-app.design-v3) .home-reference-hero {
    min-height:540px!important;
    align-items:flex-start!important;
  }
  html body :is(#bq-brand-admin, .admin-app.design-v3) .home-reference-hero-copy {
    flex:0 0 100%!important;
    width:100%!important;
    max-width:none!important;
    justify-content:flex-start!important;
  }
  html body :is(#bq-brand-admin, .admin-app.design-v3) .home-reference-hero::before {
    width:calc(100% - 48px)!important;
    max-width:800px!important;
  }
}
@media (max-width:600px) {
  html body :is(#bq-brand-admin, .admin-app.design-v3) .home-reference-hero {
    min-height:400px!important;
    padding:22px!important;
  }
  html body :is(#bq-brand-admin, .admin-app.design-v3) .home-reference-hero::before {
    width:calc(100% - 24px)!important;
  }
}