.muskle-bb{--muskle-bb-desktop-aspect: 3 / 1;--muskle-bb-mobile-aspect: 1 / 1;position:relative;width:100%;max-width:100%;margin:0;padding:0;isolation:isolate;background:#fff;display:grid;grid-template-columns:minmax(var(--page-margin, 16px),1fr) min(calc(var(--page-width, 100%) - var(--page-margin, 16px) * 2),calc(100% - var(--page-margin, 16px) * 2)) minmax(var(--page-margin, 16px),1fr);box-sizing:border-box}.muskle-bb__rail{grid-column:2;position:relative;width:100%;max-width:100%;min-width:0;margin:0;padding:0;overflow:hidden;isolation:isolate;height:auto;min-height:0;aspect-ratio:var(--muskle-bb-desktop-aspect);box-sizing:border-box}.muskle-bb__media,.muskle-bb__picture,.muskle-bb__img{display:block;width:100%;height:100%}.muskle-bb__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.muskle-bb__img{object-fit:cover;object-position:center center;border:0}@media screen and (max-width:749px){.muskle-bb__rail{aspect-ratio:var(--muskle-bb-mobile-aspect)}}.muskle-bb .muskle-bb__img.muskle-ccb__img{object-position:center center}.muskle-bb--overlay{--muskle-bb-logo-max: clamp(140px, 18vw, 210px);--muskle-bb-logo-delay: .42s;--muskle-bb-ease: cubic-bezier(.22, 1, .36, 1);--muskle-bb-logo-top: 46%;--muskle-bb-tagline-top: 66%}.muskle-bb--overlay.muskle-bb--wordmark{--muskle-bb-logo-max: clamp(240px, 34vw, 420px)}.muskle-bb--overlay.muskle-bb--badge{--muskle-bb-logo-max: clamp(96px, 13vw, 132px)}.muskle-bb--overlay.muskle-bb--mark{--muskle-bb-logo-max: clamp(150px, 20vw, 220px)}.muskle-bb__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 46% 58% at 50% 48%,#ffffff47,#ffffff1a 42%,#fff0 72%)}.muskle-bb--overlay.muskle-bb--badge .muskle-bb__veil{background:radial-gradient(ellipse 38% 48% at 50% 46%,#ffffff29,#ffffff0d 40%,#fff0 70%)}.muskle-bb__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.muskle-bb__title-stack{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(100%,28rem);max-width:calc(100% - 48px);height:100%;margin:0;padding:0;display:block;box-sizing:border-box}.muskle-bb--overlay .muskle-animated-logo--brand-bb{position:absolute;top:var(--muskle-bb-logo-top);left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--muskle-bb-logo-max);margin:0;pointer-events:none}.muskle-bb--overlay .muskle-animated-logo--brand-bb .muskle-animated-logo__wrap{position:relative;overflow:hidden;width:100%;display:flex;justify-content:center}.muskle-bb--overlay .muskle-animated-logo--brand-bb .muskle-animated-logo__logo{width:100%;max-width:var(--muskle-bb-logo-max);height:auto;opacity:0;transform:scale(.92) translateY(8px);filter:drop-shadow(0 2px 10px rgb(0 0 0 / .28))}.muskle-bb--overlay.muskle-bb--wordmark .muskle-animated-logo--brand-bb .muskle-animated-logo__logo{filter:drop-shadow(0 1px 0 rgb(255 255 255 / .28)) drop-shadow(0 2px 12px rgb(0 0 0 / .28))}.muskle-bb--overlay.muskle-bb--badge .muskle-animated-logo--brand-bb .muskle-animated-logo__logo{filter:drop-shadow(0 4px 16px rgb(0 0 0 / .38))}.muskle-bb--overlay.muskle-ccb--text-ready:not(.muskle-ccb--reduced-motion) .muskle-animated-logo--brand-bb .muskle-animated-logo__logo{animation:muskle-ccb-creatine-logo-reveal 1.15s var(--muskle-bb-ease) forwards;animation-delay:var(--muskle-bb-logo-delay)}.muskle-bb--overlay .muskle-animated-logo--brand-bb .muskle-animated-logo__shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgb(227 6 19 / .12) 50%,transparent 65%);transform:translate(-120%);pointer-events:none}.muskle-bb--overlay.muskle-bb--badge .muskle-animated-logo--brand-bb .muskle-animated-logo__shine{background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .22) 50%,transparent 65%)}.muskle-bb--overlay.muskle-ccb--text-ready:not(.muskle-ccb--reduced-motion) .muskle-animated-logo--brand-bb .muskle-animated-logo__shine{animation:muskle-ccb-creatine-logo-shine 1.7s var(--muskle-bb-ease) forwards;animation-delay:calc(var(--muskle-bb-logo-delay) + .38s)}.muskle-bb__subtitle{position:absolute;top:var(--muskle-bb-tagline-top);left:50%;margin:0;max-width:100%;transform:translate(-50%,-50%);color:#f7f7f7;font-size:clamp(1.15rem,1.8vw,1.75rem);font-weight:600;letter-spacing:.04em;line-height:1.25;text-align:center;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / .78),0 0 18px rgb(0 0 0 / .45)}.muskle-bb--overlay.muskle-bb--tone-dark .muskle-bb__subtitle{color:#1a1a1a;text-shadow:0 1px 0 rgba(255,255,255,.72),0 0 14px rgba(255,255,255,.35)}.muskle-bb--overlay:not(.muskle-ccb--text-ready):not(.muskle-ccb--reduced-motion) .muskle-bb__subtitle{opacity:0;transform:translate(-50%,calc(-50% + 10px))}.muskle-bb--overlay.muskle-ccb--text-ready:not(.muskle-ccb--reduced-motion) .muskle-bb__subtitle{animation:muskle-bb-tagline-in .42s ease .68s both}@keyframes muskle-ccb-creatine-logo-reveal{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes muskle-ccb-creatine-logo-shine{to{transform:translate(120%)}}@keyframes muskle-bb-tagline-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}@media screen and (min-width:750px){.muskle-bb__subtitle{font-size:clamp(1.35rem,1.7vw,1.85rem);line-height:1.15}}@media screen and (max-width:749px){.muskle-bb--overlay{--muskle-bb-logo-top: 34%;--muskle-bb-tagline-top: 48%}.muskle-bb--overlay.muskle-bb--wordmark{--muskle-bb-logo-max: clamp(188px, 56vw, 248px)}.muskle-bb--overlay.muskle-bb--badge{--muskle-bb-logo-max: clamp(84px, 24vw, 104px);--muskle-bb-logo-top: 30%;--muskle-bb-tagline-top: 46%}.muskle-bb--overlay.muskle-bb--mark{--muskle-bb-logo-max: clamp(120px, 38vw, 168px)}.muskle-bb__title-stack{max-width:calc(100% - 24px);width:min(100%,22rem)}.muskle-bb--overlay .muskle-animated-logo--brand-bb,.muskle-bb--overlay .muskle-animated-logo--brand-bb .muskle-animated-logo__logo{width:var(--muskle-bb-logo-max);max-width:var(--muskle-bb-logo-max)}.muskle-bb__subtitle{font-size:clamp(16px,4.4vw,20px);line-height:1.15;letter-spacing:.03em;white-space:nowrap}}@media screen and (max-width:380px){.muskle-bb--overlay.muskle-bb--wordmark{--muskle-bb-logo-max: clamp(168px, 70vw, 210px);--muskle-bb-logo-top: 32%;--muskle-bb-tagline-top: 46%}.muskle-bb--overlay.muskle-bb--badge{--muskle-bb-logo-max: 88px;--muskle-bb-logo-top: 28%;--muskle-bb-tagline-top: 44%}.muskle-bb--overlay.muskle-bb--mark{--muskle-bb-logo-max: clamp(108px, 48vw, 140px)}.muskle-bb__subtitle{font-size:clamp(14px,4.2vw,17px)}}.muskle-bb--overlay.muskle-ccb--reduced-motion .muskle-animated-logo--brand-bb .muskle-animated-logo__logo,.muskle-bb--overlay.muskle-ccb--reduced-motion .muskle-bb__subtitle{opacity:1;transform:none;animation:none}.muskle-bb--overlay.muskle-ccb--reduced-motion .muskle-bb__subtitle{transform:translate(-50%,-50%)}.muskle-bb--overlay.muskle-ccb--reduced-motion .muskle-animated-logo--brand-bb .muskle-animated-logo__logo{transform:none}.muskle-bb--overlay.muskle-ccb--reduced-motion .muskle-animated-logo--brand-bb .muskle-animated-logo__shine{display:none}@media(prefers-reduced-motion:reduce){.muskle-bb--overlay .muskle-animated-logo--brand-bb .muskle-animated-logo__logo,.muskle-bb--overlay .muskle-bb__subtitle{opacity:1;animation:none}.muskle-bb--overlay .muskle-animated-logo--brand-bb .muskle-animated-logo__logo{transform:none}.muskle-bb--overlay .muskle-bb__subtitle{transform:translate(-50%,-50%)}.muskle-bb--overlay .muskle-animated-logo--brand-bb .muskle-animated-logo__shine{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/muskle-brand-banner.css.map */