.foodloot .jx{--ink:#17332f;--ink-2:#53675b;--teal:#07655f;--mint:#7cc9bd;--coral:#e8825a;--display:var(--font-archivo-flex),var(--font-archivo),sans-serif;color:var(--ink);overflow-x:clip}.foodloot .jx :is(h1,h2,h3){max-width:none;font-family:var(--display);color:var(--ink);text-wrap:balance;font-weight:650}.foodloot .jx em{color:var(--teal);font-style:normal}.jx-lead,.jx-more,.jx-close{width:min(1180px,100% - 56px);margin-inline:auto}.jx svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:translate .25s cubic-bezier(.22,1,.36,1)}.jx a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.jx-hero{text-align:center;flex-direction:column;align-items:center;padding:56px 24px 64px;display:flex}.foodloot .jx .jx-pill{color:#2f4a43;background:#eceee8;border-radius:999px;align-items:center;gap:10px;margin:0 0 26px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.jx-pill span{background:var(--coral);border-radius:50%;width:8px;height:8px}.foodloot .jx h1{letter-spacing:-.04em;font-size:clamp(44px,5.4vw,78px);line-height:1}.foodloot .jx h1 em{display:block}.foodloot .jx .jx-lede{max-width:40ch;color:var(--ink-2);margin-top:24px;font-size:18px;line-height:1.55}.foodloot .jx .jx-meta{letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.jx-tag{background:var(--coral);color:#fff;letter-spacing:.06em;border-radius:999px;padding:4px 10px}.foodloot .jx .jx-foot{flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;font-weight:500;display:flex}.jx-foot>*+span:before{content:"·";opacity:.6;margin-right:14px}.foodloot .jx .jx-lead{background:radial-gradient(70% 80% at 100% 100%,#7cc9bd38,transparent 70%),var(--teal);color:#fff;border-radius:40px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.foodloot .jx .jx-lead figure{min-height:520px;margin:0;position:relative;overflow:hidden}.jx-lead figure img{object-fit:cover;width:100%;height:100%;transition:scale 1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.jx-lead-copy{flex-direction:column;justify-content:center;padding:64px;display:flex}.foodloot .jx .jx-lead .jx-meta{color:#bfe0d8}.foodloot .jx .jx-lead h2{letter-spacing:-.04em;color:#fff;margin-top:22px;font-size:clamp(34px,3.6vw,52px);line-height:1}.foodloot .jx .jx-lead-copy>p:not([class]){color:#d5e7dd;margin-top:18px;font-size:17px;line-height:1.55}.foodloot .jx .jx-lead .jx-foot{color:#bfe0d8;margin-top:24px}.jx-go{min-height:50px;color:var(--teal);background:#fcfbf7;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin-top:32px;padding:0 20px 0 24px;font-size:15px;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.jx-lead:hover figure img,.jx-more a:hover figure img{scale:1.04}.jx-lead:hover .jx-go svg,.jx-more a:hover .jx-foot svg{translate:3px}}.jx-more{padding-top:96px}.foodloot .jx .jx-label{font:600 13px var(--font-jakarta),sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--teal);align-items:center;gap:10px;margin:0 0 28px;display:flex}.foodloot .jx .jx-label:before{content:"";background:var(--coral);border-radius:50%;width:8px;height:8px}.foodloot .jx .jx-more ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.jx-more li{border-radius:28px;overflow:hidden}.foodloot .jx .jx-more a{height:100%;color:inherit;grid-template-columns:.85fr 1.15fr;display:grid}.foodloot .jx .jx-more figure{min-height:280px;margin:0;position:relative;overflow:hidden}.jx-more figure img{object-fit:cover;width:100%;height:100%;transition:scale 1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.jx-more a>div{flex-direction:column;padding:28px 28px 24px;display:flex}.foodloot .jx .jx-more h3{letter-spacing:-.03em;color:inherit;margin-top:14px;font-size:clamp(22px,2vw,28px);line-height:1.08}.foodloot .jx .jx-more a>div>p:not([class]){margin-top:10px;font-size:14.5px;line-height:1.55}.foodloot .jx .jx-more .jx-foot{margin-top:auto;padding-top:20px}.jx-more .jx-foot svg{margin-left:auto}.jx-more [data-tone=mint]{background:#e4f1ec}.jx-more [data-tone=cream]{background:#f2eee5}.jx-more [data-tone=coral]{background:var(--coral);color:#fff}.jx-more [data-tone=teal]{background:var(--teal);color:#fff}.foodloot .jx .jx-more :is([data-tone=mint],[data-tone=cream]) .jx-meta{color:var(--teal)}.foodloot .jx .jx-more :is([data-tone=mint],[data-tone=cream]) a>div>p{color:var(--ink-2)}.foodloot .jx .jx-more [data-tone=coral] :is(.jx-meta,a>div>p){color:#fde6db}.foodloot .jx .jx-more [data-tone=teal] :is(.jx-meta,a>div>p){color:#d5e7dd}.jx-close{text-align:center;background:#e4f1ec;border-radius:40px;flex-direction:column;align-items:center;margin-top:96px;margin-bottom:24px;padding:72px 48px;display:flex}.foodloot .jx .jx-close h2{letter-spacing:-.04em;font-size:clamp(36px,4.2vw,60px);line-height:1}.foodloot .jx .jx-close>p{color:#3f5a52;max-width:40ch;margin-top:16px;font-size:17px;line-height:1.55}.jx-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px;margin-top:30px;display:flex}.foodloot .jx .jx-button{background:var(--teal);color:#fff;border-radius:999px;align-items:center;gap:10px;min-height:52px;padding:0 22px 0 26px;font-size:15px;font-weight:600;display:inline-flex}.foodloot .jx .jx-quiet{color:var(--teal);border-bottom:1px solid #a6b9ae;padding:10px 0;font-size:15px;font-weight:600}@media (max-width:1000px){.foodloot .jx .jx-lead{grid-template-columns:1fr}.foodloot .jx .jx-lead figure{min-height:360px}.jx-lead-copy{padding:44px 40px 48px}.foodloot .jx .jx-more ul{grid-template-columns:1fr}}@media (max-width:760px){.jx-lead,.jx-more,.jx-close{width:calc(100% - 48px)}.jx-hero{padding:36px 16px 40px}.foodloot .jx h1{font-size:min(46px,13.5135vw - 4.32432px)}.foodloot .jx .jx-lede{margin-top:18px;font-size:15.5px}.foodloot .jx .jx-lead{border-radius:28px}.foodloot .jx .jx-lead figure{min-height:260px}.jx-lead-copy{padding:28px 24px 32px}.foodloot .jx .jx-lead h2{font-size:32px}.jx-more{padding-top:64px}.foodloot .jx .jx-more a{grid-template-columns:1fr}.foodloot .jx .jx-more figure{min-height:200px}.jx-more a>div{padding:22px 22px 20px}.jx-close{border-radius:28px;margin-top:64px;padding:48px 24px}}@media (prefers-reduced-motion:reduce){.jx img,.jx svg{transition:none}}.jx-hero{isolation:isolate;position:relative}.jx-lead figure img{scale:1.16}@media (hover:hover) and (pointer:fine){.jx-lead:hover figure img{scale:1.2}}.jx-lead figure img,.jx-lead-copy,.jx-more ul,.jx-close h2{will-change:transform}
