.suphero-wrapper{padding-left:10px;padding-right:10px}.suphero{position:relative;font-family:var(--font-graphik),sans-serif;color:var(--color, #1e1e1e);background-color:var(--bg, #f5f0ec);max-width:1440px;margin:0 auto 10px;border-radius:20px;overflow:hidden;padding:10px 10px var(--pb, 80px);padding-top:var(--pt, 10px);padding-right:0;padding-left:0}.suphero__hero{position:relative}.suphero__clip-defs{position:absolute;width:0;height:0;overflow:hidden}.suphero__hero-picture{position:relative;display:block;width:100%;aspect-ratio:1420 / 390;overflow:hidden;clip-path:var(--suphero-clip)}.suphero__hero-img{position:absolute;top:0;left:0;width:100%;height:calc(100% * 530 / 390);max-width:none;object-fit:cover;object-position:50% 50%}.suphero__watermark{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:178px;pointer-events:none}.suphero__watermark--left{left:24px}.suphero__watermark--right{right:24px}.suphero__watermark-svg{display:block;width:100%;height:auto}.suphero__lower{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;margin-top:0;padding:0 20px}.suphero__cluster{display:contents}.suphero__tags--left{order:1}.suphero__content{order:2}.suphero__tags--right{order:3}.suphero__content{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:32px;width:762px;max-width:100%;text-align:center}.suphero__copy{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.suphero__heading{margin:0;color:var(--color, #1e1e1e);font-family:var(--font-claremont),serif;font-size:clamp(30px,4vw,50px);font-weight:300;line-height:1.1;letter-spacing:-.02em}.suphero__desc{margin:0;max-width:533px;color:var(--color, #1e1e1e);opacity:.82;font-family:var(--body-16-font-family, var(--font-graphik), sans-serif);font-size:var(--body-16-font-size, 16px);line-height:1.4}.suphero__cta-label--mobile,.suphero__cluster-logo{display:none}.suphero__tags{display:flex;flex-direction:column;gap:60px}.suphero__tags--left{align-items:flex-start;gap:64px;transform:translateY(-18px)}.suphero__tags--right{align-items:flex-end;gap:64px;transform:translateY(-18px)}.suphero__tag{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none;transition:opacity .2s ease}a.suphero__tag:hover{opacity:.7}.suphero__tag-label{font-family:var(--font-graphik),sans-serif;font-weight:500;font-size:24px;letter-spacing:-.02em;color:currentColor}.suphero__tag-paw{display:block;flex-shrink:0;width:24px}.suphero__tag-paw svg{display:block;width:100%;height:auto}.suphero__tag-paw svg path{fill:currentColor}.suphero__tag-caret{display:flex;flex-shrink:0;width:20px}.suphero__tag-caret svg{display:block;width:100%;height:auto}.suphero__tag-caret--right{transform:rotate(-90deg)}.suphero__tag-caret--left{transform:rotate(90deg)}.suphero__tag--orange{color:#ff7300}.suphero__tag--purple{color:#884c99}.suphero__tag--green{color:#058743}.suphero__tag--pink{color:#e45296}.suphero__tag--blue{color:#13339e}.suphero__tags--left .suphero__tag:nth-child(1){transform:rotate(8deg);margin-left:48px}.suphero__tags--left .suphero__tag:nth-child(2){transform:rotate(4deg);margin-left:12px}.suphero__tags--left .suphero__tag:nth-child(3){transform:rotate(-4deg);margin-left:0}.suphero__tags--left .suphero__tag:nth-child(4){transform:rotate(-8deg);margin-left:44px}.suphero__tags--right .suphero__tag:nth-child(1){transform:rotate(-8deg);margin-right:64px}.suphero__tags--right .suphero__tag:nth-child(2){transform:rotate(-4deg);margin-right:0}.suphero__tags--right .suphero__tag:nth-child(3){transform:rotate(4deg);margin-right:28px}.suphero__tags--right .suphero__tag:nth-child(4){transform:rotate(8deg);margin-right:20px}@media(min-width:769px)and (max-width:1230px){.suphero__lower{flex-direction:column;gap:28px;margin-top:0;padding:0}.suphero__content{order:-1;width:100%;max-width:730px}.suphero__tag-caret{display:none}.suphero__tags--right .suphero__tag{flex-direction:row-reverse}.suphero__tags{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px;width:100%;transform:none}.suphero__tags .suphero__tag{transform:none!important;margin:0!important}.suphero__watermark{width:130px}}@media(max-width:900px){.suphero__watermark{width:100px}}@media(max-width:768px){.suphero{padding-bottom:40px}.suphero__hero{border-radius:16px;overflow:hidden}.suphero__hero-picture{aspect-ratio:355 / 250;clip-path:var(--suphero-clip-mobile)}.suphero__hero-img{width:calc(100% * 455 / 355);height:120%}.suphero__watermark{display:none}.suphero__lower{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;padding:0;margin-top:-24px}.suphero__cluster{display:block;position:relative;width:100%;aspect-ratio:368 / 186}.suphero__tags{display:contents}.suphero__cluster-logo{display:block;position:absolute;left:50%;top:50%;width:27%;margin:0;transform:translate(-50%,-50%)}.suphero__cluster-logo-svg{display:block;width:100%;height:auto}.suphero__tag{position:absolute;gap:6px}.suphero__tag-label{font-size:15px;letter-spacing:-.02em}.suphero__tag-paw{width:15px}.suphero__tag-caret{display:flex;width:13px}.suphero__tags--right .suphero__tag{flex-direction:row}.suphero__tags--left .suphero__tag:nth-child(1){left:21%;top:15%;margin:0;transform:translate(-50%,-50%) rotate(8deg)}.suphero__tags--left .suphero__tag:nth-child(2){left:15%;top:38%;margin:0;transform:translate(-50%,-50%) rotate(4deg)}.suphero__tags--left .suphero__tag:nth-child(3){left:14%;top:62%;margin:0;transform:translate(-50%,-50%) rotate(-4deg)}.suphero__tags--left .suphero__tag:nth-child(4){left:21%;top:85%;margin:0;transform:translate(-50%,-50%) rotate(-8deg)}.suphero__tags--right .suphero__tag:nth-child(1){left:79%;top:15%;margin:0;transform:translate(-50%,-50%) rotate(-8deg)}.suphero__tags--right .suphero__tag:nth-child(2){left:85%;top:38%;margin:0;transform:translate(-50%,-50%) rotate(-4deg)}.suphero__tags--right .suphero__tag:nth-child(3){left:86%;top:62%;margin:0;transform:translate(-50%,-50%) rotate(4deg)}.suphero__tags--right .suphero__tag:nth-child(4){left:79%;top:85%;margin:0;transform:translate(-50%,-50%) rotate(8deg)}.suphero__content{order:0;width:100%;gap:32px;margin-bottom:0}.suphero__copy{gap:20px}.suphero__heading{font-size:clamp(28px,10vw,38px);line-height:1.1;letter-spacing:-.02em}.suphero__desc{max-width:320px;margin:0 auto;font-size:16px;line-height:1.4}.suphero__cta-label--desktop{display:none}.suphero__cta-label--mobile{display:inline}}@media(max-width:480px){.suphero{padding-bottom:32px}.suphero__lower{gap:30px;margin-top:-18px}.suphero__tag-label{font-size:15px}.suphero__tag-paw{width:12px}.suphero__tag-caret{width:15px}.suphero__desc{max-width:100%}}.suphero__badge{position:absolute;top:72px;right:24px;z-index:2;width:174px;pointer-events:none}.suphero__badge-img{display:block;width:100%;height:auto}.suphero__content-logo{display:block;width:180px;margin-bottom:-9px}.suphero__content-logo-svg{display:block;width:100%;height:auto}.suphero__subheading{margin:0;color:var(--color, #1e1e1e);font-family:var(--font-claremont),serif;font-size:clamp(30px,3.5vw,50px);font-weight:300;line-height:1.1;letter-spacing:-.02em}.suphero .suphero__cta--mobile-only{display:none}.suphero--deep .suphero__hero-picture{aspect-ratio:1420 / 700.5}.suphero--deep .suphero__hero-img{height:100%}.suphero--deep .suphero__watermark{top:72px;transform:none}.suphero--deep .suphero__lower{margin-top:-10.7%}.suphero--deep .suphero__content{gap:23px}.suphero--deep .suphero__heading{font-size:clamp(40px,4.5vw,64px);line-height:1.094}@media(min-width:769px)and (max-width:1230px){.suphero__badge{top:88px;width:130px}.suphero--deep .suphero__watermark{top:88px}}@media(max-width:900px){.suphero__badge{width:100px}}@media(max-width:768px){.suphero__content-logo,.suphero__badge{display:none}.suphero .suphero__cta--mobile-only{display:inline-flex}.suphero--deep .suphero__hero-picture{aspect-ratio:355 / 268}.suphero--deep .suphero__hero-img{width:100%;height:100%}.suphero--deep .suphero__lower{margin-top:12px}.suphero--deep .suphero__heading{font-size:clamp(32px,10.7vw,40px);line-height:1.1}.suphero__subheading{font-size:clamp(26px,8vw,30px)}.suphero--deep .suphero__content{align-items:flex-start;gap:34px}.suphero--deep .suphero__copy{align-items:stretch}.suphero--deep .suphero__desc{max-width:none;margin:0;text-align:left}.suphero--deep .suphero__cta--secondary{margin-top:-26px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/dev-supplements-hero.css.map */