/* V46 hero refresh: premium unlabelled laboratory art with dedicated desktop and mobile compositions. */
.hero-catalogue.hero-background{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:#031629!important;
  background-image:url('/assets/hero-v46-desktop.webp')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.hero-catalogue.hero-background:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,19,35,.34) 0%,rgba(2,19,35,.18) 28%,rgba(2,19,35,.02) 52%),
    radial-gradient(circle at 15% 32%,rgba(20,101,157,.12),transparent 31%)!important;
}
.hero-catalogue.hero-background .hero-grid{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,.90fr) minmax(330px,1.10fr)!important;
  min-height:680px!important;
  padding-top:94px!important;
  padding-bottom:106px!important;
  gap:56px!important;
}
.hero-catalogue.hero-background .hero-copy-block{
  max-width:585px;
  position:relative;
  z-index:2;
}
.hero-catalogue.hero-background h1,
.hero-catalogue.hero-background .hero-authority-v33,
.hero-catalogue.hero-background .hero-support-v33,
.hero-catalogue.hero-background .hero-copy{ text-shadow:0 3px 22px rgba(0,0,0,.18) }
.hero-catalogue.hero-background .hero-note span{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#eef7fb!important;
  backdrop-filter:blur(3px);
}
.hero-catalogue.hero-background .button.ghost{
  background:rgba(3,24,41,.22)!important;
  border-color:rgba(255,255,255,.54)!important;
  color:#fff!important;
  backdrop-filter:blur(3px);
}
.hero-catalogue.hero-background .hero-art-spacer{
  display:block!important;
  min-height:480px!important;
  background:none!important;
  pointer-events:none;
}
.hero-catalogue.hero-background .hero-actions-v52 .button{padding-inline:16px;font-size:.82rem;min-height:46px}

@media(max-width:1180px){
  .hero-catalogue.hero-background{background-position:60% center!important}
  .hero-catalogue.hero-background .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(290px,.85fr)!important;
    gap:34px!important;
  }
}

@media(max-width:900px){
  .hero-catalogue.hero-background{
    background-image:url('/assets/hero-v46-mobile.webp')!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
  }
  .hero-catalogue.hero-background:before{
    background:linear-gradient(180deg,rgba(3,22,41,.20) 0%,rgba(3,22,41,.08) 42%,rgba(3,22,41,0) 68%)!important;
  }
  .hero-catalogue.hero-background .hero-grid{
    grid-template-columns:1fr!important;
    min-height:1120px!important;
    padding-top:78px!important;
    padding-bottom:400px!important;
    gap:26px!important;
  }
  .hero-catalogue.hero-background .hero-copy-block{max-width:560px}
  .hero-catalogue.hero-background .hero-art-spacer{display:none!important}
  .hero-catalogue.hero-background .hero-actions{margin-top:24px!important}
}

@media(max-width:620px){
  .hero-catalogue.hero-background{background-position:center top!important}
  .hero-catalogue.hero-background .hero-grid{
    min-height:1060px!important;
    padding-top:68px!important;
    padding-bottom:350px!important;
    gap:20px!important;
  }
  .hero-catalogue.hero-background .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .hero-catalogue.hero-background .hero-actions .button{width:100%!important}
}

@media(max-width:430px){
  .hero-catalogue.hero-background .hero-grid{
    min-height:1000px!important;
    padding-bottom:315px!important;
  }
}

@media(max-width:390px){
  .hero-catalogue.hero-background .hero-grid{
    min-height:960px!important;
    padding-bottom:290px!important;
  }
}