reference-slideshow{display:block}.reference-hero{position:relative;display:block;width:100%;height:calc(var(--reference-hero-height, 100) * 1vh);height:calc(var(--reference-hero-height, 100) * 1svh);min-height:45rem;overflow:hidden;background:#222;color:#fff;isolation:isolate}.reference-hero__slides,.reference-hero__slide,.reference-hero__picture,.reference-hero__placeholder,.reference-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.reference-hero__slide{z-index:0;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .6s ease,visibility .6s}.reference-hero__slide.is-active{z-index:1;visibility:visible;opacity:1}.reference-hero__picture,.reference-hero__placeholder{display:block;width:100%;height:100%}.reference-hero__image,.reference-hero__placeholder svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.reference-hero__overlay{z-index:1;background:#000;opacity:var(--reference-hero-overlay-opacity, .33)}.reference-hero__content{position:absolute;z-index:2;top:50%;left:50%;display:flex;width:min(calc(100% - 4rem),var(--reference-hero-text-width, 90rem));flex-direction:column;align-items:center;text-align:center;transform:translate(-50%,-50%)}.reference-hero__eyebrow,.reference-hero__heading,.reference-hero__description{color:inherit}.reference-hero__eyebrow{margin:0 0 1.2rem;font-size:1.3rem;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;font-family:var(--font-body-family)}.reference-hero__heading{margin:0;font-family:var(--font-heading-family);font-size:clamp(4rem,5.2vw,var(--reference-hero-heading-size, 6rem));font-weight:var(--font-heading-weight);line-height:1.05}.reference-hero__description{max-width:65rem;margin-top:2rem;font-size:1.6rem;line-height:1.55;font-family:var(--font-body-family)}.reference-hero__description p{margin:0}.reference-hero__button{position:relative;z-index:0;overflow:hidden;isolation:isolate;display:inline-flex;min-height:4.8rem;align-items:center;justify-content:center;margin-top:2.8rem;padding:0 2.2rem;border:1px solid var(--reference-hero-button-text, #fff);color:var(--reference-hero-button-text, #fff);background:var(--reference-hero-button-background, transparent);font-size:1.2rem;letter-spacing:.05em;font-family:var(--font-body-family);text-decoration:none}.reference-hero__button:before{position:absolute;z-index:-1;top:0;left:-15%;width:130%;height:100%;background:color-mix(in srgb,var(--reference-hero-button-text, #fff) 12%,transparent);content:"";transform:translate(-100%) skew(30deg);transition:transform .5s cubic-bezier(.33,0,0,1)}.reference-hero__button:hover,.reference-hero__button:focus-visible{color:var(--reference-hero-button-text, #fff)}.reference-hero__button:hover:before,.reference-hero__button:focus-visible:before{transform:translate(0) skew(30deg)}.reference-hero__button:focus-visible{outline:2px solid var(--reference-hero-button-text, #fff);outline-offset:4px}.reference-hero__controls{position:absolute;z-index:3;right:2rem;bottom:2rem;left:2rem;display:flex;align-items:center;justify-content:space-between}.reference-hero__arrow,.reference-hero__dot{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;color:#fff;background:transparent;cursor:pointer}.reference-hero__arrow{width:4rem;height:4rem;border:1px solid rgb(255 255 255 / 70%);border-radius:50%;font-size:2rem}.reference-hero__pagination{display:flex;gap:1rem}.reference-hero__dot{width:2rem;height:2rem}.reference-hero__dot:after{width:.7rem;height:.7rem;border:1px solid #fff;border-radius:50%;content:""}.reference-hero__dot.is-active:after{background:#fff}@media(prefers-reduced-motion:no-preference){.reference-hero__image{transform:scale(1.3);opacity:.01;transition:transform 1.2s cubic-bezier(.33,0,0,1),opacity 1.2s cubic-bezier(.33,0,0,1)}.reference-hero.is-ready .reference-hero__slide.is-active .reference-hero__image{transform:scale(1);opacity:1}.reference-hero__overlay{opacity:0;transition:opacity .5s cubic-bezier(.33,0,0,1);display:block!important}.reference-hero.is-ready .reference-hero__slide.is-active .reference-hero__overlay{opacity:var(--reference-hero-overlay-opacity, .33)}.reference-hero__content>*{transform:translateY(2rem);opacity:0;transition:transform .5s cubic-bezier(.33,0,0,1),opacity .5s cubic-bezier(.33,0,0,1);transition-delay:calc(var(--reference-hero-text-order, 0) * 67ms)}.reference-hero__content>:nth-child(1){--reference-hero-text-order: 3}.reference-hero__content>:nth-child(2){--reference-hero-text-order: 4}.reference-hero__content>:nth-child(3){--reference-hero-text-order: 5}.reference-hero__content>:nth-child(4){--reference-hero-text-order: 6}.reference-hero.is-ready .reference-hero__slide.is-active .reference-hero__content>*{transform:translateY(0);opacity:1}}@media screen and (max-width:749px){.reference-hero{height:calc(var(--reference-hero-height-mobile, 100) * 1vh);height:calc(var(--reference-hero-height-mobile, 100) * 1svh);min-height:48rem}.reference-hero__content{width:calc(100% - 4rem)}.reference-hero__heading{font-size:clamp(3.6rem,10vw,5rem)}.reference-hero__description{margin-top:1.5rem;font-size:1.4rem}.reference-hero__button{min-height:4.6rem;margin-top:2rem;padding:0 1.6rem}}@media(prefers-reduced-motion:reduce){.reference-hero__slide,.reference-hero__image,.reference-hero__overlay,.reference-hero__content>*,.reference-hero__button,.reference-hero__button:before{transition:none}.reference-hero__image,.reference-hero__content>*{transform:none;opacity:1}.reference-hero__overlay{opacity:var(--reference-hero-overlay-opacity, .33)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/reference-slideshow.css.map */