.cycology-story-hero{--cycology-hero-duration: 3s;--cycology-hero-text-color: #ffffff;position:relative;width:100%;height:89vh!important;overflow:hidden;background:#111;color:var(--cycology-hero-text-color)}.cycology-story-hero__slides,.cycology-story-hero__slide,.cycology-story-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.cycology-story-hero__slides{display:block}.cycology-story-hero__slide-wrapper{height:100%}.cycology-story-hero__slide{height:100%;position:relative;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.cycology-story-hero__slide.is-active{z-index:1}.cycology-story-hero__media{display:block;overflow:hidden}.cycology-story-hero__media--mobile{display:none}.cycology-story-hero__media img,.cycology-story-hero__media video{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--cycology-media-position, center center)}.cycology-story-hero__media video{background:#111}.cycology-story-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#00000047,#0000000a 34%,#000000c7),linear-gradient(90deg,#00000080,#0003 34%,#0000 70%)}.cycology-story-hero__content{position:absolute;left:clamp(32px,4.8vw,96px);right:clamp(32px,4.8vw,96px);bottom:clamp(44px,10.4vh,130px);z-index:3;width:min(620px,calc(100% - 64px));color:var(--cycology-hero-text-color)}.cycology-story-hero__subtitle,.cycology-story-hero__heading,.cycology-story-hero__description{color:inherit;margin:0}.cycology-story-hero__subtitle{max-width:520px;font-size:clamp(11px,.78vw,14px);line-height:1.3;font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin:30px 0}.cycology-story-hero__heading{font-size:clamp(32px,3.2vw,64px);line-height:.96;font-weight:700;letter-spacing:0;text-transform:uppercase}.cycology-story-hero__description{max-width:520px;margin-top:14px;font-size:clamp(14px,.96vw,18px);line-height:1.45}.cycology-story-hero__ctas{display:flex;flex-wrap:wrap;gap:10px}.cycology-story-hero__button{min-width:190px;min-height:22px;display:inline-flex;align-items:center;justify-content:center;padding:12px 10px;color:inherit;background:#fff;font-size:12px;line-height:1;font-weight:700;letter-spacing:.04em;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .18s ease,color .18s ease,border-color .18s ease;color:#000;border-radius:50px}.cycology-story-hero__button:hover,.cycology-story-hero__button:focus-visible{background:#000;transition:.8s}.cycology-story-hero__button:hover span,.cycology-story-hero__button:focus-visible span{color:#fff}.cycology-story-hero__button--solid{background:currentColor}.cycology-story-hero__button--solid span{color:#111}.cycology-story-hero__button--solid:hover,.cycology-story-hero__button--solid:focus-visible{background:transparent}.cycology-story-hero__button--solid:hover span,.cycology-story-hero__button--solid:focus-visible span{color:inherit}.cycology-story-hero__controls{position:absolute;left:clamp(32px,4.8vw,96px);bottom:clamp(18px,3.2vh,42px);z-index:4;width:min(540px,calc(100% - 64px));color:#fff}.cycology-story-hero__progress{display:grid;grid-template-columns:repeat(5,minmax(34px,1fr));gap:10px;margin-bottom:16px}.cycology-story-hero__progress-bar{height:2px;overflow:hidden;border:0;padding:0;background:#ffffff57;cursor:pointer}.cycology-story-hero__progress-fill{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:#fff}.cycology-story-hero__progress-bar.is-complete .cycology-story-hero__progress-fill,.cycology-story-hero__progress-bar.is-active .cycology-story-hero__progress-fill{transform:scaleX(1)}.cycology-story-hero__nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:14px}.cycology-story-hero__arrow{width:44px;height:44px;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:transparent;cursor:pointer}.cycology-story-hero__arrow svg{width:20px;height:20px}.cycology-story-hero__count{justify-self:center;font-size:15px;line-height:1;font-weight:400;letter-spacing:.02em}.cycology-story-hero:not(.is-ready) .cycology-story-hero__slide:first-child{opacity:1;visibility:visible}@media screen and (max-width:749px){.cycology-story-hero{height:auto!important;aspect-ratio:9 / 16;width:100%}.cycology-story-hero__media--desktop{display:none}.cycology-story-hero__media--mobile{display:block}.cycology-story-hero__shade{background:linear-gradient(180deg,#00000014,#0000 42%,#000000e0),linear-gradient(0deg,#00000061,#0000 46%)}.cycology-story-hero__content{left:24px;right:24px;bottom:116px;width:auto;text-align:center}.cycology-story-hero__subtitle{max-width:none;font-size:11px}.cycology-story-hero__heading{font-size:clamp(28px,8vw,42px)}.cycology-story-hero__description{max-width:none;margin-top:10px;font-size:14px}.cycology-story-hero__ctas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cycology-story-hero__button{min-width:0;min-height:20px;padding:11px 0;font-size:11px}.cycology-story-hero__controls{left:54px;right:54px;bottom:28px;width:auto}.cycology-story-hero__progress{gap:8px;margin-bottom:14px}.cycology-story-hero__nav{grid-template-columns:32px 1fr 32px}.cycology-story-hero__arrow{width:32px;height:32px}}@media screen and (max-width:380px){.cycology-story-hero__content{left:18px;right:18px;bottom:108px}.cycology-story-hero__controls{left:36px;right:36px}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/cycology-story-hero.css.map */