.whyx2{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(16.8px,2.76vw,45.6px);align-items:center}.whyx2 .eyebrow{color:var(--eyebrow)}.whyx2__title{font-family:var(--font-head);font-weight:700;font-size:clamp(40.5px,4.1vw,54px);line-height:.85;letter-spacing:-.035em;color:var(--title);margin:clamp(13px,1.7vw,20px) 0 0}.whyx2__title>span{display:block;white-space:nowrap}.whyx2__title .hl{color:var(--hl)}.whyx2__sub{font-size:clamp(16px,1.5vw,19.5px);line-height:1.55;color:var(--text-soft);max-width:27em;margin:clamp(15px,1.9vw,22px) 0 0}.whyx__cta{display:flex}.whyx2 .whyx__cta{margin-top:clamp(22px,2.6vw,36px)}.whyx{position:relative;overflow-x:clip}.whyx2{position:relative;z-index:2}.whyx2__media{position:relative;order:-1;display:flex;flex-direction:column;justify-content:center;align-items:center}.whyx__collage{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.whyx__collage--has-tiles{padding:0;width:100%;max-width:640px;margin:0 auto;min-height:0;height:clamp(430px,36vw,540px);overflow:visible}.whyx__collage:not(.whyx__collage--has-tiles){min-height:0;padding:0}.whyx2__media:not(:has(.whyx__collage--has-tiles)){min-height:0}.vtile{position:absolute;z-index:4;padding:0;border:0;background:none;cursor:pointer;width:var(--vw,150px);transform:translate3d(0,var(--pl,0px),0) rotate(calc(var(--rot,0deg) + var(--plr,0deg)));transform-origin:center center;transition:filter .3s var(--ease);will-change:transform}.vtile__frame{position:relative;display:block;overflow:hidden;aspect-ratio:9/16;border-radius:14px;border:3px solid #fffdf6;background:var(--green-deep);box-shadow:0 2px 5px #0e201738,0 10px 22px -8px #0e201780,0 22px 40px -14px #0e20176b;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}.whyx__collage--has-tiles .vtile--1 .vtile__frame,.whyx__collage--has-tiles .vtile--5 .vtile__frame{box-shadow:0 3px 6px #0e20173d,0 14px 28px -8px #0e201785,0 30px 56px -16px #0e201775}.vtile__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:11px;background:var(--green-mid);transition:transform .5s cubic-bezier(.22,1.1,.36,1)}.vtile__media--ph{background:var(--green-mid)}.vtile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;background:linear-gradient(180deg,#08100b6b,#08100b00 22% 52%,#08100b66 76%,#08100bd1);pointer-events:none}.vtile__views{position:absolute;top:7px;right:8px;z-index:3;display:inline-flex;align-items:center;gap:3px;color:#fff;font-family:var(--font-body);font-weight:700;font-size:10.5px;letter-spacing:.01em;text-shadow:0 1px 4px rgba(8,16,11,.7);pointer-events:none}.vtile__views svg{width:10px;height:10px}.vtile__play{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fffdf6ed;display:grid;place-items:center;box-shadow:0 5px 15px #0000004d;transition:transform .25s var(--ease);pointer-events:none}.vtile__play svg{width:15px;height:15px;color:var(--green-deep);margin-left:2px}.vtile__handle{position:absolute;left:9px;right:9px;bottom:9px;z-index:3;color:#fff;font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:.01em;line-height:1.1;text-shadow:0 1px 3px rgba(8,16,11,.7);pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vtile:hover,.vtile:focus-visible{z-index:9}.vtile:hover .vtile__frame,.vtile:focus-visible .vtile__frame{box-shadow:0 18px 34px -8px #0e201799,0 6px 14px #0e201766;transform:translateY(-4px)}.vtile:hover .vtile__media,.vtile:focus-visible .vtile__media{transform:scale(1.07)}.vtile:hover .vtile__play,.vtile:focus-visible .vtile__play{transform:translate(-50%,-50%) scale(1.1)}@media(prefers-reduced-motion:reduce){.vtile,.vtile__frame,.vtile__media,.vtile__play{transition-duration:.12s}.vtile:hover .vtile__frame,.vtile:focus-visible .vtile__frame{transform:none}}.whyx__collage--has-tiles .vtile--1{--vw:clamp(150px,14vw,196px);--rot:-5deg;left:0%;top:0%;right:auto;bottom:auto;z-index:6}.whyx__collage--has-tiles .vtile--2{--vw:clamp(150px,14vw,196px);--rot:5deg;right:0%;top:4%;left:auto;bottom:auto;z-index:5}.whyx__collage--has-tiles .vtile--3{--vw:clamp(150px,14vw,196px);--rot:-6deg;left:0%;bottom:2%;right:auto;top:auto;z-index:7}.whyx__collage--has-tiles .vtile--4{--vw:clamp(150px,14vw,196px);--rot:4deg;left:50%;bottom:10%;right:auto;top:auto;z-index:8;transform:translate(-50%) translate3d(0,var(--pl,0px),0) rotate(calc(var(--rot,0deg) + var(--plr,0deg)))}.whyx__collage--has-tiles .vtile--5{--vw:clamp(150px,14vw,196px);--rot:6deg;right:0%;bottom:2%;left:auto;top:auto;z-index:7}.whyx__cap{position:relative;z-index:12;margin:clamp(42px,3.8vw,54px) 0 0;text-align:center;color:#dfe6d5;font-family:var(--font-body);font-weight:600;font-size:13.5px;letter-spacing:.01em}.gummies{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.gummy{position:absolute;width:calc(var(--size,48px)*1.2);opacity:0;transition:opacity .9s ease;will-change:transform}#why.gummies-in .gummy{opacity:1}.gummy img{display:block;width:100%;height:auto;animation:gummyFloat var(--d,8s) ease-in-out infinite;animation-delay:var(--dl,0s);transform:rotate(var(--r,0deg)) translateZ(0);will-change:transform;backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.gummy img{animation:none}}@media(max-width:820px){.gummies{z-index:20}.gummy{display:none;width:calc(var(--size,48px)*.84)}#why .gummy:nth-child(2){display:block;top:auto!important;bottom:80%!important;left:2%!important;right:auto!important}#why .gummy:nth-child(3){display:block;top:auto!important;bottom:68%!important;left:auto!important;right:2%!important}#why .gummy:nth-child(6){display:block;top:auto!important;bottom:50%!important;left:5%!important;right:auto!important}#why .gummy:nth-child(4){display:block;top:auto!important;bottom:36%!important;left:auto!important;right:5%!important}#why .gummy:nth-child(5){display:block;top:auto!important;bottom:4%!important;left:auto!important;right:15%!important}}@media(max-width:820px){.whyx2{grid-template-columns:1fr;gap:clamp(24px,5vw,34px);text-align:center}.whyx2 .whyx__cta{justify-content:center}.whyx2__sub{margin-left:auto;margin-right:auto}.whyx2__media{order:0;margin:2px auto 0;width:100%}}@media(max-width:900px){.whyx__collage--has-tiles{padding:0;width:100%;min-height:0;height:clamp(360px,96vw,470px);max-width:560px;margin:0 auto;overflow:visible}.whyx__collage--has-tiles .vtile{width:31vw;max-width:170px;min-width:110px}.whyx__collage--has-tiles .vtile--1{--vw:auto;--rot:-5deg;left:4%;top:0%;right:auto;bottom:auto;z-index:6}.whyx__collage--has-tiles .vtile--2{--vw:auto;--rot:5deg;right:4%;top:5%;left:auto;bottom:auto;z-index:5}.whyx__collage--has-tiles .vtile--3{--vw:auto;--rot:-6deg;left:0%;top:auto;bottom:2%;right:auto;z-index:7}.whyx__collage--has-tiles .vtile--4{--vw:auto;--rot:4deg;left:50%;top:auto;bottom:12%;right:auto;transform:translate(-50%) translate3d(0,var(--pl,0px),0) rotate(calc(var(--rot,0deg) + var(--plr,0deg)));z-index:8}.whyx__collage--has-tiles .vtile--5{--vw:auto;--rot:6deg;right:0%;top:auto;bottom:2%;left:auto;z-index:7}.vtile__play{width:34px;height:34px}.vtile__play svg{width:13px;height:13px}.whyx__cap{margin-top:clamp(32px,9vw,42px)}}@media(max-width:600px){.whyx__collage--has-tiles{height:clamp(340px,104vw,440px)}.whyx__collage--has-tiles .vtile{width:33vw;min-width:110px}#why{padding-bottom:18px}.whyx2__title{font-size:clamp(42px,12vw,49px);width:calc(98vw/.9);max-width:none;margin-left:calc(50% - 49vw/.9);margin-right:0}}@media(max-width:600px){.whyx__collage:not(.whyx__collage--has-tiles){margin:0 auto;min-height:0}}@media(max-width:480px){#why .h-1{font-size:30px}}.whyx.arcup{--archc:#2b7440}@media(min-width:901px){.whyx{padding-bottom:clamp(24px,3.4vw,46px)!important}.whyx.arcup{padding-top:1px!important}.whyx.arcup .whyx2{margin-top:calc(60px - var(--arch))!important}#why .gummies{transform:translateY(calc(60px - var(--arch)))}.whyx.arcup{--arch:clamp(80px,7vw,110px)}}.whyx.section--green .whyx2__title{color:#fff!important}.whyx.section--green .whyx2__title .hl{color:var(--gold)!important}.whyx.section--green .whyx2__sub{color:#dfe6d5!important}#why .gummy img{filter:none!important}.whyxlb[role=dialog]{zoom:1}.whyxlb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:clamp(14px,3vw,40px);overflow:hidden;background:#060c08db;opacity:0;transition:opacity .3s ease}.whyxlb.is-open{display:flex}.whyxlb.show{opacity:1}.whyxlb__scrim{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.whyxlb__box{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.4vw,16px);width:min(92vw,48.375vh);max-height:96vh;transform:scale(.96);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.whyxlb.show .whyxlb__box{transform:scale(1);opacity:1}.whyxlb__media{width:100%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 40px 90px #00000080}.whyxlb__media video{width:100%;height:100%;object-fit:cover;display:block;background:#000;zoom:calc(1 / .9)}.whyxlb__ph{display:grid;place-items:center;text-align:center;color:#fff;font-family:var(--font-head);font-size:20px;padding:24px;background:var(--green-mid);width:100%;height:100%}.whyxlb__cap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px 12px;max-width:min(92vw,48.375vh);text-align:center;color:#fff}.whyxlb__ibadge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#ffffffe6}.whyxlb__ibadge svg{width:14px;height:14px;color:var(--green-light)}.whyxlb__ihandle{font-family:var(--font-head);font-weight:700;color:#fff;font-size:clamp(18px,2vw,24px);line-height:1;letter-spacing:-.02em}.whyxlb__iquote{display:block;flex-basis:100%;font-family:var(--font-body);font-weight:600;color:#dfe6d5;font-size:clamp(13px,1.4vw,15.5px);line-height:1.35}.whyxlb__close{position:absolute;top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);z-index:6;width:42px;height:42px;border-radius:50%;background:#ffffff21;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;opacity:0;transition:opacity .3s ease,background .2s ease,transform .25s var(--ease)}.whyxlb.show .whyxlb__close{opacity:1}.whyxlb__close:hover{background:#ffffff3d;transform:rotate(90deg)}.whyxlb__close svg{width:20px;height:20px}@media(prefers-reduced-motion:reduce){.whyxlb,.whyxlb__box,.whyxlb__close{transition-duration:.12s}.whyxlb__box{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/oh-whyx.css.map */