.sampa-hero{--hero-orange: #F5A007;position:relative;display:block;overflow:hidden;background:#080808;color:#fff}.sampa-hero__viewport{overflow:hidden;transition:height .36s cubic-bezier(.65,0,.35,1)}.sampa-hero__track{display:flex;align-items:flex-start;transition:transform .6s cubic-bezier(.65,0,.35,1);will-change:transform}.sampa-hero__slide{position:relative;min-width:100%;min-height:var(--hero-min-height, 760px)}.sampa-hero__slide--image-only{min-height:0;aspect-ratio:var(--hero-image-ratio, 2.742857)}.sampa-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:#111}.sampa-hero__media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000d1,#00000014 72%);content:""}.sampa-hero__slide--image-only .sampa-hero__media:after{display:none}.sampa-hero__media picture,.sampa-hero__media img{width:100%;height:100%}.sampa-hero__media img{object-fit:cover}.sampa-hero__content{position:relative;z-index:2;display:flex;width:min(100% - 32px,1440px);min-height:inherit;align-items:flex-end;margin-inline:auto;padding:80px clamp(68px,6vw,96px) 96px}.sampa-hero__copy{max-width:820px}.sampa-hero__eyebrow{margin:0 0 18px;color:var(--hero-orange);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.sampa-hero__title{margin:0;color:#fff;font-size:clamp(48px,8vw,108px);line-height:.92;letter-spacing:-.055em}.sampa-hero__text{max-width:620px;margin:24px 0 32px;color:#ffffffc7;font-size:clamp(17px,2vw,22px);line-height:1.55}.sampa-hero__button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:12px 26px;border:1px solid var(--hero-orange);background:var(--hero-orange);color:#080808;font-size:14px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background .18s ease,color .18s ease,transform .18s ease}.sampa-hero__button:hover{background:#fff;color:#080808;transform:translateY(-2px)}.sampa-hero__button:focus-visible{outline:3px solid #fff;outline-offset:3px}.sampa-hero__controls{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none}.sampa-hero__arrow,.sampa-hero__dot{border:1px solid rgba(255,255,255,.45);background:#00000075;color:#fff;cursor:pointer}.sampa-hero__arrow{position:absolute;top:42%;display:grid;width:52px;height:96px;padding:0;place-items:center;border:0;border-radius:0;background:transparent;color:#fff;pointer-events:auto;transform:translateY(-50%);transition:background .18s ease,color .18s ease}.sampa-hero__arrow:hover{background:#00000038;color:var(--hero-orange);transform:translateY(-50%)}.sampa-hero__arrow:focus-visible{outline:3px solid var(--hero-orange);outline-offset:-3px}.sampa-hero__arrow svg{width:18px;height:34px;overflow:visible;filter:drop-shadow(0 2px 4px rgba(0,0,0,.68))}.sampa-hero__arrow path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;vector-effect:non-scaling-stroke}.sampa-hero__arrow--previous{left:0}.sampa-hero__arrow--next{right:0}.sampa-hero__dots{position:absolute;bottom:34px;left:50%;display:flex;gap:8px;padding:9px 12px;border-radius:999px;background:#00000061;pointer-events:auto;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sampa-hero__dot{width:10px;height:10px;padding:0;border-radius:50%}.sampa-hero__dot[aria-current=true]{border-color:var(--hero-orange);background:var(--hero-orange)}.sampa-hero__placeholder{display:grid;width:100%;height:100%;place-content:center;padding:24px;color:#fff;text-align:center}.sampa-hero__placeholder strong{display:block;margin-bottom:8px;font-size:16px;text-transform:uppercase}.sampa-hero__placeholder span{font-size:13px;opacity:.68}@media screen and (max-width:749px){.sampa-hero__slide{min-height:var(--hero-mobile-height, 680px)}.sampa-hero__slide--image-only{min-height:0;aspect-ratio:var(--hero-mobile-image-ratio, var(--hero-image-ratio, 2.742857))}.sampa-hero__content{width:min(100% - 24px,1440px);padding:72px 12px 112px}.sampa-hero__title{font-size:clamp(44px,15vw,72px)}.sampa-hero__arrow{top:32%;width:40px;height:76px}.sampa-hero__arrow svg{width:14px;height:28px}.sampa-hero__dots{bottom:24px}.sampa-hero__slide--image-only .sampa-hero__media{background:#eef1f7}.sampa-hero__slide--image-only .sampa-hero__media img{height:100%;object-fit:contain}}@media(prefers-reduced-motion:reduce){.sampa-hero__track,.sampa-hero__viewport,.sampa-hero__button,.sampa-hero__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sampa-hero.css.map */