.bfcm-hero-container{position:relative;overflow:hidden;height:calc(100vh - 120px);min-height:600px}.bfcm-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bfcm-background img{width:100%;height:100%;object-fit:cover;object-position:center}.bfcm-hero{position:relative;z-index:2;height:100%;display:flex;align-items:center}.bfcm-foreground{position:absolute;top:0;right:0;width:60%;height:100%;pointer-events:none;z-index:3}.bfcm-foreground img{width:100%;height:100%;object-fit:contain;object-position:center right}.bfcm-fg-desktop{display:block}.bfcm-fg-mobile{display:none}.bfcm-content{position:relative;z-index:4;width:40%;max-width:550px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding-left:0;padding-top:2rem;padding-bottom:2rem;margin-left:6%}.bfcm-logo-wrapper{position:relative;display:inline-block;margin-bottom:-20px}.bfcm-logo{width:100%;height:auto}.bfcm-badge{position:absolute;top:-40%;left:8%;width:auto;height:auto;max-width:29%}.bfcm-subheading{font-size:3rem;color:#fff;line-height:1.4;margin:0;font-weight:var(--weight-heavy)}.bfcm-chromatic-logo{width:100%;height:auto;max-width:450px}.bfcm-small-subheading{font-size:1.6rem;line-height:1.4;margin:0;text-transform:uppercase;letter-spacing:.07em;margin-bottom:1.25rem}.bfcm-content .button{font-size:1.8rem;padding:1rem 2.5rem;min-width:220px}@media (min-width: 1880px){.bfcm-content{padding-left:3rem;margin-left:10%}.bfcm-small-subheading{font-size:1.5rem}}@media (max-width: 749px){.bfcm-hero-container{height:85vh;min-height:550px}.bfcm-hero{flex-direction:column;justify-content:flex-end;align-items:center;width:100%}.bfcm-foreground{position:absolute;top:-75px;left:0;width:100%;right:auto;height:auto}.bfcm-foreground img{object-position:center}.bfcm-fg-desktop{display:none}.bfcm-fg-mobile{display:block}.bfcm-content{position:absolute;bottom:40px;width:100%;max-width:none;align-items:center;text-align:center;padding:0 1.5rem;gap:.75rem;left:0;right:0;margin-left:auto;margin-right:auto}.bfcm-logo{max-width:280px}.bfcm-badge{max-width:8rem;top:-55px;left:20px}.bfcm-subheading{font-size:2.25rem;margin-bottom:-5px}.bfcm-chromatic-logo{max-width:280px}.bfcm-small-subheading{font-size:1.35rem;margin-bottom:.25rem}.bfcm-content .button{font-size:1.65rem;min-width:200px}.bfcm-content .button:hover{background-color:#733caa}}@media (max-width: 559px){.bfcm-foreground{width:130%;left:-15%}.bfcm-content{bottom:30px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-bfcm-hero.css.map */