.creatine-hero{overflow:hidden;background-color:var(--background-color-mobile)}@media(min-width:1024px){.creatine-hero{background-color:var(--background-color)}}.creatine-hero__inner{display:grid;grid-template-columns:1fr;grid-template-areas:"image" "content"}@media screen and (min-width:1024px){.creatine-hero__inner{grid-template-columns:minmax(260px,32%) 1fr minmax(180px,20%);grid-template-areas:"content image gallery";gap:40px}}@media screen and (min-width:1440px){.creatine-hero__inner{gap:80px}}.creatine-hero__content{grid-area:content;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem 2rem 3rem;color:var(--c__eh-blue-dark, #0b1c30)}@media screen and (min-width:1024px){.creatine-hero__content{align-items:flex-start;text-align:left;padding:4rem 2.5rem 4rem 4rem}}@media screen and (min-width:1440px){.creatine-hero__content{padding:4rem 2.5rem 4rem 7.5rem}}main .creatine-hero__heading{margin:0 0 1.25rem;color:inherit}@media(max-width:1023px){main .creatine-hero__heading{font-size:clamp(2rem,10vw,4rem)}}.creatine-hero__heading-em{display:block;font-style:italic;font-weight:300;text-decoration:underline;text-underline-offset:5px}.creatine-hero__body{font-size:1rem;line-height:1.55;color:inherit;margin-bottom:2rem;max-width:36ch}.creatine-hero__buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media screen and (min-width:1024px){.creatine-hero__buttons{justify-content:flex-start}}.creatine-hero__buttons .btn{min-width:0}.creatine-hero__image{grid-area:image;position:relative;overflow:hidden}.creatine-hero__img{width:100%;height:100%;object-fit:cover;display:block}.creatine-hero__gallery,creatine-hero-gallery{grid-area:gallery;display:none}@media screen and (min-width:1024px){.creatine-hero__gallery,creatine-hero-gallery{display:block;position:relative;overflow:hidden;margin-right:64px}}.creatine-hero__gallery-track{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;gap:16px;animation:creatine-gallery-scroll var(--gallery-speed, 35s) linear infinite}@media(prefers-reduced-motion:reduce){.creatine-hero__gallery-track{animation:none}}.creatine-hero__gallery--static .creatine-hero__gallery-track{animation:none}.creatine-hero__gallery-track:hover{animation-play-state:paused}@keyframes creatine-gallery-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.creatine-hero__gallery-item{flex-shrink:0;aspect-ratio:1;width:100%;overflow:hidden}.creatine-hero__gallery-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}
/*# sourceMappingURL=/cdn/shop/t/531/assets/section-creatine-hero.css.map */