.flux-system{--stage: clamp(400px, 40vw, 600px);--head-pad: clamp(40px, 4vw, 64px);--line: rgba(35, 35, 37, .18);position:relative;z-index:1;max-width:var(--flux-max);margin:calc(-39 * var(--u)) auto 0;padding:calc(39 * var(--u) + clamp(72px,7vw,128px)) 0 clamp(88px,8vw,144px);background:var(--flux-cream);color:var(--flux-charcoal);scroll-margin-top:calc(-30 * var(--u));overflow:hidden}.flux-system__inner{max-width:1240px;margin:0 auto;padding-inline:clamp(var(--flux-gutter),5vw,72px)}.flux-system__header{text-align:center}.flux-system__heading{margin:0;font-family:var(--flux-font-grotesk);font-weight:800;font-size:clamp(40px,5vw,76px);line-height:1.05;letter-spacing:-.03em;color:#1f1f21;white-space:nowrap}.flux-system__script{display:inline-block;margin:0 -.2em 0 .02em;font-family:var(--flux-font-script);font-weight:400;font-size:1.36em;line-height:0;letter-spacing:-.01em;color:var(--flux-red-deep);transform:rotate(-4deg) scaleX(.82) translateY(.1em);transform-origin:left center}.flux-system__lede{max-width:34em;margin:clamp(14px,1.4vw,22px) auto 0;font-size:clamp(16px,1.3vw,19px);font-weight:600;line-height:1.4;color:var(--flux-ink)}.flux-system__moments{position:relative;display:grid;grid-template-columns:1fr 1.1fr 1fr;grid-template-rows:var(--stage) auto auto;margin:clamp(56px,6vw,104px) 0 0;padding:0;list-style:none}.flux-system__moment{display:grid;grid-row:1 / span 3;grid-template-rows:subgrid;min-width:0}.flux-system__product{grid-row:1;position:relative;align-self:end;display:flex;justify-content:center}.flux-system__head{grid-row:2;position:relative;padding-top:var(--head-pad)}.flux-system__text{grid-row:3;max-width:30ch;margin:12px 0 0;font-size:clamp(15px,1.1vw,17px);line-height:1.5;color:var(--flux-body-muted)}.flux-system__img{position:relative;z-index:1;display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.flux-system__product:after{content:"";position:absolute;z-index:0;left:50%;bottom:-14px;width:var(--shadow-w, 80%);height:28px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(70,48,22,.32),rgba(70,48,22,.12) 55%,transparent);filter:blur(4px);transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s ease}@media(hover:hover){.flux-system__moment:hover .flux-system__img{transform:translateY(-8px)}.flux-system__moment:hover .flux-system__product:after{transform:translate(-50%) scale(.9);opacity:.75}}.flux-system__step{position:relative;z-index:1;display:inline-block;padding:0 14px;margin:0 -14px;background:var(--flux-cream);font-family:var(--flux-font-sans);font-weight:600;font-size:12px;line-height:20px;letter-spacing:.2em;color:var(--flux-red)}.flux-system__head:before{content:"";position:absolute;left:0;right:0;top:calc(var(--head-pad) + 10px);height:1px;background:var(--line)}.flux-system__moment--oats .flux-system__head:after,.flux-system__moment--beverage .flux-system__head:after{content:"";position:absolute;right:-3px;top:calc(var(--head-pad) + 7px);width:6px;height:6px;border-top:1px solid rgba(35,35,37,.45);border-right:1px solid rgba(35,35,37,.45);transform:rotate(45deg)}.flux-system__title{margin:18px 0 0;font-family:var(--flux-font-display);font-weight:800;font-size:clamp(26px,2.3vw,36px);line-height:1;letter-spacing:.01em;text-transform:uppercase;color:#1f1f21}.flux-system__name{margin:8px 0 0;font-size:14px;font-weight:500;letter-spacing:.04em;color:#8a8478}.flux-system__moment--oats{text-align:left}.flux-system__moment--oats .flux-system__product{justify-content:flex-start;padding-left:5%}.flux-system__moment--oats .flux-system__img{width:clamp(210px,21vw,320px)}.flux-system__moment--oats .flux-system__product:after{left:5%;width:clamp(210px,21vw,320px);transform:none}.flux-system__moment--beverage{text-align:center}.flux-system__moment--beverage .flux-system__product{height:100%}.flux-system__moment--beverage .flux-system__product:after{width:calc(var(--stage) * .3)}.flux-system__moment--beverage .flux-system__product:before{content:"";position:absolute;z-index:0;left:50%;top:52%;width:calc(var(--stage) * 1.05);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(247,196,92,.3),rgba(247,196,92,.1) 60%,transparent)}.flux-system__moment--beverage .flux-system__img{width:auto;height:100%;filter:drop-shadow(0 30px 28px rgba(80,44,8,.22))}.flux-system__moment--beverage .flux-system__text{margin-inline:auto}.flux-system__moment--gel{text-align:right}.flux-system__moment--gel .flux-system__product{justify-content:flex-end;padding-right:12%}.flux-system__moment--gel .flux-system__product:after{left:auto;right:10%;width:calc(var(--stage) * .3);transform:none}.flux-system__moment--gel .flux-system__img{width:auto;height:calc(var(--stage) * .58);transform-origin:50% 100%;transform:rotate(7deg);filter:drop-shadow(0 18px 18px rgba(80,60,10,.16))}.flux-system__moment--gel .flux-system__text{margin-left:auto}@media(hover:hover){.flux-system__moment--oats:hover .flux-system__product:after,.flux-system__moment--gel:hover .flux-system__product:after{transform:scale(.92)}.flux-system__moment--gel:hover .flux-system__img{transform:translateY(-8px) rotate(7deg)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.flux-system__product{animation:flux-system-rise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}}@keyframes flux-system-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media(min-width:750px)and (max-width:989px){.flux-system{--stage: 380px}.flux-system__title{font-size:24px}.flux-system__text{max-width:24ch;font-size:14px}.flux-system__moment--oats .flux-system__img,.flux-system__moment--oats .flux-system__product:after{width:180px}.flux-system__moment--gel .flux-system__product{padding-right:6%}}@media(max-width:749px){.flux-system{margin-top:-6vw;padding:calc(6vw + 64px) 0 88px;scroll-margin-top:0}.flux-system__heading{font-size:clamp(32px,9.4vw,40px);white-space:normal}.flux-system__lede{max-width:22em;font-size:17px}.flux-system__moments{display:flex;flex-direction:column;gap:120px;margin-top:64px}.flux-system__moment,.flux-system__moment--oats,.flux-system__moment--gel{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.flux-system__moment:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-88px;width:10px;height:56px;transform:translate(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 56' fill='none' stroke='%23232325' stroke-opacity='.4' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 1 V54'/%3E%3Cpath d='M1.5 50.5 L5 54 L8.5 50.5'/%3E%3C/svg%3E") center / contain no-repeat}.flux-system__head{order:1;padding-top:0}.flux-system__head:before,.flux-system__moment .flux-system__head:after{display:none}.flux-system__step{margin:0;padding:0;background:none}.flux-system__title{margin-top:10px;font-size:30px}.flux-system__product,.flux-system__moment--oats .flux-system__product,.flux-system__moment--gel .flux-system__product{order:2;align-self:center;justify-content:center;height:auto;margin-top:36px;padding:0}.flux-system__moment--oats .flux-system__product:after,.flux-system__moment--gel .flux-system__product:after{left:50%;right:auto;transform:translate(-50%)}.flux-system__text,.flux-system__moment--gel .flux-system__text{order:3;max-width:30ch;margin:36px auto 0;font-size:16px}.flux-system__moment--oats .flux-system__img,.flux-system__moment--oats .flux-system__product:after{width:min(66vw,280px)}.flux-system__moment--beverage .flux-system__img{height:clamp(380px,112vw,480px)}.flux-system__moment--beverage .flux-system__product:before{width:110vw}.flux-system__moment--beverage .flux-system__product:after{width:150px}.flux-system__moment--gel .flux-system__img{height:clamp(210px,58vw,250px)}.flux-system__moment--gel .flux-system__product:after{width:110px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/flux-system.css.map */