.ImageFillStory{position:relative;height:220vh;background:var(--color-black);color:var(--color-white)}.ImageFillStory__pin{position:sticky;top:0;min-height:var(--image-fill-story-desktop-min-height);height:100svh;overflow:hidden;display:grid;place-items:center}.ImageFillStory__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--color-black)}.ImageFillStory__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(0,0,0,var(--image-fill-story-overlay-opacity));pointer-events:none}.ImageFillStory__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ImageFillStory__image--desktop{object-position:var(--image-fill-story-desktop-position)}.ImageFillStory__image--mobile{display:none;object-position:var(--image-fill-story-mobile-position)}.ImageFillStory__placeholder{background:linear-gradient(135deg,#171717,#333)}.ImageFillStory__content{position:relative;z-index:3;width:min(100% - var(--spacing-40),860px);display:flex;flex-direction:column;align-items:center;text-align:center}.ImageFillStory__eyebrow{margin:0 0 var(--spacing-30);color:var(--color-grey-line);font-family:var(--font-paragraph--family);line-height:var(--spacing-22) font-size: var(--font-size-16);font-weight:var(--font-weight-regular);line-height:normal;letter-spacing:0;text-transform:uppercase}.ImageFillStory__headline{margin:0;color:#8a8a8a;font-family:var(--font-heading--family);font-size:var(--font-size-45);font-weight:var(--font-weight-semibold);line-height:var(--spacing-50);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase;text-box:trim-both cap alphabetic}.ImageFillStory__headline--mobile{display:none}.ImageFillStory__line{display:block}.ImageFillStory__segment{position:relative;display:inline;white-space:normal}.ImageFillStory__segmentBase,.ImageFillStory__segmentFill{display:inline}.ImageFillStory__segmentBase{color:#ffffff57}.ImageFillStory__segmentFill{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-white);opacity:0;pointer-events:none}.ImageFillStory .FactoryStorySection__word{display:inline-block;white-space:nowrap}.ImageFillStory .FactoryStorySection__char{position:relative;display:inline-block}.ImageFillStory .FactoryStorySection__charBase,.ImageFillStory .FactoryStorySection__charFill{display:block}.ImageFillStory .FactoryStorySection__charBase{color:#ffffff57}.ImageFillStory .FactoryStorySection__charFill{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;will-change:opacity}.ImageFillStory .FactoryStorySection__charFill--dark{color:var(--color-white)}.ImageFillStory__reveal{max-width:660px;margin-top:var(--spacing-30);opacity:0;transform:translateY(18px);will-change:opacity,transform}.ImageFillStory__body,.ImageFillStory__body *{margin:0;color:var(--color-white);font-family:var(--font-paragraph--family);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);line-height:var(--spacing-22);letter-spacing:0}.ImageFillStory__buttons{display:flex;justify-content:center;gap:var(--spacing-19);margin-top:var(--spacing-30)}.ImageFillStory__button{min-width:255px;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-17) var(--spacing-28);border-radius:999px;font-family:var(--font-paragraph--family);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);letter-spacing:0;line-height:var(--spacing-18);text-decoration:none;transition:all .5s;text-transform:uppercase}.ImageFillStory__button--primary{background:var(--color-white);color:var(--color-black);border:1px solid var(--color-white)}.ImageFillStory__button--primary:hover{background:transparent;color:var(--color-white)}.ImageFillStory__button--secondary{border:1px solid var(--color-white);color:var(--color-white)}.ImageFillStory__button--secondary:hover{background:var(--color-white);color:var(--color-black)}.ImageFillStory__scroll{position:absolute;left:50%;bottom:var(--spacing-42);z-index:3;transform:translate(-50%);color:#ffffffb8;font-family:var(--font-paragraph--family);font-size:var(--font-size-9);font-weight:var(--font-weight-medium);line-height:1;letter-spacing:.09em;text-transform:uppercase}.agilitas-scroll-text{position:absolute;bottom:var(--spacing-48);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-12);color:#777}.agilitas-scroll-text span{color:var(--color-white);text-align:center;font-size:var(--font-size-10);font-style:normal;font-weight:var(--font-weight-medium);line-height:VAR(--spacing-13);letter-spacing:00.81px}.Athletes_banner_new_scrollcue_line{position:relative;width:1px;height:34px;margin:0 auto 10px;overflow:hidden;background:#e5e5e5}.Athletes_banner_new_scrollcue_line:before{content:"";position:absolute;top:0;left:0;width:100%;height:42%;background:red;animation:athletes-banner-cueline 1.8s ease-in-out infinite}@keyframes athletes-banner-cueline{0%,to{transform:translateY(0)}50%{transform:translateY(138%)}}@media(min-width:0)and (max-width:749px){.ImageFillStory{height:230vh}.agilitas-scroll-text{bottom:var(--spacing-44)}.ImageFillStory__pin{min-height:var(--image-fill-story-mobile-min-height)}.ImageFillStory__image--desktop{display:none}.ImageFillStory__image--mobile{display:block}.ImageFillStory__content{width:calc(100% - var(--spacing-32))}.ImageFillStory__eyebrow{margin-bottom:var(--spacing-30);font-size:var(--font-size-14);line-height:var(--spacing-18)}.ImageFillStory__headline{font-size:var(--font-size-40);line-height:var(--spacing-40)}.ImageFillStory__headline--desktop{display:none}.ImageFillStory__headline--mobile{display:block}.ImageFillStory__reveal{width:100%;margin-top:var(--spacing-18)}.ImageFillStory__body,.ImageFillStory__body *{font-size:var(--font-size-14);line-height:var(--spacing-18);max-width:90.5%;margin-inline:auto}.ImageFillStory__buttons{flex-direction:column;gap:var(--spacing-20);margin-top:var(--spacing-30)}.ImageFillStory__button{width:100%;padding:var(--spacing-11) var(--spacing-16);font-size:var(--font-size-12);line-height:var(--spacing-15)}.ImageFillStory__scroll{bottom:var(--spacing-26)}}@media(min-width:750px)and (max-width:991px){.agilitas-scroll-text{bottom:var(--spacing-44)}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/agilitas-image-fill-story.css.map */