.qj-brand-hero{position:relative;isolation:isolate;height:100%;min-height:max(var(--hero-height-desktop),var(--brand-safe-height,0px));overflow:hidden;background:#0b0a09;color:#fff}.qj-brand-hero__media,.qj-brand-hero__media picture,.qj-brand-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.qj-brand-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--image-position,center);max-width:none}.qj-brand-hero__shade{pointer-events:none}.qj-brand-hero .qj-brand-hero__brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0;width:max-content;max-width:60%;height:var(--brand-height);max-height:none;line-height:0;z-index:1}.qj-brand-hero__brand img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}.qj-brand-hero .qj-brand-hero__note{position:absolute;left:min(var(--note-left),15%);bottom:var(--note-bottom);width:var(--note-width);max-width:calc(100% - 40px);padding:var(--note-padding);box-sizing:border-box;background:var(--note-background);color:var(--note-color);text-align:var(--note-align);z-index:2;overflow-wrap:anywhere}.qj-brand-hero .qj-brand-hero__note-heading{margin:0 0 12px;font:400 var(--note-heading-size)/1.45 Georgia,"Times New Roman",serif;color:inherit;letter-spacing:0}.qj-brand-hero .qj-brand-hero__note-text{margin:0;font:400 var(--note-size)/1.8 Arial,sans-serif;color:inherit;letter-spacing:.01em;white-space:normal}@media(min-width:750px)and (max-width:1099px){.qj-brand-hero{min-height:max(var(--hero-height-tablet),var(--brand-safe-height,0px))}}@media(max-width:749px){.qj-brand-hero{min-height:max(var(--hero-height-mobile),var(--brand-safe-height,0px))}.qj-brand-hero__media img{object-position:var(--image-position-mobile,center)}.qj-brand-hero .qj-brand-hero__brand{height:var(--brand-height-mobile)}.qj-brand-hero .qj-brand-hero__note{width:var(--note-width-mobile);left:min(var(--note-left-mobile),15%);bottom:var(--note-bottom-mobile)}.qj-brand-hero .qj-brand-hero__note-heading{font-size:var(--note-heading-size-mobile)}.qj-brand-hero .qj-brand-hero__note-text{font-size:var(--note-size-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/brand-hero.css.map */