@property --grow{syntax:"<percentage>";inherits:false;initial-value:130%}.sp-rise{animation:sp-rise 1.3s var(--ease-out-expo) both;animation-delay:calc(.18s + var(--i) * 90ms);display:inline-block}@keyframes sp-rise{0%{filter:brightness(.45);transform:translateY(.18em)}}.sp-vine{background:linear-gradient(168deg, var(--color-copper-200) 0%, var(--color-copper-400) 42%, var(--color-copper-600) 100%);-webkit-mask:url(/images/spices/vine-engraving.svg) center / contain no-repeat, linear-gradient(to top, #000 calc(var(--grow) - 18%), transparent var(--grow));-webkit-mask-composite:source-in;-webkit-mask:url(/images/spices/vine-engraving.svg) center / contain no-repeat, linear-gradient(to top, #000 calc(var(--grow) - 18%), transparent var(--grow));mask:url(/images/spices/vine-engraving.svg) center / contain no-repeat, linear-gradient(to top, #000 calc(var(--grow) - 18%), transparent var(--grow));-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sp-vine-scroll{animation:linear both sp-grow;animation-timeline:view();animation-range:entry 5% cover 55%}}}@keyframes sp-grow{0%{--grow:0%}to{--grow:130%}}.sp-feather{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 86%,#0000),linear-gradient(#0000,#000 14% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 86%,#0000),linear-gradient(#0000,#000 14% 82%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.sp-reveal{animation:sp-reveal 2.2s var(--ease-out-expo) .15s both}@keyframes sp-reveal{0%{filter:brightness(.35);transform:scale(1.035)}}.sp-text-in{animation:sp-text-in .6s var(--ease-out-expo) both}@keyframes sp-text-in{0%{opacity:0;transform:translateY(14px)}}.sp-loupe{pointer-events:none;background-repeat:no-repeat;background-color:var(--color-ivory);background-blend-mode:multiply;opacity:0;border-radius:9999px;width:168px;height:168px;transition:opacity .25s;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #d9a07ad9,0 14px 40px #00000073}.sp-loupe[data-on=true]{opacity:1}@media (prefers-reduced-motion:reduce){.sp-rise,.sp-vine,.sp-reveal,.sp-text-in{animation:none!important}}