.hero{position:relative;background-color:transparent;overflow:hidden}.hero__slider{display:flex;overflow:hidden;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hero__slide{flex:0 0 100%;min-width:100%}.hero__container{padding:0;max-width:none;width:100%}.hero__panel{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:65rem;max-width:none;margin:0;padding:6rem max(2.4rem,calc((100vw - 1180px)/2 + 2.4rem)) 7rem;background:#eef1f4;border-top-left-radius:0rem;border-top-right-radius:0rem;box-shadow:none;position:relative;overflow:hidden}.hero__content{max-width:50rem;position:relative;z-index:1}.hero__subtitle{display:inline-block;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#6b7280;margin-bottom:1.6rem}.hero__title{font-size:clamp(3.6rem,5.6vw,5.2rem);font-weight:800;line-height:1.1;color:#fcfcfc;margin-bottom:1.6rem}.hero__description{font-size:1.6rem;line-height:1.6;color:#eaeaea;font-weight:600;margin-bottom:2.4rem}.hero__actions{display:flex;flex-wrap:wrap;gap:1.2rem}.hero__button{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.6rem;background-color:var(--color-primary);color:#fff;font-size:1.6rem;font-weight:600;letter-spacing:.5px;border-radius:4px;transition:all var(--transition-base)}.hero__button:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.hero__button .icon{transition:transform var(--transition-base)}.hero__button:hover .icon{transform:translate(4px)}.hero__button--secondary{background:transparent;border:1px solid rgba(255,255,255,.7);color:#fff}.hero__button--secondary:hover{background:#ffffff1f;border-color:#fff}.hero__image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;z-index:1}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.8}.hero__bg-video{width:100%;height:100%;object-fit:cover}.hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73}.hero__image-wrapper:before{content:"";position:absolute;width:36rem;height:36rem;border-radius:50%;background:#0000000d;z-index:0}.hero__image{max-height:45rem;width:auto;object-fit:contain;position:relative;z-index:1}.hero__image-placeholder{width:100%;max-width:45rem;aspect-ratio:1;background-color:var(--color-border);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.hero__image-placeholder .placeholder-svg{width:50%;height:50%;fill:var(--color-text);opacity:.3}.hero__badge{position:absolute;top:2rem;right:2rem;width:7.2rem;height:7.2rem;background-color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ef4444;box-shadow:0 12px 24px #0f172a26}.hero__badge-text{font-size:2.2rem;font-weight:800;line-height:1}.hero__badge-label{font-size:1rem;font-weight:600;color:#6b7280}.hero__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 2rem;pointer-events:none}.hero__nav{width:4.8rem;height:4.8rem;border-radius:50%;background-color:var(--color-background);color:var(--color-heading);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:all var(--transition-base);pointer-events:auto}.hero__nav:hover{background-color:var(--color-primary);color:#fff;transform:scale(1.1)}.hero__dots{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.8rem}.hero__dot{width:1rem;height:1rem;border-radius:50%;background-color:var(--color-border);transition:all var(--transition-base)}.hero__dot--active{background-color:var(--color-primary);transform:scale(1.2)}.hero__dot:hover{background-color:var(--color-primary-hover)}@media screen and (max-width:989px){.hero__panel{grid-template-columns:1fr;text-align:center;gap:3rem;padding:5rem 2rem 6rem}.hero__content{max-width:100%;order:2}.hero__actions{justify-content:center}.hero__image-wrapper{order:1}.hero__image{max-height:35rem}.hero__image-wrapper:before{width:28rem;height:28rem}}@media screen and (max-width:749px){.hero__panel{min-height:auto;padding:4rem 1.6rem 5rem}.hero__title{font-size:2.8rem}.hero__description{font-size:1.4rem}.hero__image{max-height:28rem}.hero__badge{width:6.4rem;height:6.4rem;top:1rem;right:1rem}.hero__badge-text{font-size:2rem}.hero__badge-label{font-size:.8rem}.hero__image-wrapper:before{width:22rem;height:22rem}.hero__dots{bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */