.cl-hero-slider{position:relative;width:100%;margin-inline:auto}.cl-hero-slider--container{max-width:1440px}.cl-hero-slider__swiper{width:100%;overflow:hidden;border-bottom-left-radius:var(--cl-hero-radius, 28px);border-bottom-right-radius:var(--cl-hero-radius, 28px)}.cl-hero-slider .swiper-wrapper{display:flex}.cl-hero-slider .swiper-slide{flex-shrink:0;width:100%;height:auto}.cl-hero-slider[data-slide-count="1"] .swiper-slide:not(:first-child),.cl-hero-slider:not([data-cl-init=true]) .swiper-slide:not(:first-child){display:none}.cl-hero-slider[data-cl-init=true] .swiper-slide:not(:first-child){display:block}.cl-hero{--cl-hero-text: #f7f6fb;--cl-hero-btn-bg: #c8f566;--cl-hero-btn-text: #3b0183;--cl-hero-btn-hover-bg: #ffffff;--cl-hero-btn-hover-text: #3b0183;position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:min(var(--cl-hero-height-desktop, 600px),100vh);padding:clamp(32px,4.5vw,64px);overflow:hidden;background:#200b25;color:var(--cl-hero-text);font-family:var(--font-body-family, "Instrument Sans", sans-serif)}@supports (height: 100svh){.cl-hero{height:min(var(--cl-hero-height-desktop, 600px),100svh)}}.cl-hero-slider--fullheight .cl-hero{height:100vh}@supports (height: 100svh){.cl-hero-slider--fullheight .cl-hero{height:100svh}}.cl-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cl-hero__media video,.cl-hero__media img{width:100%;height:100%;object-fit:cover;object-position:var(--cl-hero-focus, center top);display:block}.cl-hero__media--desktop{display:block;height:100%}.cl-hero__media--mobile{display:none;height:100%}.cl-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:var(--cl-hero-overlay, .3);background:linear-gradient(to right,rgb(12,0,26) 0%,rgb(12,0,26) calc(var(--cl-hero-ov-size-d, 60%) * .4),transparent var(--cl-hero-ov-size-d, 60%));pointer-events:none}.cl-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(20px,2.5vw,32px);width:100%;max-width:1312px;margin-inline:auto}.cl-hero--align-center .cl-hero__content{align-items:center;text-align:center}.cl-hero__text{display:flex;flex-direction:column;gap:16px;max-width:560px}.cl-hero__overline{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:0}.cl-hero__heading{font-family:var(--font-heading-family, "Bricolage Grotesque", sans-serif);font-size:min(var(--cl-hero-heading-size, 36px),calc(22px + 1.8vw));font-weight:600;line-height:1.15;margin:0;overflow-wrap:break-word}.cl-hero__subtext{font-size:clamp(15px,1.3vw,18px);font-weight:400;line-height:1.4;margin:0;color:#f7f6fbeb}.cl-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(16px,2.5vw,32px)}.cl-hero__btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:clamp(13px,1.2vw,16px) clamp(22px,2vw,28px);border-radius:999px;font-size:clamp(14px,1.2vw,16px);font-weight:600;line-height:normal;text-decoration:none;white-space:nowrap;transition:color .2s ease}.cl-hero__btn:before{content:"";position:absolute;left:50%;bottom:-20%;width:130%;height:0;transform:translate(-50%);background:var(--cl-hero-btn-hover-bg);border-radius:50%;z-index:-1;transition:height .45s cubic-bezier(.34,1.56,.64,1),border-radius .4s ease}@media(hover:hover){.cl-hero__btn:hover:before{height:260%;border-radius:0}.cl-hero__btn:hover{color:var(--cl-hero-btn-hover-text)}}.cl-hero__btn--primary{background:var(--cl-hero-btn-bg);color:var(--cl-hero-btn-text)}.cl-hero__btn--text{background:transparent;color:#fff}@media screen and (max-width:989px){.cl-hero{height:auto;min-height:var(--cl-hero-min-height-mobile-fallback, 100vh);justify-content:flex-start;padding:96px 20px 48px}.cl-hero:before{content:"";flex-grow:var(--cl-hero-mobile-pos, 100)}.cl-hero:after{content:"";flex-grow:calc(100.001 - var(--cl-hero-mobile-pos, 100))}@supports (min-height: 100svh){.cl-hero{min-height:var(--cl-hero-min-height-mobile, 100svh)}}.cl-hero-slider--fullheight .cl-hero{height:auto}.cl-hero__media--desktop{display:none}.cl-hero__media--mobile{display:block}.cl-hero__media video,.cl-hero__media img{object-position:var(--cl-hero-focus-m, center center)}.cl-hero--mobile-fallback .cl-hero__media--desktop{display:block}.cl-hero__heading{font-size:clamp(26px,7.5vw,calc(var(--cl-hero-heading-size, 36px) * .85))}.cl-hero__subtext{font-size:16px}.cl-hero__text{max-width:100%}.cl-hero__actions{gap:16px}.cl-hero__btn{padding:14px 24px;font-size:15px}.cl-hero__overlay{opacity:var(--cl-hero-ov-m, .3);background:linear-gradient(to top,rgb(12,0,26) 0%,rgb(12,0,26) calc(var(--cl-hero-ov-size-m, 60%) * .4),transparent var(--cl-hero-ov-size-m, 60%))}}@media screen and (max-width:380px){.cl-hero{padding:88px 16px 40px}.cl-hero__btn{padding:12px 20px;font-size:14px}}.cl-hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff24;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;transition:background .2s ease,color .2s ease}.cl-hero-slider__arrow:hover{background:#fff;color:#3b0183}.cl-hero-slider__arrow svg{width:20px;height:20px}.cl-hero-slider__arrow--prev{left:clamp(12px,2vw,24px)}.cl-hero-slider__arrow--prev svg{transform:rotate(90deg)}.cl-hero-slider__arrow--next{right:clamp(12px,2vw,24px)}.cl-hero-slider__arrow--next svg{transform:rotate(-90deg)}.cl-hero-slider__arrow.swiper-button-disabled{opacity:.35;pointer-events:none}@media screen and (max-width:989px){.cl-hero-slider__arrow{display:none}}.cl-hero-slider__pagination{position:absolute;left:0;right:0;bottom:20px;z-index:5;display:flex;justify-content:center;gap:8px;pointer-events:none}.cl-hero-slider__pagination .swiper-pagination-bullet{pointer-events:auto;width:8px;height:8px;border-radius:999px;background:#ffffff73;opacity:1;cursor:pointer;transition:width .25s ease,background .25s ease}.cl-hero-slider__pagination .swiper-pagination-bullet-active{width:28px;background:#c8f566}@media(prefers-reduced-motion:reduce){.cl-hero__media video{display:none}.cl-hero__media img{display:block}.cl-hero__btn,.cl-hero__btn:before{transition:none}}.cl-hero :focus-visible{outline:2px solid #c8f566;outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/cl-hero-dark.css.map */