:root{--orela-creatine-surface: #f5f5f5;--orela-creatine-panel: #e4f3f5;--orela-creatine-ink: #24333b;--orela-creatine-accent: #00a7ba;--orela-creatine-accent-hover: #008f9f;--orela-creatine-accent-soft: #edf9fb;--orela-creatine-line: #bfe2e7;--orela-creatine-card: #ffffff}.orela-product-hero{position:relative;isolation:isolate;overflow:hidden;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.orela-product-hero--creatine-story{background-color:var(--orela-creatine-surface);color:var(--orela-creatine-ink)}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background{background-color:#54b7ea;color:#fff}.orela-product-hero *,.orela-product-hero *:before,.orela-product-hero *:after{box-sizing:border-box}.orela-product-hero__background,.orela-product-hero__mobile-visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.orela-product-hero__background img,.orela-product-hero__mobile-visual img{display:block;width:100%;height:100%;object-fit:cover}.orela-product-hero__background picture{display:block;width:100%;height:100%}.orela-product-hero__mobile-visual{display:none}.orela-product-hero__inner{display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);min-height:450px;padding-block:48px}.orela-product-hero__content{z-index:1;display:grid;justify-items:start;align-content:center;max-width:480px}.orela-product-hero__eyebrow{margin:0 0 14px;color:inherit;font-family:var(--font-body-family);font-size:calc(1.2rem * var(--font-body-scale));font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold);letter-spacing:.14em;line-height:1.2}.orela-product-hero :is(h1,h2){max-width:480px;margin:0;color:inherit;font-family:var(--font-heading-family);font-size:clamp(3.6rem,4vw,5.6rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.04em;line-height:1.04}.orela-product-hero__body{max-width:460px;margin:20px 0 0;color:inherit;font-family:var(--font-body-family);font-size:calc(1.6rem * var(--font-body-scale));font-style:var(--font-body-style);font-weight:var(--font-body-weight);letter-spacing:0;line-height:1.5}.orela-product-hero__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:10px 20px;margin:22px 0 0;padding:0;list-style:none}.orela-product-hero__benefits li{display:inline-flex;align-items:center;color:inherit;font-family:var(--font-body-family);font-size:calc(1.35rem * var(--font-body-scale));font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold);line-height:1.35}.orela-product-hero__cta{min-width:160px;margin-top:28px;border-radius:var(--buttons-radius-outset);background-color:rgb(var(--color-button));background-image:none;color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold)}.orela-product-hero--creatine-story .orela-product-hero__cta{border-radius:999px;background-color:var(--orela-creatine-accent);color:#fff}.orela-product-hero--creatine-story .orela-product-hero__cta:hover,.orela-product-hero--creatine-story .orela-product-hero__cta:focus-visible{background-color:var(--orela-creatine-accent-hover)}.orela-product-hero__cta:before,.orela-product-hero__cta:after{background-image:none}.orela-product-hero__visual-slot{position:relative;min-width:0;align-self:center}.orela-product-hero__visual-slot-spacer{display:none}.orela-product-hero__visual-slot--placeholder{aspect-ratio:16 / 10;border:1px solid var(--orela-creatine-line);border-radius:18px;background:var(--orela-creatine-panel)}.orela-product-hero__visual-slot img{position:absolute;right:0;bottom:0;display:block;width:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background .orela-product-hero__inner{grid-template-columns:minmax(0,1fr)}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background .orela-product-hero__content{max-width:480px;color:#fff}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background .orela-product-hero__visual-slot{display:none}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background .orela-product-hero__cta{min-width:178px;background-color:#fff;color:var(--orela-creatine-ink)}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background .orela-product-hero__cta:hover,.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background .orela-product-hero__cta:focus-visible{background-color:var(--orela-creatine-panel)}.orela-product-hero--formula{background-color:var(--orela-creatine-accent-soft)}.orela-product-hero--formula .orela-product-hero__inner{grid-template-columns:minmax(0,45%) minmax(0,55%)}.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__inner{min-height:clamp(420px,38.2vw,550px)}.orela-product-hero--formula .orela-product-hero__content{order:2;max-width:520px;padding-left:clamp(24px,4vw,72px)}.orela-product-hero--formula .orela-product-hero__visual-slot{order:1}.orela-product-hero--formula .orela-product-hero__visual-slot--placeholder{border:0;border-radius:0;background:var(--orela-creatine-panel)}.orela-product-hero--formula .orela-product-hero__benefits{grid-template-columns:minmax(0,1fr);gap:8px}.orela-product-hero--formula .orela-product-hero__benefits li:before{width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--orela-creatine-accent);content:""}@media screen and (min-width:750px){.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__benefits,.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__cta{justify-self:start}.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__benefits{width:100%}}@media screen and (max-width:749px){.orela-product-hero__inner{display:block;min-height:0;padding-block:54px}.orela-product-hero__content{justify-items:center;max-width:480px;margin-inline:auto;text-align:center}.orela-product-hero :is(h1,h2){font-size:clamp(3.4rem,10vw,4.6rem)}.orela-product-hero__body{margin-top:18px}.orela-product-hero__benefits{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,360px);justify-items:center;margin-top:20px}.orela-product-hero__cta{margin-top:26px}.orela-product-hero__visual-slot{display:none}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background .orela-product-hero__inner{display:grid;min-height:462px;padding-top:42px;padding-bottom:32px;align-content:start}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background .orela-product-hero__content{max-width:350px}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background :is(h1,h2){font-size:clamp(3.2rem,9.4vw,4.1rem)}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background .orela-product-hero__body{max-width:342px;margin-top:14px;font-size:calc(1.45rem * var(--font-body-scale));line-height:1.38}.orela-product-hero--creatine-story.orela-product-hero--lifestyle.orela-product-hero--has-background .orela-product-hero__cta{min-width:164px;margin-top:20px}.orela-product-hero--formula .orela-product-hero__inner{display:block;min-height:0}.orela-product-hero--formula.orela-product-hero--has-background.orela-product-hero--has-mobile-visual .orela-product-hero__inner{display:grid;grid-template-columns:minmax(0,1fr);min-height:585px;padding-top:36px;padding-bottom:18px;align-content:start}.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__content{max-width:340px}.orela-product-hero--formula.orela-product-hero--has-background :is(h1,h2){font-size:clamp(2.8rem,8.2vw,3.2rem);line-height:1.06;overflow-wrap:normal;word-break:normal}.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__content,.orela-product-hero--formula.orela-product-hero--has-background :is(h1,h2),.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__body,.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__benefits li{color:#fff;text-shadow:0 1px 12px rgba(15,83,98,.2)}.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__body{max-width:320px;margin-top:12px;font-size:calc(1.3rem * var(--font-body-scale));line-height:1.4}.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__benefits{width:fit-content;max-width:100%;grid-template-columns:max-content;justify-content:center;justify-self:center;justify-items:center;gap:9px;margin-top:16px}.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__benefits li{justify-content:center;font-size:calc(1.32rem * var(--font-body-scale));line-height:1.3;text-align:center}.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__benefits li:before{display:grid;width:18px;height:18px;margin-right:12px;place-items:center;background:#ffffffeb;color:var(--orela-creatine-accent-hover);content:"\2713";font-size:12px;font-weight:800;line-height:1}.orela-product-hero--formula.orela-product-hero--has-background .orela-product-hero__cta{min-width:min(300px,78vw);margin-top:22px}.orela-product-hero--formula .orela-product-hero__content{padding-left:0}.orela-product-hero--formula .orela-product-hero__benefits{justify-items:center;width:fit-content;max-width:100%}.orela-product-hero--has-mobile-visual .orela-product-hero__mobile-visual{display:block}.orela-product-hero--has-mobile-visual .orela-product-hero__inner{display:grid;min-height:462px}}@media screen and (min-width:750px)and (max-width:989px){.orela-product-hero__inner{min-height:400px;padding-block:40px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/orela-product-hero.css.map */