.about-hero{position:relative;isolation:isolate;overflow:clip;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;aspect-ratio:320/335;padding-top:clamp(54px,16.852vw,167px);padding-inline:clamp(26px,8.274vw,82px)}.about-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.about-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgba(0,0,0,var(--about-hero-overlay))}.about-hero__content{width:100%}.about-hero__heading{margin-bottom:clamp(12px,3.7vw,28px)}.about-hero__subtitle{font-weight:600;line-height:.83;margin-bottom:clamp(16px,4.63vw,34px)}.about-hero__play{display:flex;align-items:center;justify-content:center;width:clamp(56px,17vw,80px);aspect-ratio:1;margin:0 auto clamp(20px,6vw,40px);color:var(--button-bg-color);cursor:pointer;transition:transform .2s;background:transparent;border-width:0;border-radius:100vw}.about-hero__play:hover{transform:scale(1.06)}.about-hero__play svg{width:100%;height:100%}.about-hero__player{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#000}.about-hero__player[hidden]{display:none}.about-hero__video{display:block;width:100%;height:100%;object-fit:cover;background:#000}.about-hero__scroll{position:absolute;bottom:clamp(20px,6.2vw,48px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.85vw,14px)}.about-hero__arrow{width:auto;height:clamp(36px,11.11vw,72px);color:var(--text-highlight-color)}@media(min-width:992px){.about-hero{padding-top:clamp(199px,20.21vw,385px);padding-inline:clamp(60px,6.299vw,120px);aspect-ratio:1920/875}.about-hero__heading{margin-bottom:clamp(19px,1.875vw,36px)}.about-hero__subtitle{font-size:clamp(19px,1.875vw,36px);margin-bottom:clamp(17px,1.67vw,32px)}.about-hero__play{width:clamp(83px,8.33vw,160px);margin-bottom:clamp(27px,2.71vw,52px)}.about-hero__scroll{bottom:clamp(61px,6.247vw,119px);gap:clamp(18px,1.89vw,36px)}.about-hero__arrow{height:clamp(65px,6.667vw,127px)}.about-hero__bg--mobile{display:none}}@media(max-width:991.5px){.about-hero__bg--desktop{display:none}.about-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,#000000b3,#0000);pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-about-banner.css.map */