.af56-hero,.af56-hero *{box-sizing:border-box}.af56-hero{--af56-ink:#122637;--af56-cream:#fff8ed;--af56-orange:#df5c16;color:var(--af56-ink);background:var(--af56-cream);overflow:hidden}.af56-hero__grid{display:flex;flex-direction:column;max-width:1700px;margin:0 auto}.af56-hero__stage{--af56-slide-tone:#c7dce9;background:var(--af56-slide-tone);transition:background-color .5s ease;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:24px 30px 28px;min-width:0}.af56-hero__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 50% 39%,rgba(255,255,255,.58),transparent 63%);pointer-events:none}.af56-hero__stage-circle{position:absolute;z-index:-1;pointer-events:none;top:8%;left:50%;transform:translate(-50%);height:410px;width:410px;max-width:72%;aspect-ratio:1;border:1px solid rgba(17,38,56,.13);border-radius:50%}.af56-hero__stage-watermark{position:absolute;z-index:-1;pointer-events:none;top:44%;left:50%;transform:translate(-50%,-50%);font-size:clamp(150px,27vw,340px);font-weight:1000;letter-spacing:-.115em;line-height:1;color:#ffffff26;-webkit-user-select:none;user-select:none}.af56-hero__stage-top{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;max-width:950px;margin:0 auto;color:#263f50;font-size:11px;font-weight:950;letter-spacing:.12em;line-height:1.25}.af56-hero__stage-top [data-af56-count]{font-size:11px;letter-spacing:.06em;font-weight:900;font-variant-numeric:tabular-nums}.af56-hero__carousel{width:100%;max-width:900px;position:relative;height:370px;flex:0 0 370px;touch-action:pan-y}.af56-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .48s ease,visibility .48s}.af56-hero__slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.af56-hero__slide img{display:block;width:auto;height:auto;max-height:342px;max-width:min(70%,420px);object-fit:contain;transform:none!important;filter:drop-shadow(0 18px 16px rgba(19,34,40,.22))}.af56-hero__flavour-caption{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:53px;gap:4px;padding:0 12px;color:#11283b}.af56-hero__flavour-caption strong{font-size:clamp(17px,2.1vw,23px);font-weight:950;letter-spacing:-.035em;line-height:1.14}.af56-hero__flavour-caption span{font-size:9px;font-weight:850;letter-spacing:.17em;opacity:.7;line-height:1.2}.af56-hero__switcher{display:flex;align-items:flex-end;justify-content:center;gap:13px;width:100%;max-width:660px;overflow-x:auto;overflow-y:hidden;padding:10px 7px 5px;margin:0 auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.af56-hero__switcher::-webkit-scrollbar{display:none}.af56-hero__flavour{width:74px;min-width:74px;height:99px;padding:3px 5px 1px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;border:0;background:transparent;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;position:relative}.af56-hero__flavour-disc{display:flex;align-items:center;justify-content:center;width:66px;height:66px;flex:0 0 66px;background:var(--af56-thumb-tone);border:2px solid rgba(255,255,255,.65);border-radius:50%;position:relative;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 5px 12px #14202a14}.af56-hero__flavour-disc img{display:block;width:auto;height:auto;max-width:72px;max-height:83px;object-fit:contain;transform:none!important;filter:drop-shadow(0 5px 5px rgba(13,32,40,.18))}.af56-hero__flavour-line{display:block;width:6px;height:4px;background:#11263847;border-radius:4px;transition:width .2s ease,background-color .2s ease}.af56-hero__flavour.is-active .af56-hero__flavour-disc{transform:translateY(-3px) scale(1.07);box-shadow:0 0 0 2px #142a3d,0 6px 13px #14202a2e}.af56-hero__flavour.is-active .af56-hero__flavour-line{width:30px;background:#152838}.af56-hero__flavour:hover .af56-hero__flavour-disc{transform:translateY(-3px)}.af56-hero__copy{text-align:center;display:flex;flex-direction:column;align-items:center;padding:32px 22px 46px;background:var(--af56-cream)}.af56-hero__eyebrow{display:flex;align-items:center;justify-content:center;gap:11px;font-size:11px;font-weight:950;letter-spacing:.12em;color:#af511b;line-height:1.3}.af56-hero__eyebrow-dot{display:block;width:11px;height:11px;background:#f16b1a;border-radius:50%;box-shadow:0 0 0 6px #fee0cd}.af56-hero h1{margin:14px 0 0;font-size:clamp(52px,6.5vw,94px);font-weight:1000;line-height:.93;letter-spacing:-.08em;white-space:nowrap;color:#101f30}.af56-hero h1 em{font-style:normal;color:#dc5b17}.af56-hero__actions{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.af56-hero__shop,.af56-hero__all{display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none!important;font-weight:950;font-size:12px;line-height:1.2;letter-spacing:.03em}.af56-hero__shop{padding:16px 22px;border-radius:7px;background:#142b3d;color:#fff!important;min-height:48px;transition:background .2s ease,transform .2s ease}.af56-hero__shop:hover{background:#ce5514;transform:translateY(-2px)}.af56-hero__all{padding:9px 2px;border-bottom:1px solid #142b3d;color:#142b3d!important}.af56-hero__all:hover{color:#ce5514!important;border-color:#ce5514}.af56-hero :is(button,a):focus-visible{outline:3px solid #ec6b22;outline-offset:3px}@media(min-width:1100px){.af56-hero__stage{padding-top:30px}.af56-hero__carousel{height:430px;flex-basis:430px}.af56-hero__slide img{max-height:404px}.af56-hero__copy{padding:45px 25px 58px}}@media(max-width:749px){.af56-hero__stage{padding:13px 12px 16px}.af56-hero__stage-top{padding:0 8px;font-size:9px;letter-spacing:.11em}.af56-hero__stage-top [data-af56-count]{font-size:9px}.af56-hero__carousel{height:clamp(218px,60vw,282px);flex-basis:clamp(218px,60vw,282px)}.af56-hero__slide img{max-height:clamp(209px,58vw,272px);max-width:82%}.af56-hero__stage-circle{width:clamp(210px,62vw,285px);height:auto;max-width:75%;top:4%}.af56-hero__stage-watermark{font-size:clamp(130px,39vw,190px);top:36%;color:#ffffff29}.af56-hero__flavour-caption{min-height:40px;gap:3px;padding:0 8px}.af56-hero__flavour-caption strong{font-size:clamp(14px,3.85vw,18px)}.af56-hero__flavour-caption span{font-size:8px;letter-spacing:.15em}.af56-hero__switcher{gap:5px;max-width:100%;padding:6px 1px 2px;justify-content:center;min-height:79px}.af56-hero__flavour{width:clamp(57px,17vw,66px);min-width:clamp(57px,17vw,66px);height:79px;padding:2px 2px 0;gap:6px}.af56-hero__flavour-disc{width:52px;height:52px;flex-basis:52px}.af56-hero__flavour-disc img{max-width:62px;max-height:68px}.af56-hero__flavour.is-active .af56-hero__flavour-disc{transform:translateY(-2px) scale(1.045)}.af56-hero__flavour-line{height:3px}.af56-hero__flavour.is-active .af56-hero__flavour-line{width:24px}.af56-hero__copy{padding:25px 18px 33px}.af56-hero__eyebrow{font-size:9px;gap:10px}.af56-hero__eyebrow-dot{width:9px;height:9px;box-shadow:0 0 0 5px #fee0cd}.af56-hero h1{font-size:clamp(41px,10.2vw,61px);margin:13px 0 0;line-height:.97;letter-spacing:-.073em}.af56-hero__actions{margin-top:21px;gap:18px}.af56-hero__shop,.af56-hero__all{font-size:10px}.af56-hero__shop{min-height:44px;padding:13px 15px}}@media(max-width:365px){.af56-hero__switcher{justify-content:flex-start}.af56-hero__flavour{min-width:57px}.af56-hero h1{font-size:clamp(36px,10.1vw,42px)}.af56-hero__actions{gap:12px}.af56-hero__shop{padding:12px 11px}}@media(prefers-reduced-motion:reduce){.af56-hero__stage,.af56-hero__slide,.af56-hero__flavour-disc,.af56-hero__flavour-line,.af56-hero__shop{transition:none!important}}.af59-hero .af56-hero__slide{transform:translate3d(0,10px,0);transition:opacity .48s cubic-bezier(.2,.68,.15,1),transform .54s cubic-bezier(.2,.68,.15,1),visibility .5s;will-change:opacity,transform}.af59-hero .af56-hero__slide.is-active{transform:translateZ(0)}.af59-hero .af56-hero__slide img{transform:none!important}.af59-hero .af56-hero__switcher [hidden]{display:none!important}.af59-hero .af56-hero__switcher{scroll-snap-type:x proximity}.af59-hero .af56-hero__flavour{scroll-snap-align:center}.af59-hero .af56-hero__flavour-disc{transition:transform .26s ease,box-shadow .26s ease,background-color .26s ease}.af59-hero .af56-hero__stage{transition:background-color .65s ease}.af59-tabs{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:4px;margin:9px auto 3px;border:1px solid rgba(18,40,58,.13);background:#ffffff61;border-radius:50px}.af59-tabs button{-webkit-appearance:none;appearance:none;border:0;border-radius:40px;min-width:129px;min-height:37px;background:transparent;color:#263e50;padding:9px 14px;font:inherit;font-size:11px;font-weight:950;letter-spacing:.045em;cursor:pointer;transition:background-color .25s ease,color .25s ease}.af59-tabs button small{font-size:9px;opacity:.68;margin-left:4px;letter-spacing:0}.af59-tabs button.is-active{background:#142a3d;color:#fff}.af59-hero .af56-hero__flavour-caption{min-height:49px}.af59-progress{height:3px;width:min(230px,70%);overflow:hidden;background:#15293824;border-radius:99px;margin:14px auto 0;flex:0 0 3px}.af59-progress__fill{display:block;width:100%;height:100%;background:#152a3a;transform-origin:left center;transform:scaleX(0);animation:af59-advance 6s linear both;animation-play-state:paused}.af59-hero.is-playing .af59-progress__fill{animation-play-state:running}@keyframes af59-advance{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.af59-gateway{background:#fff8ed;padding:32px 0 58px}.af59-gateway__inner{width:min(1140px,calc(100% - 36px));margin:auto}.af59-gateway__lead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.af59-gateway__lead span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#bf5a24}.af59-gateway__lead h2{margin:5px 0 0;font-size:clamp(29px,4vw,53px);font-weight:1000;letter-spacing:-.06em;line-height:1;color:#142a3b}.af59-gateway__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.af59-gateway__card{position:relative;display:flex;min-height:252px;border-radius:15px;padding:25px 22px;overflow:hidden;align-items:center;justify-content:space-between;text-decoration:none!important;color:#142a3d!important;isolation:isolate;transition:box-shadow .24s ease,transform .24s ease}.af59-gateway__card--makhana{background:#d4e5ef}.af59-gateway__card--edamame{background:#f6dcb7}.af59-gateway__card:after{content:"";position:absolute;right:-8%;top:-18%;width:62%;aspect-ratio:1;border:1px solid rgba(22,44,60,.14);border-radius:50%;z-index:-1}.af59-gateway__card-copy{min-width:0;z-index:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px}.af59-gateway__number{font-size:10px;font-weight:900;letter-spacing:.13em;opacity:.72}.af59-gateway__card h3{font-size:clamp(29px,3.4vw,48px);font-weight:950;letter-spacing:-.058em;line-height:1.02;margin:0}.af59-gateway__card h3 strong{display:block;color:#142a3d}.af59-gateway__link{margin-top:7px;font-size:11px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;border-bottom:1.5px solid currentColor;padding-bottom:4px}.af59-gateway__card img{max-width:42%;width:auto;height:auto;max-height:220px;object-fit:contain;position:relative;z-index:0;filter:drop-shadow(0 14px 11px rgba(15,30,37,.18));transition:transform .32s ease;transform:none}.af59-gateway__card:hover{box-shadow:0 14px 30px #0c1c2b17;transform:translateY(-2px)}.af59-gateway__card:hover img{transform:translateY(-5px)}.af59-hero :is(button,a):focus-visible,.af59-gateway a:focus-visible{outline:3px solid #e66218;outline-offset:3px}@media(max-width:749px){#header-group .announcement-bar{min-height:22px!important;padding-block:3px!important}#header-group .announcement-bar__text{font-size:8px!important;white-space:nowrap!important;line-height:1.25!important;letter-spacing:.025em!important}#header-group .announcement-bar__slides{width:100%!important}#header-component[data-menu-style=drawer] .header__row--top,#header-component[data-menu-style=drawer] .header__row--top .header__columns{min-height:60px!important;padding-block:3px!important}.af53-header-brand{width:67px!important;max-width:67px!important;max-height:48px!important}.af53-header-brand img{max-height:48px!important}.af59-hero .af56-hero__stage{padding-top:12px;padding-bottom:13px}.af59-hero .af56-hero__flavour-caption{min-height:40px}.af59-tabs{padding:3px;margin:5px auto 1px;gap:3px}.af59-tabs button{min-width:116px;min-height:33px;font-size:10px;padding:7px 12px}.af59-progress{width:min(190px,66%);margin:11px auto 0}.af59-gateway{padding:22px 0 32px}.af59-gateway__inner{width:calc(100% - 30px)}.af59-gateway__lead{margin-bottom:13px}.af59-gateway__lead span{font-size:9px}.af59-gateway__lead h2{font-size:31px}.af59-gateway__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.af59-gateway__card{min-height:225px;display:flex;flex-direction:column-reverse;justify-content:flex-end;align-items:center;padding:14px 10px 13px;border-radius:10px;gap:3px}.af59-gateway__card img{height:109px;width:auto;max-height:109px;max-width:74%;flex:0 0 109px}.af59-gateway__card-copy{align-self:stretch;flex:0 0 auto;justify-content:flex-start;gap:5px;align-items:flex-start}.af59-gateway__card h3{font-size:clamp(18px,5vw,26px);line-height:1.02}.af59-gateway__number{font-size:8px}.af59-gateway__link{font-size:9px;margin-top:4px}.af59-gateway__card:after{right:-14%;top:-22%;width:115%}}@media(max-width:359px){.af59-gateway__card{padding:12px 8px;min-height:220px}.af59-gateway__card h3{font-size:17px}.af59-gateway__link{font-size:8px}.af59-tabs button{min-width:100px}}@media(prefers-reduced-motion:reduce){.af59-hero .af56-hero__slide{transition:none!important;transform:none!important;will-change:auto!important}.af59-hero .af56-hero__stage,.af59-hero .af56-hero__flavour-disc,.af59-tabs button,.af59-gateway__card,.af59-gateway__card img{transition:none!important}.af59-progress__fill{animation:none!important;transform:scaleX(0)!important}}.af59-hero .af56-hero__stage-circle,.af59-hero .af56-hero__stage-watermark{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/119/assets/af56-homepage.css.map */