.hero-banner{position:relative;display:flex;flex-direction:column;width:100%;min-height:max(600px,100svh);overflow:hidden;background:#000;color:#fff;isolation:isolate}.hero-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__poster,.hero-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__video{z-index:auto}.hero-banner__content{position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 20px 210px;box-sizing:border-box;gap:27px}.hero-banner__content--no-label{padding-top:81px}.hero-banner__label{position:relative;display:inline-flex;align-items:stretch;justify-content:center;height:26px;padding:0 11px;overflow:hidden;font-family:Termina,sans-serif;font-weight:400;font-size:10px;line-height:1;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#fff;mix-blend-mode:difference;transform:translateZ(0)}.hero-banner__label-text{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-width:1px 0}.hero-banner__label-cap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.hero-banner__label-cap:before{content:"";position:absolute;left:50%;top:50%;width:98%;padding-bottom:98%;border:1px solid rgba(255,255,255,.1);background-color:transparent;transform:translate(-50%,-50%) rotate(45deg) skew(16deg,16deg)}.hero-banner__heading{margin:0;font-family:Liquides Imaginaires,serif;font-weight:500;font-size:clamp(44px,12.98vw,96px);line-height:.875;letter-spacing:0;text-align:center;color:#fff;mix-blend-mode:difference;transform:translateZ(0)}.hero-banner__arrow{position:relative;z-index:2;align-self:center;flex:0 0 auto;margin-top:32px;padding-bottom:40px;display:none;pointer-events:none}.hero-banner__arrow svg,.hero-banner__arrow svg path{fill:none}.hero-banner__arrow svg{display:block;width:auto;height:88px}@media(min-width:990px){.hero-banner__content{gap:100px;padding-top:128px;padding-bottom:40px}.hero-banner__content--no-label{padding-top:266px}.hero-banner__label{height:38px;padding:0 12px;font-size:11.68px;letter-spacing:.2em}.hero-banner__label-text{padding:0 30px}.hero-banner__heading{font-size:clamp(96px,6.94vw,120px);line-height:.75}.hero-banner__arrow{display:block;padding-bottom:clamp(48px,7.87vw,136px)}.hero-banner__arrow svg{height:clamp(88px,8.1vw,140px)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-banner.css.map */