@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,700&family=DM+Sans:wght@400;500;700&display=swap";.bha{--bha-bg: #f3f1e8;--bha-white: #f0ede4;--bha-white-dim: rgba(240, 237, 228, .5);--bha-logo: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bha-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bha-gap: 3px;--bha-ease: cubic-bezier(.4, 0, .2, 1);--bha-bot: 1.8rem;--bha-px: 1.6rem;--bha-pad: 10px;--bha-radius: 14px;display:block;width:100%;overflow:visible;background:var(--bha-bg);font-family:var(--bha-sans);-webkit-font-smoothing:antialiased}.bha *,.bha *:before,.bha *:after{box-sizing:border-box;margin:0;padding:0}.bha__scroll{display:block;position:relative}.bha__viewport{display:flex;flex-direction:row;position:sticky;top:var(--bha-top, 0px);height:var(--bha-vh, 100vh);overflow:hidden;padding:var(--bha-pad);gap:var(--bha-gap);background:var(--bha-bg);transform:translateZ(0);-webkit-transform:translateZ(0)}.bha__panel{--sp: 0;position:relative;flex:none!important;height:100%;overflow:hidden;text-decoration:none;color:var(--bha-white);cursor:pointer;will-change:width;border-radius:var(--bha-radius);background:#0a0a0a;transform:translateZ(0);-webkit-transform:translateZ(0);contain:layout style paint}.bha__panel:focus-visible{outline:2px solid #c9a96e;outline-offset:-2px}.bha__bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-size:cover;background-position:center;transform:translateZ(0);-webkit-transform:translateZ(0)}.bha__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:opacity .4s ease}.bha__video--loading{opacity:0}.bha__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(10,10,10,calc(.88 - var(--sp) * .66)),rgba(10,10,10,calc(.85 - var(--sp) * .65)) 35%,rgba(10,10,10,calc(.82 - var(--sp) * .78)));contain:strict}.bha__panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.38) 40%,transparent 100%);pointer-events:none;border-radius:inherit}.bha__content{position:absolute;left:var(--bha-px);right:var(--bha-px);bottom:var(--bha-bot);z-index:2;overflow:hidden}.bha__label{font-family:var(--bha-logo);font-weight:700;font-style:italic;font-size:1.5rem;line-height:1.15;color:var(--bha-white);white-space:nowrap;display:inline-block}.bha__panel--main .bha__label{font-size:clamp(1.6rem,2.5vw,2.2rem)}.bha__label--bar{background:#000;color:#fff;padding:.2em .55em .15em}.bha__sub{font-family:var(--bha-sans);font-size:.8rem;font-weight:400;color:var(--bha-white-dim);letter-spacing:.03em;line-height:1.35;margin-top:.25rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:var(--sp)}.bha__center{position:absolute;top:50%;left:50%;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;width:auto;padding:1.8rem 2.2rem 1.6rem;pointer-events:none;opacity:var(--cv, 0);transform:translate(-50%,-50%) translateY(var(--cy, 16px));transition:none;background:#0a0a0ab8;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(240,237,228,.08)}.bha__desc{font-family:var(--bha-sans);font-size:.88rem;font-weight:400;line-height:1.7;color:var(--bha-white);margin:0 0 1rem;opacity:.92}.bha__cta{display:inline-block;font-family:var(--bha-sans);font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bha-white);border:1px solid rgba(240,237,228,.4);padding:.6em 1.7em;transition:background .3s ease}@media(max-width:768px){.bha{--bha-px: 1.25rem;--bha-bot: 1.4rem;--bha-gap: 3px;--bha-pad: 8px;--bha-radius: 12px}.bha__viewport{flex-direction:column}.bha__panel{height:auto;width:100%!important;will-change:height,transform}.bha__label{font-size:1.3rem}.bha__panel--main .bha__label{font-size:1.6rem}.bha__sub{font-size:.76rem}.bha__center{max-width:85%;padding:1.4rem 1.6rem 1.2rem}.bha__desc{font-size:clamp(.82rem,2vw,.92rem)}}@media(prefers-reduced-motion:reduce){.bha *,.bha *:before,.bha *:after{transition-duration:.01ms!important}.bha__video{display:none}}
/*# sourceMappingURL=/cdn/shop/t/124/assets/brand-hero.css.map */