.section-slice-brand-gateway{position:relative;z-index:2}.slice-gateway{--slice-x: 0px;--slice-y: 0px;display:block;position:relative;min-height:calc(100svh - var(--header-group-height, 0px));overflow:hidden;isolation:isolate;background:#fff7e5;color:#28140d}.slice-gateway__panels{display:flex;min-height:inherit}.slice-gateway__panel{position:relative;flex:1 1 50%;min-width:0;min-height:inherit;overflow:hidden;color:var(--panel-text);background:var(--panel-color);transition:flex-basis var(--slice-duration) cubic-bezier(.2,.76,.18,1),opacity var(--slice-duration) ease,filter .45s ease}.slice-gateway__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 38%,rgba(24,8,4,.14))}.slice-gateway__background,.slice-gateway__background img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slice-gateway__background img{object-fit:cover;transform:scale(1.025);transition:transform 1.15s cubic-bezier(.2,.76,.18,1)}.slice-gateway__brand-mark,.slice-gateway__product,.slice-gateway__mascot,.slice-gateway__action{position:absolute;z-index:3}.slice-gateway__brand-mark{z-index:4}.slice-gateway__logo,.slice-gateway__product img{display:block;width:100%;height:auto;object-fit:contain}.slice-gateway__brand-mark--kk{top:clamp(5rem,11vh,8.5rem);left:clamp(2rem,5vw,6rem);width:clamp(12rem,24vw,28rem);transform:rotate(-4deg)}.slice-gateway__brand-mark--yamo{top:clamp(5.2rem,11vh,8.8rem);right:clamp(2.5rem,7vw,8rem);width:clamp(13rem,26vw,31rem)}.slice-gateway__product--kk{bottom:clamp(-5.5rem,-7vh,-2rem);right:clamp(-1.5rem,1vw,2rem);width:clamp(17rem,31vw,35rem);filter:drop-shadow(0 2.4rem 2rem rgba(60,23,5,.28));transform:translate3d(calc(var(--slice-x) * -.035),calc(var(--slice-y) * -.025),0) rotate(3deg)}.slice-gateway__mascot--yamo{bottom:clamp(8rem,16vh,12rem);left:clamp(1.2rem,3vw,4rem);width:clamp(10rem,17vw,20rem);filter:drop-shadow(0 1.3rem 1.2rem rgba(84,25,62,.16));transform:translate3d(calc(var(--slice-x) * .025),calc(var(--slice-y) * -.015),0) rotate(-3deg)}.slice-gateway__mascot img{display:block;width:100%;height:auto;object-fit:contain}.slice-gateway__product--yamo-primary{bottom:clamp(5rem,9vh,7.5rem);left:clamp(12rem,18vw,23rem);width:clamp(10rem,16vw,19rem);filter:drop-shadow(0 2rem 1.8rem rgba(84,25,62,.22));transform:translate3d(calc(var(--slice-x) * .035),calc(var(--slice-y) * -.02),0) rotate(-7deg)}.slice-gateway__product--yamo-secondary{right:clamp(-3.5rem,-2vw,-1rem);bottom:clamp(8rem,15vh,12rem);width:clamp(9rem,14vw,17rem);filter:drop-shadow(0 1.6rem 1.5rem rgba(84,25,62,.2));transform:translate3d(calc(var(--slice-x) * .045),calc(var(--slice-y) * -.018),0) rotate(8deg)}.slice-gateway__action{bottom:clamp(2rem,6vh,5rem);display:grid;gap:.7rem;max-width:18rem}.slice-gateway__action--kk{left:clamp(2rem,5vw,6rem)}.slice-gateway__action--yamo{right:clamp(2rem,6vw,7rem);text-align:right}.slice-gateway__action p{margin:0;font-size:clamp(.72rem,.8vw,.88rem);font-weight:750;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}.slice-gateway__enter{display:inline-flex;align-items:center;justify-content:space-between;gap:1.3rem;min-height:3.25rem;padding:.8rem 1.2rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:var(--button-color);color:var(--button-text);box-shadow:0 .8rem 2rem #230d052e;font:inherit;font-size:.82rem;font-weight:760;letter-spacing:.07em;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.slice-gateway__action--yamo .slice-gateway__enter{flex-direction:row-reverse}.slice-gateway__enter:hover{transform:translateY(-3px);box-shadow:0 1.1rem 2.4rem #230d053d}.slice-gateway__enter:active{transform:translateY(0) scale(.98)}.slice-gateway__enter:focus-visible,.slice-gateway__handle:focus-visible,.snack-brand-home__switch:focus-visible,.snack-brand-home__button:focus-visible{outline:3px solid #fff;outline-offset:4px}.slice-gateway__centre{position:absolute;inset:0 auto 0 50%;z-index:7;width:22px;pointer-events:none;transform:translate(-50%);background:#fff6e4;clip-path:polygon(35% 0,70% 4%,32% 9%,75% 15%,28% 21%,68% 27%,35% 34%,72% 40%,30% 48%,67% 55%,34% 62%,73% 69%,28% 77%,66% 84%,37% 91%,70% 96%,42% 100%,0 100%,0 0);filter:drop-shadow(0 0 7px rgba(63,25,13,.16))}.slice-gateway__gesture{position:absolute;top:50%;left:50%;z-index:9;display:grid;justify-items:center;gap:.65rem;transform:translate(-50%,-50%);pointer-events:none}.slice-gateway__handle{width:4.35rem;height:4.35rem;border:5px solid rgba(255,255,255,.88);border-radius:50%;background:#25150e;color:#fff;box-shadow:0 .8rem 2.2rem #2911094d;cursor:grab;touch-action:none;pointer-events:auto;transform:translate3d(var(--slice-x),0,0);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.slice-gateway.is-dragging .slice-gateway__handle{cursor:grabbing;transition:box-shadow .25s ease;box-shadow:0 1rem 2.6rem #2911096b}.slice-gateway__handle-arrows{display:flex;justify-content:center;gap:1.05rem}.slice-gateway__handle-arrows i{width:.7rem;height:.7rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(135deg)}.slice-gateway__handle-arrows i:last-child{transform:rotate(-45deg)}.slice-gateway__instruction{padding:.45rem .8rem;border-radius:999px;background:#22120cc2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.68rem;font-weight:760;letter-spacing:.13em;line-height:1;text-transform:uppercase;white-space:nowrap}.slice-gateway.is-entering .slice-gateway__gesture,.slice-gateway.is-entering .slice-gateway__centre{opacity:0;transition:opacity .25s ease}.slice-gateway.is-entering[data-selected-brand=kk] .slice-gateway__panel--kk,.slice-gateway.is-entering[data-selected-brand=yamo] .slice-gateway__panel--yamo{flex-basis:100%;z-index:5}.slice-gateway.is-entering[data-selected-brand=kk] .slice-gateway__panel--yamo,.slice-gateway.is-entering[data-selected-brand=yamo] .slice-gateway__panel--kk{flex-basis:0%;opacity:0}.slice-gateway.is-entering .slice-gateway__background img{transform:scale(1)}.slice-gateway--animate:not(.is-ready) .slice-gateway__brand-mark,.slice-gateway--animate:not(.is-ready) .slice-gateway__product,.slice-gateway--animate:not(.is-ready) .slice-gateway__mascot,.slice-gateway--animate:not(.is-ready) .slice-gateway__action{opacity:0}.slice-gateway--animate.is-ready .slice-gateway__brand-mark{animation:slice-reveal .85s .1s both cubic-bezier(.18,.78,.2,1)}.slice-gateway--animate.is-ready .slice-gateway__product{animation:slice-product 1s .15s both cubic-bezier(.18,.78,.2,1)}.slice-gateway--animate.is-ready .slice-gateway__mascot{animation:slice-product .9s .3s both cubic-bezier(.18,.78,.2,1)}.slice-gateway--animate.is-ready .slice-gateway__action{animation:slice-reveal .7s .48s both cubic-bezier(.18,.78,.2,1)}@keyframes slice-reveal{0%{opacity:0;translate:0 1.5rem}}@keyframes slice-product{0%{opacity:0;translate:0 3rem;scale:.92}}html.snack-gateway-active,html.snack-gateway-active body{overflow:hidden!important}html.snack-gateway-active #header-group{visibility:hidden!important}html.snack-gateway-active .section-slice-brand-gateway{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:10000!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important}html.snack-gateway-active .slice-gateway{width:100%;height:100%;min-height:100%;margin:0}html.snack-gateway-ready:not(.shopify-design-mode):not([data-snack-brand]) [data-brand-home],html.snack-gateway-ready:not(.shopify-design-mode):not([data-snack-brand]) [id$=__kk_products],html.snack-gateway-ready:not(.shopify-design-mode):not([data-snack-brand]) [id$=__yamo_products]{display:none}html[data-snack-brand=kk] [data-brand-home=yamo],html[data-snack-brand=kk] [id$=__yamo_products],html[data-snack-brand=yamo] [data-brand-home=kk],html[data-snack-brand=yamo] [id$=__kk_products],html[data-snack-brand] .section-slice-brand-gateway{display:none}.snack-brand-home{position:relative;min-height:min(780px,78svh);overflow:hidden;padding:clamp(5rem,10vw,9rem) max(5vw,1.5rem);color:var(--brand-home-text);background:var(--brand-home-background)}.snack-brand-home:before,.snack-brand-home:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.snack-brand-home:before{width:42vw;aspect-ratio:1;right:-14vw;top:-22vw;background:var(--brand-home-accent);opacity:.18}.snack-brand-home:after{width:24vw;aspect-ratio:1;left:-9vw;bottom:-13vw;border:3.5vw solid var(--brand-home-accent);opacity:.12}.snack-brand-home--yamo:before{border-radius:46% 54% 63% 37%/41% 39% 61% 59%}.snack-brand-home__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(15rem,.85fr) minmax(19rem,1fr);align-items:center;gap:clamp(3rem,8vw,9rem);width:min(1160px,100%);margin:0 auto}.snack-brand-home__logo{width:100%;max-height:25rem;object-fit:contain}.snack-brand-home__copy h2{margin:.2rem 0 1.3rem;max-width:10ch;color:inherit;font-size:clamp(3rem,6vw,6.4rem);line-height:.92;letter-spacing:-.055em}.snack-brand-home__eyebrow{margin:0;color:var(--brand-home-accent);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.snack-brand-home__story{max-width:39rem;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55}.snack-brand-home__button{display:inline-flex;align-items:center;gap:1.5rem;margin-top:1.3rem;padding:.95rem 1.4rem;border-radius:999px;background:var(--brand-home-text);color:var(--brand-home-background);text-decoration:none;font-weight:750;transition:transform .25s ease}.snack-brand-home__button:hover{transform:translateY(-3px)}.snack-brand-home__switch{position:absolute;z-index:3;top:1.25rem;right:max(2rem,4vw);padding:.65rem 1rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}@media(hover:hover)and (min-width:750px){.slice-gateway__panels:hover .slice-gateway__panel{flex-basis:47%;filter:saturate(.9)}.slice-gateway__panels .slice-gateway__panel:hover{flex-basis:53%;filter:saturate(1.05)}}@media(max-width:749px){.slice-gateway__panels{flex-direction:column}.slice-gateway--mobile-yamo-first .slice-gateway__panel--yamo{order:-1}.slice-gateway__panel{flex-basis:50%;min-height:0}.slice-gateway__centre{inset:50% 0 auto;width:100%;height:17px;transform:translateY(-50%);clip-path:polygon(0 30%,8% 68%,16% 34%,25% 72%,34% 28%,43% 69%,52% 33%,62% 73%,72% 29%,82% 68%,91% 35%,100% 67%,100% 100%,0 100%)}.slice-gateway__handle{width:3.8rem;height:3.8rem;transform:translate3d(0,var(--slice-y),0)}.slice-gateway__handle-arrows{flex-direction:column;align-items:center;gap:.6rem}.slice-gateway__handle-arrows i{transform:rotate(-135deg)}.slice-gateway__handle-arrows i:last-child{transform:rotate(45deg)}.slice-gateway__brand-mark--kk{top:8%;left:6%;width:min(36vw,10rem)}.slice-gateway__brand-mark--yamo{top:9%;right:7%;width:min(42vw,12rem)}.slice-gateway__product--kk{right:4%;bottom:-19%;width:min(39vw,12rem)}.slice-gateway__mascot--yamo{left:4%;bottom:9%;width:min(27vw,8rem)}.slice-gateway__product--yamo-primary{left:31%;bottom:5%;width:min(25vw,7.5rem)}.slice-gateway__product--yamo-secondary{right:-3%;bottom:11%;width:min(23vw,7rem)}.slice-gateway__action{bottom:8%;gap:.35rem;max-width:52vw}.slice-gateway__action--kk{left:5%}.slice-gateway__action--yamo{right:5%}.slice-gateway__action p{font-size:.58rem}.slice-gateway__enter{min-height:2.65rem;padding:.65rem .9rem;gap:.7rem;font-size:.66rem}.slice-gateway__instruction{font-size:.56rem}.snack-brand-home{min-height:auto;padding:6rem 1.5rem 4.5rem}.snack-brand-home__inner{grid-template-columns:1fr;gap:2.5rem}.snack-brand-home__logo-wrap{max-width:18rem;margin:0 auto}.snack-brand-home__copy h2{font-size:clamp(3.2rem,15vw,5rem)}.snack-brand-home__switch{right:1rem}}@media(prefers-reduced-motion:reduce){.slice-gateway *,.snack-brand-home *{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.slice-gateway__background img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/slice-brand-gateway.css.map */