.product-duality{position:relative;background:#0d0d0d;overflow:hidden}.product-duality__inner{position:relative}.product-duality__stage{position:relative;display:flex;flex-direction:row;align-items:stretch}.product-duality__side{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:5rem 4rem;position:relative;overflow:hidden;min-height:70vh}@media screen and (min-width:750px){.product-duality__text-bottom{margin-top:0;padding-top:.5rem}}.product-duality__side--left{background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(237,31,141,.18) 0%,transparent 70%),#0d0d0d}.product-duality__side--right{background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(0,194,199,.18) 0%,transparent 70%),#0d0d0d;border-left:1px solid rgba(255,255,255,.06)}.product-duality__tastemark{position:absolute;font-family:Knewave,cursive;font-size:min(16vw,13rem);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;line-height:1;bottom:10%;left:50%;transform:translate(-50%) rotate(-8deg);opacity:0;transition:opacity .9s ease .6s}.product-duality__side--left .product-duality__tastemark{color:#ed1f8d0e}.product-duality__side--right .product-duality__tastemark{color:#00c2c711}.product-duality.is-split .product-duality__tastemark{opacity:1}.product-duality__divider{display:none}.product-duality__text-top,.product-duality__text-bottom,.product-duality__bag-wrap{position:relative;z-index:1}.product-duality__side--left .product-duality__text-top,.product-duality__side--left .product-duality__bag-wrap,.product-duality__side--left .product-duality__text-bottom{transform:translate(40%) scale(.97);opacity:0;transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .7s ease}.product-duality__side--right .product-duality__text-top,.product-duality__side--right .product-duality__bag-wrap,.product-duality__side--right .product-duality__text-bottom{transform:translate(-40%) scale(.97);opacity:0;transition:transform .95s cubic-bezier(.16,1,.3,1) .1s,opacity .7s ease .1s}.product-duality.is-split .product-duality__side--left .product-duality__text-top,.product-duality.is-split .product-duality__side--left .product-duality__bag-wrap,.product-duality.is-split .product-duality__side--left .product-duality__text-bottom,.product-duality.is-split .product-duality__side--right .product-duality__text-top,.product-duality.is-split .product-duality__side--right .product-duality__bag-wrap,.product-duality.is-split .product-duality__side--right .product-duality__text-bottom{transform:translate(0) scale(1);opacity:1}.product-duality__text-top,.product-duality__text-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.product-duality__label{display:inline-block;position:relative;font-family:Knewave,cursive,sans-serif;font-size:5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1;color:#fff;padding-bottom:10px;margin:0}@media screen and (min-width:990px){.product-duality__label{font-size:7.2rem}}.product-duality__label:after{content:"";display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%);width:110%;height:5px;background-color:#ed1f8d;clip-path:polygon(0 0,100% 60%,100% 100%,0 100%)}.product-duality__accent-pill{display:inline-block;margin-top:14px;padding:.6rem 2rem .6rem 1.4rem;clip-path:polygon(0 0,94% 12%,100% 100%,0% 100%);font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#fff;border-radius:0}.product-duality__side--left .product-duality__accent-pill{background:#ed1f8d}.product-duality__side--right .product-duality__accent-pill{background:#00c2c7}.product-duality__desc{font-family:Nunito,sans-serif;font-size:1.6rem;font-weight:500;color:#fffc;line-height:1.7;margin:0 auto;max-width:34rem;text-align:center}@media screen and (min-width:990px){.product-duality__desc{font-size:1.8rem}}.product-duality__flavor-tags{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.2rem}.product-duality__flavor-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;color:#ffffffbf;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:700;opacity:0;transform:scale(.85);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.product-duality.is-split .product-duality__flavor-tag:nth-child(1){opacity:1;transform:scale(1);transition-delay:1s}.product-duality.is-split .product-duality__flavor-tag:nth-child(2){opacity:1;transform:scale(1);transition-delay:1.15s}.product-duality.is-split .product-duality__flavor-tag:nth-child(3){opacity:1;transform:scale(1);transition-delay:1.3s}.product-duality__stat{display:inline-block;margin-top:1.2rem;padding:.6rem 1.8rem;border:2px solid #00C2C7;border-radius:.8rem;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:800;color:#00c2c7;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(.6rem);transition:opacity .5s ease 1.1s,transform .5s ease 1.1s}.product-duality.is-split .product-duality__stat{opacity:1;transform:translateY(0)}.product-duality__bag-wrap{position:relative;width:32rem;height:36rem;flex-shrink:0;margin:2rem 0}.product-duality__bag-wrap img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 28px 56px rgba(0,0,0,.35));transition:transform .5s ease}.product-duality__side--left .product-duality__bag-wrap img{transform:rotate(-4deg)}.product-duality__side--right .product-duality__bag-wrap img{transform:rotate(4deg)}@media(hover:hover){.product-duality__bag-wrap:hover img{transform:rotate(0) translateY(-12px) scale(1.05)!important;animation:none!important}}.product-duality.is-split .product-duality__side--left .product-duality__bag-wrap img{animation:duality-float-l 5.2s ease-in-out 1.1s infinite}.product-duality.is-split .product-duality__side--right .product-duality__bag-wrap img{animation:duality-float-r 5.8s ease-in-out 1.4s infinite}@keyframes duality-float-l{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-10px)}}@keyframes duality-float-r{0%,to{transform:rotate(4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}.product-duality__vs{position:absolute;top:50%;left:50%;width:5.6rem;height:5.6rem;background:#0d0d0d;border:2px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .5s ease 1.1s,transform .4s cubic-bezier(.34,1.56,.64,1) 1.1s;transform:translate(-50%,-50%) scale(.6)}.product-duality.is-split .product-duality__vs{opacity:1;transform:translate(-50%,-50%) scale(1)}.product-duality__vs span{font-family:Knewave,cursive,sans-serif;font-size:1.6rem;font-weight:900;color:#fff;line-height:1;text-transform:uppercase}.product-duality__placeholder{width:100%;max-width:26rem;aspect-ratio:3 / 5;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.2);border-radius:1.2rem;color:#fff6;font-size:1.3rem;background:#ffffff0a}@media screen and (max-width:749px){.product-duality__stage{flex-direction:column;padding:0}.product-duality__side{min-height:520px;padding:5rem 2.4rem 5.5rem;justify-content:center;width:100%}.product-duality__side--left{background:radial-gradient(ellipse 80% 40% at 50% 100%,rgba(237,31,141,.2) 0%,transparent 70%),#0d0d0d;border-bottom:1px solid rgba(255,255,255,.06);border-left:none}.product-duality__side--right{background:radial-gradient(ellipse 80% 40% at 50% 100%,rgba(0,194,199,.2) 0%,transparent 70%),#0d0d0d;border-left:none}.product-duality__side:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.product-duality__side--left:before{background:#ed1f8d}.product-duality__side--right:before{background:#00c2c7}.product-duality__tastemark{font-size:min(24vw,10rem);bottom:8%}.product-duality__vs{display:none}.product-duality__label{font-size:4rem}.product-duality__accent-pill{font-size:1.1rem;margin-top:1.4rem}.product-duality__bag-wrap{width:26rem!important;max-width:26rem!important;min-width:unset!important;height:26rem!important;margin:2rem 0}.product-duality__bag-wrap img{width:100%!important;height:100%!important;object-fit:contain;filter:drop-shadow(0 24px 48px rgba(0,0,0,.6))!important}.product-duality__desc{font-size:1.5rem;margin-top:1.4rem;max-width:32rem}.product-duality__flavor-tags{display:flex}.product-duality__stat{display:inline-block}.product-duality__side--left .product-duality__text-top,.product-duality__side--left .product-duality__bag-wrap,.product-duality__side--left .product-duality__text-bottom,.product-duality__side--right .product-duality__text-top,.product-duality__side--right .product-duality__bag-wrap,.product-duality__side--right .product-duality__text-bottom{transform:none!important;opacity:1!important;transition:none!important}.product-duality__side--left{transform:translate(-30px);opacity:0;transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .7s ease}.product-duality__side--right{transform:translate(30px);opacity:0;transition:transform .85s cubic-bezier(.16,1,.3,1) .15s,opacity .7s ease .15s}.product-duality.is-split .product-duality__side--left,.product-duality.is-split .product-duality__side--right{transform:translate(0);opacity:1}.product-duality.is-split .product-duality__flavor-tag:nth-child(1){opacity:1;transform:scale(1);transition-delay:1s}.product-duality.is-split .product-duality__flavor-tag:nth-child(2){opacity:1;transform:scale(1);transition-delay:1.15s}.product-duality.is-split .product-duality__flavor-tag:nth-child(3){opacity:1;transform:scale(1);transition-delay:1.3s}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-product-duality.css.map */