.collage-banner .page-width{max-width:1424px}.collage-banner .title-wrapper{margin-bottom:4.5rem}.collage-banner .title-wrapper .title{margin:0}.collage-banner .title-wrapper .rte{font-size:1.9rem;font-weight:400;line-height:1.3684;letter-spacing:-.19px;margin-top:1rem}.collage-banner .supplements-grid{display:grid;grid-template-columns:1.01504fr 1fr;grid-template-areas:"story sbanner1" "story sbanner2";gap:20px}.collage-banner .supplements-grid .supplement-card{position:relative;border-radius:3rem;overflow:hidden}.collage-banner .supplements-grid .supplement-card .image-wrapper{position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;transition:all .2s ease}.collage-banner .supplements-grid .supplement-card.story .image-wrapper{transform-origin:top}.collage-banner .supplements-grid .supplement-card:hover .image-wrapper,.collage-banner .supplements-grid .supplement-card.sbanner1:hover .image-wrapper,.collage-banner .supplements-grid .supplement-card.sbanner2:hover .image-wrapper{transform:scale(1.05);transition:all .2s ease}.collage-banner .supplements-grid .supplement-card .image-wrapper .media{height:100%}.collage-banner .supplements-grid .supplement-card.story{grid-area:story}.collage-banner .supplements-grid .supplement-card.story .overlay-wrapper{display:flex;align-items:flex-end;position:relative;height:100%}.collage-banner .supplements-grid .supplement-card.story .overlay{padding:4rem 3rem 3rem;text-align:center;background:#93939321;-webkit-backdrop-filter:blur(27px);backdrop-filter:blur(27px);margin:2rem;border-radius:2rem;overflow:hidden;--color-foreground: 255,255,255;--color-button: 255,255,255;--color-button-text: 255,255,255}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__heading{font-family:var(--font-body-family);font-size:5.5rem;font-weight:700;line-height:.9;letter-spacing:-.55px}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__text{font-size:2.1rem;font-weight:400;line-height:1.3333;letter-spacing:-.21px;color:rgba(var(--color-foreground));margin-top:2.5rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__buttons{margin-top:2.5rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__buttons .deferred-media__poster-button{background:rgba(var(--color-button),.2);padding:1.4rem 4rem;font-size:1.8rem;font-weight:700;line-height:normal;letter-spacing:-.18px;position:relative;border-radius:var(--buttons-radius);width:auto;height:auto;transform:none;left:auto;top:auto}.collage-banner .supplements-grid .supplement-card.sbanner1{grid-area:sbanner1}.collage-banner .supplements-grid .supplement-card.sbanner2{grid-area:sbanner2}.collage-banner .supplements-grid .supplement-card .content-wrapper{display:flex;align-items:center;position:relative;height:100%}.collage-banner .supplements-grid .supplement-card .content{text-align:left;padding:4rem}.collage-banner .supplements-grid .supplement-card .content .banner__heading{font-family:var(--font-body-family);font-size:4.2rem;font-weight:700;line-height:1.375;letter-spacing:-.42px;margin:0}.collage-banner .supplements-grid .supplement-card.sbanner1:hover .content .banner__heading,.collage-banner .supplements-grid .supplement-card.sbanner2:hover .content .banner__heading{color:rgb(var(--color-button))}.collage-banner .supplements-grid .supplement-card.sbanner1:hover .content .banner__buttons .deferred-media__poster-button,.collage-banner .supplements-grid .supplement-card.sbanner2:hover .content .banner__buttons .deferred-media__poster-button{min-width:calc(22rem + var(--buttons-border-width) * 2)}.collage-banner .supplements-grid .supplement-card .content .banner__text{font-size:2.1rem;font-weight:400;line-height:1.3333;letter-spacing:-.21px;margin-top:1.5rem;max-width:60%}.collage-banner .supplements-grid .supplement-card .content .banner__buttons{margin-top:1.5rem}.collage-banner .supplements-grid .supplement-card .content .banner__buttons .deferred-media__poster-button{font-size:1.8rem;font-weight:700;line-height:normal;letter-spacing:-.18px;min-width:calc(18rem + var(--buttons-border-width) * 2);min-height:calc(4.3rem + var(--buttons-border-width) * 2);transition:all .2s ease}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__buttons .deferred-media__poster-button svg{width:3.9rem;height:3.9rem;margin:0}.collage-banner .supplements-grid .supplement-card.story video,.collage-banner .supplements-grid .supplement-card.story iframe{width:100%;height:100%}@media screen and (max-width:1199px){.collage-banner .title-wrapper .title.hxl{font-size:5.4rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__heading{font-size:4.4rem}.collage-banner .supplements-grid .supplement-card .content .banner__heading{font-size:3.4rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__text{font-size:2rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__buttons .deferred-media__poster-button{padding:1.1rem 2rem;min-width:calc(18.7rem + var(--buttons-border-width) * 2);min-height:calc(4.7rem + var(--buttons-border-width) * 2);gap:2rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__buttons .deferred-media__poster-button svg{width:3rem;height:3rem}.collage-banner .supplements-grid .supplement-card .content .banner__text{font-size:1.9rem}.collage-banner .supplements-grid .supplement-card .content .banner__buttons .deferred-media__poster-button{min-width:calc(18rem + var(--buttons-border-width) * 2);min-height:calc(4.3rem + var(--buttons-border-width) * 2)}.collage-banner .supplements-grid .supplement-card .content{padding:3rem}.collage-banner .supplements-grid .supplement-card .content .banner__text{max-width:64%}}@media screen and (max-width:1023px){.collage-banner .supplements-grid .supplement-card.story .overlay .banner__heading{font-size:4rem}.collage-banner .supplements-grid .supplement-card .content .banner__heading{font-size:3.4rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__text{font-size:1.8rem}.collage-banner .supplements-grid .supplement-card.story .overlay{padding:2rem 2rem 3rem}}@media screen and (max-width:989px){.collage-banner .title-wrapper .title.hxl{font-size:4.6rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__heading{font-size:3.8rem;margin-top:0}.collage-banner .supplements-grid .supplement-card .content .banner__heading{font-size:3.4rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__text{font-size:1.8rem;margin-top:1.5rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__buttons{margin-top:1.5rem}.collage-banner .supplements-grid .supplement-card.story .overlay{padding:3rem 2rem 2rem}.collage-banner .supplements-grid .supplement-card .content .banner__buttons .deferred-media__poster-button{min-width:calc(17rem + var(--buttons-border-width) * 2);min-height:calc(4.3rem + var(--buttons-border-width) * 2)}.collage-banner .supplements-grid .supplement-card .content{padding:2rem}.collage-banner .supplements-grid .supplement-card .content .banner__text{max-width:85%;margin-top:.8rem}}@media screen and (min-width:750px){.collage-banner .supplements-grid .supplement-card .image-wrapper .mobile_image{display:none}}@media screen and (max-width:749px){.collage-banner .supplements-grid{grid-template-columns:1fr;grid-template-areas:"story" "sbanner1" "sbanner2"}.collage-banner .page-width{padding-inline:2rem}.collage-banner .title-wrapper .title.hxl{font-size:4rem;line-height:1}.collage-banner .title-wrapper .rte p{max-width:81.5%;margin:0 auto}.collage-banner .title-wrapper{margin-bottom:3rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__heading{font-size:3rem;max-width:28rem;margin:0 auto}.collage-banner .supplements-grid .supplement-card .content .banner__heading{font-size:3rem;max-width:28rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__text{font-size:1.6rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__buttons .deferred-media__poster-button{padding:0 2rem;min-width:calc(18.7rem + var(--buttons-border-width) * 2);min-height:calc(4rem + var(--buttons-border-width) * 2);gap:2rem}.collage-banner .supplements-grid .supplement-card.story .overlay .banner__buttons .deferred-media__poster-button svg{width:2.3rem;height:2.3rem}.collage-banner .supplements-grid .supplement-card .content .banner__text{font-size:1.8rem}.collage-banner .supplements-grid .supplement-card .content .banner__buttons .deferred-media__poster-button{min-width:calc(16.2rem + var(--buttons-border-width) * 2);min-height:calc(4.3rem + var(--buttons-border-width) * 2)}.collage-banner .supplements-grid .supplement-card .content{padding:6rem 2rem 3rem}.collage-banner .supplements-grid .supplement-card .content .banner__text{max-width:78%;margin-top:.4rem}.collage-banner .supplements-grid .supplement-card{border-radius:2rem}.collage-banner .supplements-grid{gap:1rem}.collage-banner .supplements-grid .supplement-card .image-wrapper .desktop_image{display:none}}@media screen and (max-width:379px){.collage-banner .title-wrapper .title.hxl{font-size:3.8rem}.collage-banner .title-wrapper .rte p{width:100%;font-size:1.6rem}.collage-banner .supplements-grid .supplement-card.story .overlay{padding:2rem 1rem 1rem}.collage-banner .supplements-grid .supplement-card.story .overlay{margin:1rem}.collage-banner .supplements-grid .supplement-card .content .banner__heading{font-size:2.4rem}.collage-banner .supplements-grid .supplement-card .content .banner__text{font-size:1.6rem}.collage-banner .supplements-grid .supplement-card .content{padding:2rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/collage-banner.css.map */