.supp-hero{background:#000;--text-highlight-color: var(--text-highlight-color-bright)}.supp-hero__stage{position:relative;isolation:isolate;overflow:clip;display:flex;flex-direction:column;align-items:flex-start;aspect-ratio:320/490;padding-top:clamp(50.37px,15.741vw,155.99px);padding-inline:clamp(26.67px,8.333vw,82.58px);padding-bottom:0}.supp-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.supp-hero__bg:after{content:"";position:absolute;top:0;right:0;left:0;bottom:auto;aspect-ratio:2/1;z-index:1;background:var(--overlay-gradient-mobile)}.supp-hero__bg img{width:100%;height:100%;object-fit:cover}.supp-hero__slider,.supp-hero__slider .swiper-wrapper,.supp-hero__slider .swiper-slide{width:100%;height:100%}.supp-hero__slide{position:relative}.supp-hero__visual{position:relative;overflow:clip}.supp-hero__thumbs{position:static;z-index:2;background:linear-gradient(90deg,#010101,#113);padding-block:clamp(12px,3.75vw,24px);padding-inline:clamp(16px,5vw,32px)}.supp-hero__thumbs.swiper-initialized,.supp-hero__thumbs.swiper-initialized .supp-hero__thumb{overflow:visible}.supp-hero__thumb{display:block;width:100%;padding:0;outline:2px solid transparent;overflow:hidden;cursor:pointer;background:transparent;aspect-ratio:1;position:relative;border-width:0;border-radius:clamp(6px,1.816vw,18px);-webkit-appearance:none;appearance:none;transition:border-color .2s ease,opacity .2s ease}.supp-hero__thumb-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:clamp(6px,1.816vw,18px)}.supp-hero__thumb--dots{display:none}.supp-hero__eyebrow{text-transform:uppercase;font-weight:300;letter-spacing:.2em;color:#fff;font-size:clamp(12.44px,3.889vw,38.54px);line-height:.905;margin-bottom:clamp(4.15px,1.296vw,12.85px)}.supp-hero__heading{margin-bottom:clamp(3.85px,1.204vw,11.93px);color:#fff}.supp-hero__lead{color:#fff;max-width:none;margin-bottom:clamp(13px,4.238vw,42px)}.supp-hero__actions{display:flex;flex-wrap:wrap;gap:clamp(5.93px,1.852vw,18.35px)}.supp-hero__btn{padding-inline:1em;min-width:0;cursor:pointer}.supp-hero__btn:disabled{opacity:.6;cursor:not-allowed}.supp-hero__bar{background:linear-gradient(90deg,#010101,#113);display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:clamp(2.67px,.833vw,8.26px);row-gap:clamp(5.33px,1.667vw,16.52px);min-height:auto;padding-block:clamp(10.67px,3.333vw,33.03px);padding-inline:clamp(10.37px,3.241vw,32.12px)}.supp-hero__badge{position:relative;display:inline-flex;align-items:center;border:1px solid var(--text-highlight-color);border-radius:100vw;color:var(--text-highlight-color);text-transform:uppercase;gap:clamp(4px,1.211vw,12px);justify-content:center;text-align:center;font-weight:300;line-height:1.357;letter-spacing:.1em;font-size:clamp(8px,2.624vw,26px);min-height:clamp(17.78px,5.556vw,55.06px);padding-inline:clamp(20px,6.458vw,64px) clamp(8px,2.725vw,27px)}.supp-hero__badge sup{font-size:60%}.supp-hero__badge svg{width:var(--icon-width-mobile, var(--icon-width));height:auto}.supp-hero__badge--icon{flex:0 0 auto;position:absolute;left:clamp(10.96px,3.426vw,33.95px);display:block}@media(min-width:992px){.supp-hero__stage{aspect-ratio:1920/875;padding:clamp(35px,3.6745vw,70px)}.supp-hero__bg:after{bottom:0;aspect-ratio:unset;background:var(--overlay-gradient-desktop)}.supp-hero__eyebrow{font-size:inherit;line-height:inherit;letter-spacing:.1em;margin-bottom:clamp(8px,.78vw,15px)}.supp-hero__heading{margin-bottom:clamp(12px,1.3vw,25px)}.supp-hero__lead{max-width:clamp(269px,28.2415vw,538px);margin-bottom:clamp(17px,1.7848vw,34px)}.supp-hero__actions{flex-direction:row;gap:clamp(8px,.82vw,16px)}.supp-hero__btn{width:auto;min-width:clamp(150px,16.45vw,316px)}.supp-hero__bar{display:flex;flex-wrap:wrap;gap:clamp(10px,1.04vw,20px);min-height:clamp(72px,6.25vw,120px);padding-block:clamp(12px,1.25vw,24px);padding-inline:clamp(20px,6.77vw,130px);justify-content:center}.supp-hero__badge{gap:clamp(7px,.6vw,12px);font-weight:500;line-height:1.72;letter-spacing:normal;font-size:clamp(11px,1.146vw,22px);padding-block:clamp(5px,.525vw,10px);padding-inline:clamp(26px,2.782vw,53px);min-width:clamp(127px,13.386vw,255px)}.supp-hero__badge--icon{position:unset}.supp-hero__badge svg{width:var(--icon-width)}.supp-hero__bg--mobile{display:none}.supp-hero__thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;right:clamp(20px,2.083vw,40px);background:none;padding-block:clamp(26px,2.73vw,52px);padding-inline:0}.supp-hero__thumb{border:2px solid transparent;border-radius:clamp(10px,1.05vw,20px)}.supp-hero__thumb-img{border-radius:clamp(10px,1.05vw,20px)}.supp-hero__thumb--dots{display:flex;flex-direction:column;gap:clamp(2px,.262vw,5px);position:absolute;top:50%;left:calc(-1*clamp(7px,.735vw,14px));transform:translate(calc(-1*clamp(21px,2.205vw,42px)),-50%)}.supp-hero__thumb:not(:first-child) .supp-hero__thumb--dots:before,.supp-hero__thumb:not(:last-child) .supp-hero__thumb--dots:after{content:"";height:126.2%;left:49%;width:2px;background:#fff;opacity:.3;position:absolute}.supp-hero__thumb:not(:first-child) .supp-hero__thumb--dots:before{bottom:calc(100% + clamp(2px,.262vw,5px))}.supp-hero__thumb:not(:last-child) .supp-hero__thumb--dots:after{top:calc(100% + clamp(2px,.262vw,5px))}.supp-hero__thumb--dots>span{aspect-ratio:1;display:block;width:clamp(7px,.735vw,14px);background:var(--button-bg-color, #fff);border-radius:999px;opacity:.6;transition:.3s ease}.supp-hero__thumb.swiper-slide-thumb-active .supp-hero__thumb--dots>span{opacity:1}}@media(max-width:991.5px){.supp-hero__bg--desktop,.supp-hero__heading br{display:none}.supp-hero__heading span{display:inline-block}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-supp-hero.css.map */