.vx-join{background:var(--paper,#f6f3ec);align-content:center;gap:28px;min-height:100dvh;padding-block:40px 56px;display:grid}.vx-join .vx-enquire{margin:0 auto}.vx-join-logo{color:var(--ink,#17332f);font:700 22px/1 var(--display,sans-serif);letter-spacing:-.02em;justify-self:center;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.vx-join-logo img{border-radius:14px}.foodloot .vx .vx-join-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--teal,#00615f);margin:0;font-size:12px;font-weight:700}.foodloot .vx .vx-crowd{--mint:#8ff3d4;--coral:#ff7a59;--night:#032a27;isolation:isolate;color:#eaf7f3;background:radial-gradient(90% 70% at 28% 38%,#0d6b64 0%,#064541 45%,var(--night) 100%);border-radius:40px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"copy copy""map list""note note";gap:28px 56px;width:min(1180px,100% - 56px);min-width:0;margin:0 auto;padding:52px 56px 40px;display:grid;position:relative;overflow:hidden}.foodloot .vx .vx-crowd:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff0d 1px,#0000 1.2px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.foodloot .vx .vx-crowd .vx-join-eyebrow{color:var(--mint)}.vx-crowd-copy{grid-area:copy;gap:12px;display:grid}.foodloot .vx .vx-crowd h2{max-width:17ch;font:800 clamp(34px,5.2vw,64px)/.95 var(--font-archivo-flex),var(--display,sans-serif);letter-spacing:-.04em;color:#fff;text-wrap:balance;margin:0}.foodloot .vx .vx-crowd h2 em{color:var(--mint);font-style:normal}.vx-map{grid-area:map;width:100%;height:auto;display:block;overflow:visible}.vx-map-dots circle{fill:var(--mint)}.vx-map-glow circle{fill:#3fd6ad;opacity:.5}.vx-map-sea{fill:var(--mint);opacity:.4;font:italic 600 1.5px/1 var(--font-archivo-flex),sans-serif;letter-spacing:.12px}.vx-map-pin circle{fill:var(--coral);stroke:var(--night);stroke-width:.35px}.vx-map-pin .vx-map-ping{fill:none;stroke:var(--coral);stroke-width:.25px;transform-box:fill-box;transform-origin:50%;animation:2.8s ease-out infinite vx-ping}.vx-map-pin text{fill:#fff;font:800 1.5px/1 var(--font-archivo-flex),sans-serif;text-anchor:middle}@keyframes vx-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.vx-areas{grid-area:list;align-content:center;margin:0;padding:0;list-style:none;display:grid}.vx-areas li{border-bottom:1px solid #ffffff17;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px 0;display:grid}.vx-areas li:last-child{border-bottom:0}.vx-areas-rank{background:var(--coral);color:#fff;width:24px;height:24px;font:800 12px/1 var(--font-archivo-flex),sans-serif;border-radius:50%;place-items:center;display:grid}.vx-areas-name{color:#eaf7f3;font-size:16px;font-weight:600}.vx-areas-pct{font:800 44px/1 var(--font-archivo-flex),sans-serif;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}.vx-areas-pct small{color:var(--mint);margin-left:2px;font-size:.45em}.vx-areas li:first-child .vx-areas-pct{color:var(--mint);font-size:68px}.vx-areas-bar{background:#ffffff1a;border-radius:2px;grid-column:2/4;height:4px}.vx-areas-bar i{background:linear-gradient(90deg,var(--mint),#3fd6ad);border-radius:2px;height:100%;display:block}.foodloot .vx .vx-crowd-note{color:#eaf7f399;grid-area:note;margin:0;font-size:12.5px;line-height:1.5}.foodloot .vx .vx-shelves{gap:14px;width:min(1180px,100% - 56px);min-width:0;margin:0 auto;padding-top:12px;display:grid}.foodloot .vx .vx-shelves h2{max-width:18ch;font:800 clamp(30px,4.4vw,52px)/.98 var(--font-archivo-flex),var(--display,sans-serif);letter-spacing:-.04em;color:var(--ink,#17332f);text-wrap:balance;margin:0 0 6px}.vx-shelf{gap:10px;min-width:0;display:grid}.foodloot .vx .vx-shelf h3{font:800 22px/1 var(--font-archivo-flex),sans-serif;letter-spacing:-.02em;color:var(--ink,#17332f);justify-content:space-between;align-items:baseline;margin:10px 0 0;display:flex}.vx-shelf h3 span{letter-spacing:.06em;text-transform:uppercase;color:var(--teal,#00615f);font-size:12px;font-weight:600;line-height:1}.vx-shelf ul{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:116px;grid-auto-flow:column;gap:14px;margin:0 -4px;padding:6px 4px 16px;list-style:none;display:grid;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.vx-shelf ul::-webkit-scrollbar{display:none}.vx-shelf li{scroll-snap-align:start;align-content:start;gap:9px;display:grid}.vx-shelf img{object-fit:cover;background:#fff;border-radius:28px;width:116px;height:116px;transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 0 1px #17332f0f,0 18px 30px -20px #17332f8c}.vx-shelf li:hover img{transform:translateY(-5px)rotate(-3deg)}.vx-shelf li span{-webkit-line-clamp:2;color:var(--ink,#17332f);-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}@media (max-width:760px){.vx-join{align-content:start;gap:20px;padding-block:24px 36px}.vx-join .vx-enquire{width:calc(100% - 24px)}.foodloot .vx .vx-crowd{border-radius:30px;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""map""list""note";gap:22px;width:calc(100% - 24px);padding:32px 20px 24px}.vx-areas-pct{font-size:38px}.vx-areas li:first-child .vx-areas-pct{font-size:56px}.foodloot .vx .vx-shelves{width:calc(100% - 24px)}.vx-shelf ul{grid-auto-columns:100px;gap:12px}.vx-shelf img{border-radius:24px;width:100px;height:100px}}@media (prefers-reduced-motion:reduce){.vx-map-pin .vx-map-ping{opacity:0;animation:none}.vx-shelf img{transition:none}}.foodloot .vx .vx-perks{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.foodloot .vx .vx-perks li{color:var(--ink,#17332f);align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:1.25;display:flex}.foodloot .vx .vx-perks li:before{content:"";background:var(--teal,#00615f) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;border-radius:50%;flex:none;width:22px;height:22px}@media (max-width:760px){.foodloot .vx .vx-perks{grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:16px}.foodloot .vx .vx-perks li{align-items:flex-start;font-size:13.5px}.foodloot .vx .vx-perks li:before{background-size:12px;width:18px;height:18px}}
