@font-face{font-weight:400;font-style:normal;font-family:basis-grotesque-pro;src:url(basis_grotesque_pro_regular-webfont.woff2) format("woff2"),url(basis_grotesque_pro_regular-webfont.woff) format("woff")}@font-face{font-weight:500;font-style:normal;font-family:basis-grotesque-pro;src:url(basis_grotesque_pro_medium-webfont.woff2) format("woff2"),url(basis_grotesque_pro_medium-webfont.woff) format("woff")}@font-face{font-weight:700;font-style:normal;font-family:basis-grotesque-pro;src:url(basis_grotesque_pro_bold-webfont.woff2) format("woff2"),url(basis_grotesque_pro_bold-webfont.woff) format("woff")}@font-face{font-weight:500;font-style:normal;font-family:ibm-plex-mono;src:url(ibmplexmono-medium-webfont.woff2) format("woff2"),url(ibmplexmono-medium-webfont.woff) format("woff")}@font-face{font-weight:400;font-style:normal;font-family:mabry-pro;src:url(mabrypro-regular-webfont.woff2) format("woff2"),url(mabrypro-regular-webfont.woff) format("woff")}@font-face{font-weight:500;font-style:normal;font-family:mabry-pro;src:url(mabrypro-medium-webfont.woff2) format("woff2"),url(mabrypro-medium-webfont.woff) format("woff")}@font-face{font-weight:700;font-style:normal;font-family:mabry-pro;src:url(mabrypro-bold-webfont.woff2) format("woff2"),url(mabrypro-bold-webfont.woff) format("woff")}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.hero-banner{color:#fff;height:100vh;font-size:18px;line-height:1.55;position:relative;font-family:basis-grotesque-pro,sans-serif;font-weight:400;font-optical-sizing:auto}.hero-banner:after{top:0;right:0;bottom:0;left:0;z-index:5;content:"";position:absolute;background:#0000004d}.hero-banner img,.hero-banner video{width:100%;height:100vh;object-fit:cover;position:absolute}.hero-banner.is-carousel video{opacity:0;transition:all .25s ease}.hero-banner.is-carousel video.is-active{opacity:1}.hero-banner video{object-position:0 20%}.hero-banner-holder{left:30px;z-index:10;bottom:48px;display:none;max-width:600px;position:absolute}.hero-banner-holder.is-active{display:block}.hero-banner-holder.is-active .action-button{visibility:visible}@media (max-width: 767px){.hero-banner-holder{left:20px;right:20px;bottom:40px}.hero-banner-holder.is-for-carousel{bottom:78px}}.hero-banner-text{margin-bottom:32px}@media (max-width: 767px){.hero-banner-text{margin-bottom:20px}}.hero-banner-text.is-active{display:block}.hero-banner-text.is-active .hero-banner-intro,.hero-banner-text.is-active-second .hero-banner-title span{opacity:1;transform:translateY(0)}.hero-banner-text.is-animated .hero-banner-intro,.hero-banner-text.is-animated .hero-banner-title span{transition:all .5s ease}.hero-banner-text.is-animated .hero-banner-title span:nth-child(2){transition:all 1s ease}.hero-banner-text.is-animated .hero-banner-title span:nth-child(3){transition:all 1.5s ease}.hero-banner-intro{opacity:0;font-size:14px;margin-bottom:32px;letter-spacing:.01em;text-transform:uppercase;transform:translateY(10px);font-family:ibm-plex-mono,sans-serif;font-weight:500;font-optical-sizing:auto}@media (max-width: 767px){.hero-banner-intro{font-size:12px;margin-bottom:12px}}.hero-banner-title{font-size:48px;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;font-family:mabry-pro,sans-serif;font-weight:500;font-optical-sizing:auto}.hero-banner-title span{opacity:0;display:block;transform:translateY(20px)}@media (max-width: 767px){.hero-banner-title{font-size:24px;line-height:1.2}}.hero-banner-body{margin-top:32px}@media (max-width: 767px){.hero-banner-body{font-size:14px;line-height:1.4;margin-top:20px;letter-spacing:.01em}}.hero-banner-status{gap:20px;z-index:10;right:30px;bottom:48px;position:absolute;display:flex;align-items:center;justify-content:space-between}.hero-banner-status ul{gap:8px;margin:0;padding:0;list-style-type:none;display:flex;align-items:center;justify-content:center}.hero-banner-status ul li{height:2px;width:100px;position:relative;background:#fff6}.hero-banner-status ul li span{top:0;left:0;width:0%;content:"";height:100%;background:#fff;position:absolute}.hero-banner-status.is-active-1.is-animation-1-ready li:first-child span{transition:all 6s linear}.hero-banner-status.is-active-1.is-animating-1-now li:first-child span{width:100%}.hero-banner-status.is-active-2 li:first-child{background:#fff}.hero-banner-status.is-active-2 li:first-child span{width:100%}.hero-banner-status.is-active-2.is-animation-2-ready li:nth-child(2) span{transition:all 6s linear}.hero-banner-status.is-active-2.is-animating-2-now li:nth-child(2) span{width:100%}.hero-banner-status.is-active-3 li:first-child,.hero-banner-status.is-active-3 li:nth-child(2){background:#fff}.hero-banner-status.is-active-3 li:first-child span,.hero-banner-status.is-active-3 li:nth-child(2) span{width:100%}.hero-banner-status.is-active-3.is-animation-3-ready li:nth-child(3) span{transition:all 6s linear}.hero-banner-status.is-active-3.is-animating-3-now li:nth-child(3) span{width:100%}.hero-banner-status nav{gap:2px;display:flex;align-items:center;justify-content:center}.hero-banner-status nav button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:#0000;line-height:normal;cursor:pointer;color:inherit;font:inherit;text-transform:inherit;width:24px;text-align:center}.hero-banner-status nav button:first-child svg{transform:scaleX(-1)}@media (max-width: 767px){.hero-banner-status{left:20px;right:20px;bottom:36px}.hero-banner-status ul{width:100%}.hero-banner-status ul li{width:32%}.hero-banner-status nav{display:none}}.hero-banner .action-button{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/73/assets/hero-banner.css.map */