.flavor-journey__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-lowest);background-color:transparent;pointer-events:none}.shopify-section:has(.flavor-journey[data-animate]) .flavor-journey__backdrop{background-color:var(--journey-bg, transparent)}@media(prefers-reduced-motion:no-preference){.shopify-section:has(.flavor-journey[data-animate]) .flavor-journey__backdrop{transition:background-color .9s var(--ease-out-cubic, ease-out)}}.flavor-journey{row-gap:0}.flavor-journey__hero{text-align:center;padding-block:clamp(1.5rem,4vw,3rem) clamp(.75rem,2vw,1.5rem);color:#33291b}.flavor-journey__kicker{display:inline-flex;align-items:center;gap:.8rem;margin:0 0 12px;color:#8a6508;font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.flavor-journey__kicker:before,.flavor-journey__kicker:after{content:"";display:inline-block;width:26px;height:1px;background:currentColor;opacity:.55}.flavor-journey__heading{margin:0;font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.02}.flavor-journey__sub{margin:12px auto 0;max-width:46ch;font-size:clamp(1rem,1.6vw,1.1875rem);color:#33291bc7}.flavor-journey>.flavor-journey__marquee{grid-column:1 / -1}.flavor-journey__marquee{display:block;width:100%;overflow:hidden;height:clamp(4.5rem,11vw,9rem);margin-block:clamp(.5rem,1.5vw,1rem);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.flavor-journey__marquee .marquee__wrapper{display:flex;gap:var(--marquee-gap);width:fit-content;height:100%;white-space:nowrap}.flavor-journey__marquee .marquee__content{min-width:max-content;display:flex;gap:var(--marquee-gap)}.flavor-journey__marquee .marquee__repeated-items{min-width:max-content;display:flex;gap:var(--marquee-gap);align-items:center;justify-content:center}.flavor-journey__marquee .marquee__repeated-items *{max-width:none}.flavor-journey__marquee-name{font-family:var(--font-h1--family, var(--font-heading--family, inherit));font-weight:900;font-size:clamp(2.75rem,7.5vw,6.5rem);line-height:1;color:#b0702a;white-space:nowrap}.flavor-journey__marquee .marquee__repeated-items span:nth-of-type(2n){color:transparent;-webkit-text-stroke:2px #daa520}@supports not (-webkit-text-stroke: 1px #000){.flavor-journey__marquee .marquee__repeated-items span:nth-of-type(2n){color:#daa520;opacity:.6}}.flavor-journey__marquee-kernel{width:clamp(1.25rem,2.5vw,2rem);height:auto;flex:none;color:#ffd166}@media(prefers-reduced-motion:no-preference){.flavor-journey__marquee:not([data-disabled]) .marquee__wrapper{animation:marquee-motion var(--marquee-speed) linear infinite var(--marquee-direction)}}@keyframes marquee-motion{to{transform:translate3d(calc(-50% - (var(--marquee-gap) / 2)),0,0)}}.flavor-journey__rail{position:sticky;top:var(--header-height, 60px);z-index:calc(var(--layer-sticky) - 1);margin-block:clamp(.75rem,2vw,1.25rem);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.flavor-journey__rail::-webkit-scrollbar{display:none}.flavor-journey__rail-list{display:flex;gap:8px;justify-content:safe center;width:max-content;min-width:100%;margin:0;padding:6px 2px;list-style:none}.flavor-journey__chip{display:inline-flex;align-items:center;gap:8px;min-height:var(--minimum-touch-target, 44px);padding:6px 14px;border-radius:999px;background:rgb(var(--color-background-rgb) / .94);border:1.5px solid rgb(var(--color-foreground-rgb) / .14);box-shadow:0 1px 3px #33291b14;color:var(--color-foreground);font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-decoration:none;white-space:nowrap;transition:border-color var(--animation-speed, .125s) var(--ease-out-cubic, ease-out),transform var(--animation-speed, .125s) var(--ease-out-cubic, ease-out)}.flavor-journey__chip-swatch{flex:none;width:14px;height:14px;border-radius:50%;background:var(--chip-swatch, #c9862d);box-shadow:inset 0 0 0 1px #33291b2e}.flavor-journey__chip[aria-current=true]{border-color:var(--chip-ring, #daa520);box-shadow:0 0 0 1px var(--chip-ring, #daa520),0 2px 8px #33291b24}@media(hover:hover){.flavor-journey__chip:hover{border-color:var(--chip-ring, #daa520);transform:translateY(-1px)}}.flavor-journey__panels{display:grid;gap:clamp(1.5rem,4vw,3rem)}.flavor-journey__panel{scroll-margin-top:calc(var(--header-height, 60px) + var(--rail-height, 64px) + 12px)}.flavor-journey__panel-card{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,3.5vw,3rem);align-items:center;background:var(--panel-wash, #fff7e2);border-radius:28px;padding:clamp(1.25rem,3.5vw,3rem);color:#33291b}@media screen and (min-width:990px){.flavor-journey__panel-card{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:min(82svh,680px)}.flavor-journey__panel--flip .flavor-journey__visual{order:2}}.flavor-journey__visual{position:relative}.flavor-journey__photo,.flavor-journey__art{display:block;width:100%;aspect-ratio:4 / 3;border-radius:20px;object-fit:cover}@media screen and (min-width:990px){.flavor-journey__photo,.flavor-journey__art{aspect-ratio:1}}.flavor-journey__art{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--art-light, #daa54e),var(--panel-color, #c9862d) 55%,var(--art-dark, #a86e20))}.flavor-journey__art--swatch{background:var(--panel-art)}.flavor-journey__art-ghost{position:absolute;right:-.05em;bottom:-.28em;font-family:var(--font-h1--family, var(--font-heading--family, inherit));font-weight:900;font-size:clamp(12rem,30vw,24rem);line-height:1;color:transparent;-webkit-text-stroke:2px rgb(255 247 226 / .35);pointer-events:none;-webkit-user-select:none;user-select:none}@supports not (-webkit-text-stroke: 1px #000){.flavor-journey__art-ghost{color:#fff7e22e}}.flavor-journey__kernel{position:absolute;color:#fffbefeb;filter:drop-shadow(0 3px 6px rgb(51 41 27 / .22))}.flavor-journey__kernel--1{top:12%;left:10%;width:17%;transform:rotate(-14deg)}.flavor-journey__kernel--2{top:30%;right:14%;width:12%;transform:rotate(22deg);color:#fffbefcc}.flavor-journey__kernel--3{top:55%;left:20%;width:10%;transform:rotate(8deg);color:#fffbefb3}.flavor-journey__kernel--4{bottom:14%;right:30%;width:14%;transform:rotate(-26deg);color:#fffbefd9}.flavor-journey__kernel--5{bottom:28%;left:6%;width:8%;transform:rotate(30deg);color:#fffbef99}@media(prefers-reduced-motion:no-preference){[data-animate] .flavor-journey__kernel{animation:fj-drift 7s var(--ease-out-cubic, ease-in-out) infinite alternate}[data-animate] .flavor-journey__kernel--2{animation-duration:8.5s;animation-delay:-2s}[data-animate] .flavor-journey__kernel--3{animation-duration:6s;animation-delay:-1s}[data-animate] .flavor-journey__kernel--4{animation-duration:9s;animation-delay:-4s}[data-animate] .flavor-journey__kernel--5{animation-duration:7.5s;animation-delay:-3s}}@keyframes fj-drift{to{translate:0 -12px;rotate:5deg}}.flavor-journey__panel--seasonal .flavor-journey__art,.flavor-journey__panel--seasonal .flavor-journey__photo{filter:saturate(.55)}.flavor-journey__badge{position:absolute;top:16px;left:16px;display:inline-block;padding:7px 14px;border-radius:999px;background:var(--panel-color, #c9862d);color:var(--on-swatch-ink, #fff4d6);font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 2px 8px #33291b40;transform:rotate(-2deg)}.flavor-journey__story{display:grid;gap:clamp(.75rem,1.6vw,1.1rem);justify-items:start}.flavor-journey__panel-kicker{margin:0;color:#33291ba6;font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.flavor-journey__panel-name{margin:0;font-size:clamp(2.25rem,5.5vw,4rem);line-height:.98;letter-spacing:-.01em;color:#33291b}.flavor-journey__panel-story{max-width:52ch;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.6;color:#33291bd9}.flavor-journey__panel-story p{margin-block:0 .6em}.flavor-journey__meters{display:grid;gap:10px;width:min(100%,380px);margin-block:.25rem}.flavor-journey__meter{display:grid;grid-template-columns:4.25rem 1fr;align-items:center;gap:12px}.flavor-journey__meter-label{font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#33291bb3}.flavor-journey__meter-track{display:flex;gap:6px}.flavor-journey__meter-seg{width:100%;max-width:34px;height:10px;border-radius:5px;background:#33291b1f}.flavor-journey__meter-seg--filled{background:var(--meter-fill, #8a6508)}@media(prefers-reduced-motion:no-preference){[data-animate] .flavor-journey__meter-seg--filled{transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out-cubic, ease-out) calc(var(--row-index, 0) * .15s + var(--seg-index, 0) * 60ms + .2s)}[data-animate] .flavor-journey__panel.is-visible .flavor-journey__meter-seg--filled{transform:scaleX(1)}}.flavor-journey__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block-start:.35rem}.flavor-journey__note{margin:0;padding:10px 16px;border-radius:999px;border:1.5px dashed rgb(51 41 27 / .35);font-size:.8125rem;font-weight:700;letter-spacing:.06em;color:#33291bbf}.flavor-journey__note--seasonal{border-style:solid;border-color:var(--panel-color, #c06a22);color:#33291b}.flavor-journey__note--seasonal:before{content:"\2726  ";color:var(--panel-color, #c06a22)}.flavor-journey__editor-hint{margin:8px 0 0;padding:10px 14px;border:1.5px dashed #b0702a;border-radius:10px;background:#fff4d6;color:#33291b;font-size:.8125rem}.flavor-journey__finale{margin-block-start:clamp(1.5rem,4vw,3rem);scroll-margin-top:calc(var(--header-height, 60px) + var(--rail-height, 64px) + 12px)}.flavor-journey__finale-inner{display:grid;justify-items:center;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(2rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem);border-radius:28px;background:radial-gradient(120% 120% at 50% 0%,#3a2d1c,#241c12 60%);color:#fff4d6;text-align:center}.flavor-journey__finale-medallion{width:clamp(72px,10vw,96px);height:clamp(72px,10vw,96px);border-radius:50%;background:conic-gradient(#c9862d 0 33%,#f2e5c4 33% 66%,#f0c649 66% 100%);border:3px solid #daa520;box-shadow:0 6px 24px #00000059}.flavor-journey__finale-heading{margin:0;font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.05;color:#fff4d6}.flavor-journey__finale-text{max-width:52ch;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.6;color:#fff4d6d9}.flavor-journey__finale-text p{margin-block:0}.flavor-journey__finale-note{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffd166}.flavor-journey__finale-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-block-start:.5rem}.flavor-journey__finale-secondary{--button-color: #fff4d6;--button-border-color: #fff4d6}.flavor-journey__finale-secondary:hover{--button-color: #241c12;--button-background-color: #fff4d6;--button-border-color: #fff4d6}@media(prefers-reduced-motion:no-preference){[data-animate] .flavor-journey__panel .flavor-journey__visual,[data-animate] .flavor-journey__panel .flavor-journey__story>*,[data-animate] .flavor-journey__finale-inner>*{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out-cubic, ease-out),transform .6s var(--ease-out-cubic, ease-out)}[data-animate] .flavor-journey__panel .flavor-journey__story>*:nth-child(2){transition-delay:80ms}[data-animate] .flavor-journey__panel .flavor-journey__story>*:nth-child(3){transition-delay:.16s}[data-animate] .flavor-journey__panel .flavor-journey__story>*:nth-child(4){transition-delay:.24s}[data-animate] .flavor-journey__panel .flavor-journey__story>*:nth-child(5){transition-delay:.32s}[data-animate] .flavor-journey__finale-inner>*:nth-child(2){transition-delay:80ms}[data-animate] .flavor-journey__finale-inner>*:nth-child(3){transition-delay:.16s}[data-animate] .flavor-journey__finale-inner>*:nth-child(4){transition-delay:.24s}[data-animate] .flavor-journey__finale-inner>*:nth-child(5){transition-delay:.32s}[data-animate] .flavor-journey__panel.is-visible .flavor-journey__visual,[data-animate] .flavor-journey__panel.is-visible .flavor-journey__story>*,[data-animate] .flavor-journey__finale.is-visible .flavor-journey__finale-inner>*{opacity:1;transform:none}}@media print{[data-animate] .flavor-journey__panel .flavor-journey__visual,[data-animate] .flavor-journey__panel .flavor-journey__story>*,[data-animate] .flavor-journey__finale-inner>*,[data-animate] .flavor-journey__meter-seg--filled{opacity:1!important;transform:none!important}}@media screen and (max-width:749px){.flavor-journey__chip{padding:5px 12px;font-size:.75rem}.flavor-journey__chip-swatch{width:12px;height:12px}.flavor-journey__badge{top:10px;left:10px;font-size:.625rem}.flavor-journey__meter{grid-template-columns:3.5rem 1fr}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/fishers-flavor-journey.css.map */