@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px); --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px); --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}
@theme inline{@keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } to { height: 0; } }}@custom-variant data-open{&:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { @slot; }}@custom-variant data-closed{&:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { @slot; }}@custom-variant data-checked{&:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { @slot; }}@custom-variant data-unchecked{&:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { @slot; }}@custom-variant data-selected{&:where([data-selected="true"]) { @slot; }}@custom-variant data-disabled{&:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { @slot; }}@custom-variant data-active{&:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { @slot; }}@custom-variant data-horizontal{&:where([data-orientation="horizontal"]) { @slot; }}@custom-variant data-vertical{&:where([data-orientation="vertical"]) { @slot; }}@utility no-scrollbar{-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; }}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@theme inline{@keyframes scroll-fade-reveal-t { from { --scroll-fade-t: 0px; } to { --scroll-fade-t: var(--_scroll-fade-size-t,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-b { from { --scroll-fade-b: var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-b: 0px; } } @keyframes scroll-fade-reveal-s { from { --scroll-fade-s: 0px; } to { --scroll-fade-s: var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-e { from { --scroll-fade-e: var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-e: 0px; } }}@utility scroll-fade{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-y{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-x{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-inline: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-inline: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-t{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); }}@utility scroll-fade-b{--_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-l{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-r{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-s{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-e{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-*{--scroll-fade-size: calc(var(--spacing) * --value(integer)); --scroll-fade-size: --value([length], [percentage]);}@utility scroll-fade-t-*{--scroll-fade-t-size: calc(var(--spacing) * --value(integer)); --scroll-fade-t-size: --value([length], [percentage]);}@utility scroll-fade-b-*{--scroll-fade-b-size: calc(var(--spacing) * --value(integer)); --scroll-fade-b-size: --value([length], [percentage]);}@utility scroll-fade-s-*{--scroll-fade-s-size: calc(var(--spacing) * --value(integer)); --scroll-fade-s-size: --value([length], [percentage]);}@utility scroll-fade-e-*{--scroll-fade-e-size: calc(var(--spacing) * --value(integer)); --scroll-fade-e-size: --value([length], [percentage]);}@utility scroll-fade-none{--scroll-fade-mask: none;}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@theme inline{@keyframes tw-shimmer { from { background-position: 100% 0; } to { background-position: 0 0; } }}@utility shimmer{--_spread: var(--shimmer-spread,calc(3ch + 40px)); --_base: currentColor; --_highlight: var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2))); background-image: var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread)))); background-repeat: no-repeat; background-size: calc(200% + var(--_spread) * 2) 100%; background-position: 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: var(--shimmer-text-fill,transparent); animation: tw-shimmer var(--shimmer-duration,2s) linear infinite; @variant dark { --_highlight: var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4))); } &:where([dir="rtl"], [dir="rtl"] *) { animation-direction: reverse; }}@utility shimmer-once{animation-iteration-count: 1;}@utility shimmer-reverse{animation-direction: reverse;}@utility shimmer-none{--shimmer-image: none; --shimmer-text-fill: currentColor;}@utility shimmer-color-*{--shimmer-color: --value(--color, [color]); --shimmer-color: color-mix(in oklch, --value(--color, [color]) calc(--modifier(integer) * 1%), transparent);}@utility shimmer-duration-*{--shimmer-duration: calc(--value(integer) * 1ms);}@utility shimmer-spread-*{--shimmer-spread: calc(var(--spacing) * --value(integer)); --shimmer-spread: --value([length], [percentage]);}@utility shimmer-angle-*{--shimmer-angle: calc(--value(integer) * 1deg);}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}
@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-popover:var(--background);--color-popover-foreground:var(--foreground);--color-primary:var(--foreground);--color-primary-foreground:var(--background);--color-muted:#eee8dc;--color-muted-foreground:#706f60;--color-border:#d7d1c1;--color-ring:#a37b38;--font-sans:Arial,Helvetica,sans-serif;}:root{--background:#f7f3e9;--foreground:#303827;--gold:#a07a36;--line:#dcd6c7;--country:#626747;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--foreground);background:var(--background);font-synthesis:none;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{background:0 0;border:0}p{margin:0;line-height:1.75}h1,h2,h3{margin:0;font-weight:400}h1,h2{letter-spacing:-.052em;font-family:Georgia,Times New Roman,serif;line-height:1.08}em{color:var(--gold);font-weight:400}h2{font-size:clamp(2.7rem,4.1vw,4.5rem)}.eyebrow{letter-spacing:.19em;align-items:center;gap:12px;font-size:11px;font-weight:600;line-height:1.5;display:flex}.eyebrow>span:not(.chapter-index){background:var(--gold);border-radius:50%;width:5px;height:5px;display:inline-block}.skip-link{background:var(--foreground);color:#fff;z-index:100;padding:15px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:var(--background);z-index:20;justify-content:space-between;align-items:center;gap:30px;height:100px;padding:0 5.5%;display:flex;position:relative}.wordmark{letter-spacing:.18em;white-space:nowrap;font-family:Georgia,serif;font-size:24px}.wordmark span{letter-spacing:.25em;text-align:center;color:var(--gold);margin-top:9px;font-family:Arial,sans-serif;font-size:7px;display:block}.desktop-nav{gap:34px;font-size:13px;display:flex}.desktop-nav a{padding:12px 0}.desktop-nav a:hover{color:var(--gold)}.header-cta{border-bottom:1px solid;align-items:center;gap:25px;padding:9px 0;font-size:12px;display:flex}.menu-button{display:none}.button{background:var(--foreground);color:#fffdf5;border-radius:3px;justify-content:space-between;align-items:center;gap:50px;min-height:56px;padding:16px 24px;font-size:14px;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#525d3d;transform:translateY(-2px)}.hero{grid-template-columns:44% 56%;height:calc(100svh - 100px);min-height:730px;max-height:980px;padding:0 5.5%;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;align-self:center;padding-bottom:40px;position:relative}.hero-copy h1{margin:25px 0;font-size:clamp(4.5rem,6.6vw,7.8rem)}.hero-description{color:#77776b;margin-bottom:28px;font-size:15px;line-height:1.8}.hero-origin{color:#7e806c;align-items:center;gap:9px;margin-top:21px;font-size:11px;display:flex}.hero-art{align-self:stretch;min-width:0;margin-left:-6%;margin-right:-13%;position:relative}.spice-floor{object-fit:cover;object-position:center bottom;mix-blend-mode:multiply;width:118%;max-width:none;height:70%;position:absolute;bottom:90px;left:-7%}.hero-globe{justify-content:center;align-items:center;display:flex;position:absolute;inset:3% 0 19%}.globe-render{aspect-ratio:1;width:100%;position:relative}.globe-render canvas{touch-action:pan-y;width:100%;height:100%;display:block}.hero-coordinate{color:#848371;letter-spacing:.13em;text-align:right;font-size:10px;line-height:1.8;position:absolute;top:8%;right:13%}.hero-coordinate b{letter-spacing:.15em;font-size:8px;font-weight:400}.hero-bottom{border-top:1px solid var(--line);letter-spacing:.12em;color:#747661;justify-content:space-between;align-items:center;height:67px;font-size:9px;display:flex;position:absolute;bottom:0;left:5.5%;right:5.5%}.hero-bottom a{letter-spacing:.03em;align-items:center;gap:15px;font-size:11px;display:flex}.journey{background:#f1eee4;padding:100px 5.5% 0}.journey-intro{text-align:center;margin:0 auto 85px}.journey-intro .eyebrow{color:#84806d;justify-content:center;margin-bottom:25px}.journey-intro p:last-child{color:#777868;margin-top:22px;font-size:14px}.journey-layout{grid-template-columns:48% 52%;align-items:start;display:grid;position:relative}.globe-stage{padding:0 30px 45px 0;position:sticky;top:35px}.country-nav{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;display:flex}.country-nav button{color:#838576;border-bottom:2px solid #0000;align-items:center;gap:10px;min-height:58px;padding:0 4px;font-size:13px;display:flex}.country-nav button[aria-current]{border-color:var(--country);color:var(--foreground)}.country-number{color:#9b9885;font-size:9px}.journey-globe{margin-top:18px}.globe-caption{align-items:center;gap:9px;padding:0 20px;font-size:12px;display:flex}.caption-count{letter-spacing:.15em;color:#96927c;margin-left:auto;font-size:10px}.globe-hint{color:#8c8b78;justify-content:center;align-items:center;gap:10px;margin-top:30px;font-size:10px;display:flex}.chapter{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-height:820px;padding:70px 0 70px 65px;scroll-margin-top:20px;display:flex}.chapter:last-child{border-bottom:0}.chapter-heading .eyebrow{color:var(--country);margin-bottom:25px}.chapter-index{border:1px solid color-mix(in srgb,var(--country) 30%,transparent);letter-spacing:0;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;display:grid}.chapter h2{font-size:clamp(2.8rem,4.8vw,5rem)}.chapter em{color:var(--country)}.chapter-product{grid-template-columns:43% 57%;align-items:center;gap:10px;margin-top:34px;display:grid}.product-photo{text-align:center;position:relative}.product-image{mix-blend-mode:multiply;object-fit:contain;width:100%;height:auto;transition:transform .65s;display:block}.weight{letter-spacing:.13em;color:#868473;margin-top:15px;font-size:8px;display:block}.product-copy{padding:15px 0 15px 15px}.tasting-note{letter-spacing:.11em;color:var(--country);font-size:9px;font-weight:600;line-height:1.8}.product-copy h3{margin:13px 0;font-family:Georgia,serif;font-size:26px;line-height:1.2}.product-copy>p:not(.tasting-note){color:#727365;font-size:13px;line-height:1.85}.text-link{border-bottom:1px solid var(--country);justify-content:space-between;align-items:center;gap:25px;margin-top:13px;padding:13px 0 9px;font-size:13px;display:inline-flex}.text-link:hover{color:var(--gold)}.cooking-note{border-top:1px solid var(--line);color:#80826b;align-items:center;gap:13px;margin-top:35px;padding-top:18px;display:flex}.cooking-note svg{flex-shrink:0}.cooking-note p{font-size:12px;line-height:1.6}.collection{padding:110px 5.5% 100px}.section-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:55px;display:flex}.section-heading .eyebrow{color:#83816c;margin-bottom:22px}.section-heading>p{color:#7c7c6c;font-size:13px;line-height:1.8}.product-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.product-card{border-top:1px solid var(--country);background:#f1eee4;padding:19px 17px 25px;transition:background .2s;display:block}.product-card:hover{background:#eae5d8}.card-top{color:var(--country);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:9px;display:flex}.product-card>.product-image{object-fit:contain;width:100%;height:300px;margin:27px 0}.product-card:hover .product-image{transform:translateY(-7px)rotate(-2deg)}.card-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-bottom h3{font-family:Georgia,serif;font-size:20px;line-height:1.2}.card-bottom>span{white-space:nowrap;color:#858371;font-size:10px}.product-card>p{color:#7b7e6d;margin-top:12px;font-size:11px;line-height:1.6}.about{color:#f0eddd;background:#353e2d;grid-template-columns:42% 58%;align-items:center;gap:30px;padding:100px 12%;display:grid}.about-number{color:#bbc09b;text-align:center;font-family:Georgia,serif;font-size:280px;font-style:italic;line-height:.9}.about-number span{letter-spacing:.2em;margin-top:30px;font-family:Arial,sans-serif;font-size:10px;font-style:normal;display:block}.about-copy .eyebrow{color:#b9ba9b;margin-bottom:25px}.about h2{margin-bottom:25px;font-size:55px}.about em{color:#bcb594}.about-copy>p:not(.eyebrow){color:#c3c5b2;max-width:520px;margin-bottom:14px;font-size:14px}.about .text-link{border-color:#919776;font-size:12px}footer{flex-wrap:wrap;align-items:center;gap:40px;padding:55px 5.5% 25px;display:flex}footer>p{color:#888774;margin-left:auto;font-size:11px}footer>a:not(.wordmark){align-items:center;gap:20px;font-size:12px;display:flex}.copyright{border-top:1px solid var(--line);color:#8d8e7b;width:100%;margin-top:10px;padding-top:22px;font-size:10px}.pin-preview{border:1px solid var(--line);pointer-events:none;z-index:4;background:#fffcf0;border-radius:4px;align-items:center;gap:15px;min-width:210px;padding:12px 20px;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #32372020}.pin-preview img{object-fit:contain;mix-blend-mode:multiply;width:40px;height:75px}.pin-preview b{font-family:Georgia,serif;font-size:19px;display:block}.pin-preview span{color:#777;font-size:11px}.globe-loading{aspect-ratio:1}.static-globe{width:100%;height:auto}.mobile-menu{padding:55px 28px;background:var(--background)!important}.mobile-menu nav{margin-top:45px;display:grid}.mobile-menu nav a{border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 0;font-family:Georgia,serif;font-size:25px;display:flex}.close-menu{padding:8px;position:absolute;top:20px;right:20px}.detail{grid-template-columns:1fr 1fr;gap:90px;max-width:1200px;margin:70px auto 90px;padding:0 40px;display:grid}.back-link{align-items:center;gap:12px;font-size:12px;display:flex}.detail-photo{background:#eee9dd;flex-direction:column;align-self:start;align-items:center;padding:30px 25px;display:flex;position:sticky;top:35px}.detail-photo>img{mix-blend-mode:multiply;object-fit:contain;width:65%;height:auto;max-height:610px;margin:30px 0}.detail-photo>span{letter-spacing:.14em;font-size:10px}.detail-copy>.eyebrow{color:var(--country);margin-bottom:17px}.detail-copy h1{margin-bottom:24px;font-size:clamp(2.8rem,4.8vw,5rem)}.detail-description{color:#727361;margin-top:28px;font-size:16px}.detail-block{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.detail-block h2,.recipe h2{letter-spacing:-.03em;margin-bottom:12px;font-size:26px}.detail-block p,.recipe p{color:#747461;font-size:14px}.detail-block .small-print{margin-top:15px;font-size:11px;line-height:1.6}.recipe{background:#eeeade;margin-top:30px;padding:25px}.recipe .eyebrow{color:var(--country);margin:15px 0;font-size:9px}.detail-more{margin:0 5.5% 80px}.detail-more>div{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:25px;display:grid}.detail-more a{border-top:1px solid var(--line);padding-top:25px;font-family:Georgia,serif;font-size:28px;position:relative}.detail-more a span{color:#7c7d68;margin-top:12px;font-family:Arial,sans-serif;font-size:12px;display:block}.detail-more svg{position:absolute;top:30px;right:0}.not-found{padding:12vh 8%}.not-found h1{margin:30px 0;font-size:60px}.not-found .button{margin-top:30px}@media (min-width:1600px){.hero-globe{max-width:850px;margin:auto}.chapter{min-height:900px}}@media (max-width:1050px){.desktop-nav{gap:18px}.header-cta{display:none}.hero{min-height:690px}.hero-copy h1{font-size:65px}.chapter{padding-left:25px}.chapter-product{grid-template-columns:45% 55%;gap:0}.product-copy{padding-left:12px}.product-copy h3{font-size:23px}.product-grid{gap:12px}.product-card{padding:15px 12px}.product-card>.product-image{height:240px}.card-bottom h3{font-size:17px}.about{padding:80px 7%}.detail{gap:45px}.globe-stage{padding-right:15px}.country-number{display:none}.country-nav button{font-size:12px}}@media (max-width:759px){html{scroll-padding-top:20px}.site-header{gap:12px;height:78px;padding:0 6%}.wordmark{letter-spacing:.16em;font-size:21px}.wordmark span{margin-top:7px;font-size:6px}.desktop-nav{display:none}.menu-button{margin-right:-10px;padding:10px;display:block}.hero{flex-direction:column;height:auto;min-height:0;max-height:none;padding:0 6%;display:flex;overflow:hidden}.hero-copy{align-self:stretch;padding:36px 0 0;display:contents}.hero-copy>.eyebrow{order:0;margin:31px 0 20px;font-size:9px}.hero-copy h1{letter-spacing:-.045em;z-index:2;order:1;margin:0;font-size:clamp(3.5rem,11.8vw,5.5rem);line-height:1.06;position:relative}.hero-description{order:2;max-width:300px;margin:20px 0 0;font-size:13px;line-height:1.6}.desktop-break{display:none}.hero-art{aspect-ratio:1.12;order:3;align-self:auto;width:113.6%;height:auto;margin:0 -6.8%;position:relative}.hero-globe{inset:-7% 4% 10% 10%}.spice-floor{object-fit:cover;width:100%;height:90%;bottom:0;left:0}.hero-coordinate{font-size:7px;display:none;top:4%;right:7%}.hero-copy>.button{z-index:3;order:4;align-self:stretch;width:100%;min-height:54px;margin:0;font-size:14px;position:relative}.hero-origin{order:5;justify-content:center;margin:17px 0 25px;font-size:10px}.hero-bottom{display:none}.journey{padding:65px 6% 0}.journey-intro{margin-bottom:35px}.journey-intro .eyebrow{margin-bottom:18px;font-size:8px}.journey-intro h2{font-size:36px}.journey-intro p:last-child{margin-top:19px;font-size:12px}.journey-layout{display:block}.globe-stage{z-index:10;border-bottom:1px solid var(--line);background:#f1eee4;padding:0;position:sticky;top:0;box-shadow:0 12px 18px #f1eee4e8}.country-nav{border-bottom:0;gap:0}.country-nav button{min-height:49px;padding:0 5px;font-size:12px}.journey-globe{justify-content:center;height:165px;margin:0;display:flex;overflow:hidden}.journey-globe .globe-render{flex-shrink:0;width:265px;height:265px;margin-top:-20px}.globe-caption{gap:7px;padding:10px 0 13px;font-size:9px}.globe-caption svg{width:12px}.caption-count{font-size:9px}.globe-hint{display:none}.chapter{justify-content:flex-start;min-height:660px;padding:42px 0 40px;scroll-margin-top:257px}.chapter-heading .eyebrow{margin-bottom:15px;font-size:10px}.chapter-index{width:24px;height:24px;font-size:9px}.chapter h2{font-size:45px}.chapter-product{grid-template-columns:43% 57%;gap:0;margin-top:25px}.product-photo{padding:0 4px}.product-copy{padding-left:16px}.product-copy h3{font-size:23px}.product-copy>p:not(.tasting-note){font-size:12px;line-height:1.75}.tasting-note{letter-spacing:.06em;font-size:8px}.text-link{gap:20px;margin-top:10px;font-size:12px}.weight{letter-spacing:.07em;margin-top:10px;font-size:7px}.cooking-note{margin-top:24px;padding-top:15px}.cooking-note p{font-size:11px}.collection{padding:65px 6%}.section-heading{margin-bottom:32px;display:block}.section-heading .eyebrow{margin-bottom:17px;font-size:8px}.section-heading h2{font-size:39px}.section-heading>p{margin-top:20px;font-size:12px}.product-grid{grid-template-columns:repeat(2,1fr);gap:18px 12px}.product-card{padding:13px 10px 19px}.card-top{letter-spacing:.04em;font-size:7px}.card-top svg{width:15px}.product-card>.product-image{height:220px;margin:20px 0}.card-bottom{display:block}.card-bottom h3{min-height:40px;font-size:18px}.card-bottom>span{margin-top:7px;font-size:9px;display:block}.product-card>p{margin-top:9px;font-size:10px}.about{grid-template-columns:1fr;gap:42px;padding:60px 7%}.about-number{text-align:left;align-items:center;gap:30px;font-size:145px;display:flex}.about-number span{max-width:90px;margin:0;font-size:10px;line-height:1.8}.about-copy .eyebrow{margin-bottom:18px;font-size:8px}.about h2{font-size:45px}.about-copy>p:not(.eyebrow){font-size:13px}.about .text-link{gap:10px;font-size:11px}footer{justify-content:space-between;gap:24px;padding:38px 6% 25px}footer>p{order:2;width:100%;margin:0;font-size:11px}.copyright{order:3;margin:0;font-size:9px}footer .wordmark{font-size:18px}footer>a:not(.wordmark){gap:8px;font-size:11px}.pin-preview{display:none}.detail{flex-direction:column;gap:35px;margin:30px auto 60px;padding:0 6%;display:flex}.detail-photo{width:100%;padding:25px;position:static}.detail-photo>img{width:auto;height:330px;margin:20px 0}.detail-photo .eyebrow{font-size:9px}.detail-copy h1{font-size:48px}.back-link{gap:5px;font-size:10px}.back-link svg{width:14px}.detail-description{font-size:15px}.detail-more>div{grid-template-columns:1fr;gap:25px}.detail-more a{font-size:25px}.detail-more{margin-bottom:45px}.not-found h1{font-size:42px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.chapter.is-active .product-image,.product-card:hover .product-image{transform:none}}.spice-floor{-webkit-mask-image:linear-gradient(#0000 0%,#000 28% 87%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 28% 87%,#0000 100%)}@media (min-width:760px){.hero-art{-webkit-mask-image:linear-gradient(90deg,#0000,#000 13%);mask-image:linear-gradient(90deg,#0000,#000 13%)}.hero-coordinate{z-index:3;top:3%;right:15%}}@media (max-width:759px){.hero-art{margin-top:7px}.hero-globe{top:-8%;left:7%;right:7%}.spice-floor{height:92%}}.hero-description,.product-copy>p:not(.tasting-note),.detail-block p,.recipe p,.about-copy>p:not(.eyebrow){font-size:16px}.country-nav button,.desktop-nav,.text-link{font-size:14px}.product-card>p{font-size:13px}.cooking-note p{font-size:14px}.product-copy h3{font-size:27px}@media (max-width:759px){.hero-description,.country-nav button{font-size:14px}.product-copy>p:not(.tasting-note){font-size:14px;line-height:1.7}.product-copy h3{font-size:23px}.chapter{min-height:700px}.cooking-note p{font-size:13px}.text-link{gap:12px;font-size:14px}.about-copy>p:not(.eyebrow){font-size:16px}.product-card>p{font-size:12px}}.still-hero{background:#f7f0e6;grid-template-rows:1fr auto;grid-template-columns:44% 56%;align-items:center;max-width:1600px;min-height:720px;margin:0 auto;padding:30px 5.5% 48px;display:grid;position:relative;overflow:hidden}.still-hero-heading{z-index:2;grid-area:1/1;align-self:end;padding-top:35px;position:relative}.still-hero-heading .eyebrow{color:#8b805e;margin-bottom:28px}.still-hero h1{letter-spacing:-.045em;font-size:clamp(4.5rem,6.5vw,7rem);line-height:1.08}.still-hero h1 span{color:#9b7328}.still-hero-description{color:#7d7967;margin-top:27px;font-size:16px}.still-hero-scene{grid-area:1/2/3;align-self:center;width:100%;max-width:690px;margin-left:auto;position:relative}.still-hero-scene>img{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000,#000 3% 94%,#0000);mask-image:linear-gradient(#0000,#000 3% 94%,#0000)}.still-hero-action{z-index:2;grid-area:2/1;align-self:start;padding:28px 0 0;position:relative}.still-hero-action .button{min-width:265px}.still-scroll{letter-spacing:.18em;color:#8f8b73;align-items:center;gap:12px;margin-top:24px;font-size:9px;display:flex}.hero-hotspot{z-index:3;touch-action:manipulation;background:0 0;border-radius:50%;width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.hero-hotspot:hover,.hero-hotspot:focus-visible{box-shadow:0 0 0 8px #b38d4933}.hotspot-europe{top:22.54%;left:44.43%}.hotspot-india{top:35.33%;left:77.96%}.hotspot-label{white-space:nowrap;opacity:0;pointer-events:none;background:#fffaf0;border:1px solid #cbbb94;border-radius:3px;align-items:center;gap:12px;padding:9px 13px;font-size:13px;transition:opacity .15s;display:flex;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 5px 16px #292d1e18}.hero-hotspot:hover .hotspot-label,.hero-hotspot:focus-visible .hotspot-label{opacity:1}.globe-canvas-host{aspect-ratio:1;width:100%}.globe-canvas-host canvas{touch-action:pan-y;width:100%;height:100%;display:block}.gpu-globe>.static-globe{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.journey-placeholder{object-fit:contain;width:100%;height:100%}.chapter:focus{outline:none}.chapter.is-active .product-image{transform:none}.site-header{background:#f7f0e6}.chapter-product{align-items:start}.product-copy{padding-top:5px}@media (max-width:759px){.site-header{background:#f7f0e6;border:0;height:78px;padding:0 7%}.site-header .wordmark{letter-spacing:.18em;font-size:20px}.site-header .wordmark span{display:none}.still-hero{flex-direction:column;max-width:none;min-height:0;padding:18px 0 28px;display:flex;overflow:hidden}.still-hero-heading{align-self:stretch;padding:0 7%}.still-hero-heading .eyebrow,.still-hero-description{display:none}.still-hero h1{letter-spacing:-.045em;font-size:clamp(3.05rem,11.55vw,5.4rem);line-height:1.12}.still-hero h1 span{font-style:normal}.still-hero-scene{width:100%;max-width:none;margin:0}.still-hero-scene>img{-webkit-mask-image:none;mask-image:none}.still-hero-action{width:100%;margin:0;padding:0 7%}.still-hero-action .button{border-radius:4px;width:100%;min-width:0;min-height:57px;padding:15px 20px;font-size:16px}.still-scroll{letter-spacing:.2em;flex-direction:column;justify-content:center;gap:11px;margin-top:23px;font-size:8px}.hero-hotspot{width:44px;height:44px}.hotspot-label{display:none}.journey{padding-top:53px}.journey-intro{margin-bottom:24px}.journey-intro h2{font-size:33px}.journey-intro p:last-child{font-size:14px}.country-nav{border-bottom:1px solid var(--line)}.country-nav button{min-height:48px;font-size:14px}.globe-stage{box-shadow:none;border-bottom:1px solid var(--line);background:#f1eee4;padding-bottom:0;top:0}.journey-globe{align-items:center;height:190px;margin:0;overflow:hidden}.journey-globe .globe-render{flex-shrink:0;width:220px;height:220px;margin:0}.journey-globe .journey-placeholder{width:220px;height:220px}.globe-caption{padding:5px 0 12px;font-size:11px}.chapter{min-height:700px;padding-top:30px;scroll-margin-top:280px}.chapter h2{font-size:42px}.chapter-product{grid-template-columns:40% 60%;margin-top:25px}.product-copy>p:not(.tasting-note){font-size:15px;line-height:1.65}.product-copy h3{font-size:24px}.tasting-note{font-size:9px;line-height:1.5}.weight{font-size:8px}.product-photo{padding-top:15px}.cooking-note p{font-size:14px}.chapter.is-active .product-image{transform:none}}@media (max-width:380px){.still-hero h1{font-size:11.3vw}.site-header .wordmark{font-size:18px}.chapter-product{grid-template-columns:38% 62%}.product-copy{padding-left:12px}.product-copy>p:not(.tasting-note){font-size:14px}}.hero-botanical{object-fit:contain;mix-blend-mode:multiply;opacity:.65;pointer-events:none;z-index:-1;width:90px;height:240px;position:absolute;top:0;right:-5%;-webkit-mask-image:linear-gradient(#0000,#000 10% 85%,#0000);mask-image:linear-gradient(#0000,#000 10% 85%,#0000)}@media (max-width:759px){.hero-botanical{opacity:.75;width:68px;height:183px;top:-15px;right:0}.still-hero-heading{isolation:isolate}.still-hero h1{z-index:1;position:relative}}.gpu-globe{aspect-ratio:1;flex-shrink:0;position:relative}.globe-canvas-host{aspect-ratio:auto;position:absolute;inset:0;overflow:hidden}.globe-canvas-host canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}@media (min-width:760px) and (max-width:1050px){.still-hero h1{font-size:5.65vw}.still-hero{min-height:620px}.still-hero-heading{padding-top:0}}.site-header{z-index:30;position:sticky;top:0;box-shadow:0 1px #0000}.journey-intro{margin-bottom:32px}.journey-intro p:last-child{color:#5f6458;max-width:620px;margin-left:auto;margin-right:auto}.journey-skip{border-bottom:1px solid var(--gold);color:#5f6458;align-items:center;gap:9px;margin-top:18px;padding:8px 0;font-size:14px;display:inline-flex}.journey-skip:hover{color:var(--gold)}.journey-overview{grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 48px;display:grid}.journey-overview button{text-align:left;border-top:2px solid var(--country);background:#ebe7db;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;padding:15px 14px 14px;transition:background .2s,transform .2s;display:grid}.journey-overview button:hover,.journey-overview button[aria-current]{background:#fffaf0;transform:translateY(-2px)}.journey-overview button>span{color:var(--country);grid-row:1/3;font-size:11px}.journey-overview strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.journey-overview small{color:#62675b;margin-top:4px;font-size:12px}.journey-overview svg{color:var(--country);grid-area:1/3/3}.journey-progress{border-bottom:1px solid var(--line);z-index:15;background:#f1eee4;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin:0 0 22px;padding:12px 0;display:grid}.progress-title{letter-spacing:.16em;color:#747967;white-space:nowrap;font-size:11px}.progress-countries{gap:22px;display:flex}.progress-countries button{color:#777c6c;border-bottom:2px solid #0000;padding:5px 0;font-size:13px}.progress-countries button[aria-current]{color:var(--foreground);border-color:var(--country)}.progress-cta{border-bottom:1px solid var(--foreground);white-space:nowrap;align-items:center;gap:8px;padding:6px 0;font-size:14px;display:inline-flex}.progress-track{background:#d9d4c6;grid-column:1/-1;height:3px}.progress-track span{background:var(--gold);height:100%;transition:width .35s;display:block}.chapter{min-height:650px;padding-top:54px;padding-bottom:54px}.product-copy>p:not(.tasting-note),.detail-description,.detail-block p,.recipe p,.about-copy>p:not(.eyebrow){color:#5f6458}.product-card>p{color:#5f6458;line-height:1.7}.card-use{font-size:14px!important}.card-use strong{color:var(--foreground);font-weight:600}.card-action{border-bottom:1px solid var(--country);color:var(--foreground);align-items:center;gap:9px;margin-top:17px;padding-bottom:7px;font-size:14px;display:inline-flex}.product-card:hover .card-action{color:var(--gold)}.detail-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:17px 0;display:flex}.detail-actions>div{gap:4px;display:grid}.detail-actions strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.detail-actions span{color:#62675b;font-size:13px}.detail-actions .button{gap:20px;min-height:48px;padding:12px 17px;font-size:14px}@media (min-width:760px){.journey-progress{position:sticky;top:100px}.globe-stage{top:35px}}@media (max-width:759px){.still-hero-description{color:#5f6458;max-width:330px;margin:17px 0 0;font-size:16px;line-height:1.55;display:block}.journey-intro{margin-bottom:24px}.journey-progress{grid-template-columns:1fr auto;gap:10px;margin:0 0 14px;padding:10px 0}.progress-countries{display:none}.progress-title{font-size:10px}.progress-cta{font-size:13px}.progress-track{grid-column:1/-1}.journey-overview{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.journey-overview button{column-gap:8px;padding:12px 10px}.journey-overview strong{font-size:17px}.journey-overview small{font-size:12px}.journey-overview svg{width:14px}.chapter{min-height:570px;padding-top:32px;padding-bottom:32px;scroll-margin-top:280px}.journey-globe .globe-render,.journey-globe .journey-placeholder{width:200px;height:200px}.product-card>p{font-size:14px}.card-use{font-size:13px!important}.card-action{margin-top:13px;font-size:14px}.detail-actions{flex-direction:column;align-items:stretch}.detail-actions .button{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.progress-track span{transition:none}.journey-overview button:hover{transform:none}}