.client-grid-section{isolation:isolate;background:radial-gradient(ellipse 62% 34% at 50% 38%, #2377a61c, transparent 74%), linear-gradient(180deg, var(--site-section-soft), var(--site-section-rich) 52%, var(--site-section-soft));padding:clamp(7.5rem,10vw,10rem) 0 clamp(9rem,12vw,11rem);position:relative;overflow:clip}.client-grid-section:before{opacity:.28;content:"";pointer-events:none;background-image:radial-gradient(circle at 11% 17%,#aee5f761 0 .6px,#0000 .9px),radial-gradient(circle at 79% 31%,#7dd0ee4d 0 .55px,#0000 .85px),radial-gradient(circle at 31% 78%,#92dcf640 0 .55px,#0000 .85px);background-size:17rem 19rem,23rem 17rem,27rem 21rem;position:absolute;inset:0}.client-grid-section:after{z-index:0;background:radial-gradient(ellipse 48% 100% at 50% 100%, #2681a821, transparent 72%), linear-gradient(180deg, transparent, var(--site-section-rich));content:"";pointer-events:none;height:10rem;position:absolute;bottom:0;left:0;right:0}.client-grid-section__inner{z-index:1;position:relative}.client-grid-section__heading{text-align:center;max-width:48rem;margin:0 auto clamp(3.75rem,5.5vw,5rem)}.client-grid-section__heading .section-heading__eyebrow{color:#96daef8a;letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(.58rem,.7vw,.7rem);font-weight:600}.client-grid-section__heading h2{color:var(--site-text);font-family:var(--font-howdybun);font-size:var(--site-howdybun-title-size);letter-spacing:-.02em;word-spacing:.08em;text-wrap:balance;margin:0;font-weight:400;line-height:.98}.client-grid-section__heading>p:last-child{max-width:39rem;color:var(--site-text-secondary);text-wrap:balance;margin:1.3rem auto 0;font-size:clamp(.8rem,.95vw,.92rem);line-height:1.65}.client-grid{grid-template-rows:22rem 13.5rem repeat(2,9.85rem);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"fine fine fine fine fine fine fine quick quick quick quick quick""cafe cafe cafe bakery bakery bakery cloud cloud cloud cloud cloud cloud""street street street food food food multi multi multi multi multi multi""street street street food food food multi multi multi multi multi multi";gap:clamp(.72rem,1vw,.9rem);display:grid}.segment-card{--segment-line:#77d6f229;--segment-line-strong:#89e2fa47;--segment-node:#99e8fc94;isolation:isolate;transform-origin:50%;background:radial-gradient(circle at 50% 0,#32a0cd14,#0000 45%),linear-gradient(#08111af2,#03080efc);border:1px solid #5ca4cd24;border-radius:1.15rem;align-items:flex-end;min-width:0;min-height:0;transition:border-color .48s,transform .48s,background .48s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,inset 0 -4rem 7rem #0000002e}.segment-card:before,.segment-card:after{content:"";pointer-events:none;position:absolute;inset:0}.segment-card:before{z-index:2;opacity:.1;background-image:linear-gradient(#6fcdec12 1px,#0000 1px),linear-gradient(90deg,#6fcdec0f 1px,#0000 1px);background-size:4rem 4rem;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}.segment-card:after{z-index:3;border-radius:inherit;box-shadow:inset 0 1px #ade9fb0b}.segment-card--fine-dining{grid-area:fine}.segment-card--cafes{grid-area:cafe}.segment-card--quick-service{grid-area:quick}.segment-card--bakeries{grid-area:bakery}.segment-card--cloud-kitchens{grid-area:cloud}.segment-card--food-courts{grid-area:food}.segment-card--street-food{grid-area:street}.segment-card--multi-branch{grid-area:multi}.segment-card--fine-dining,.segment-card--quick-service,.segment-card--multi-branch{border-color:#69c1e433}.segment-card__media{z-index:0;border-radius:inherit;clip-path:inset(0 round 1rem);position:absolute;inset:0;overflow:hidden}.segment-card__media:after{display:none}.segment-card__image{object-fit:cover;transition:transform .56s cubic-bezier(.2,.72,.25,1);transform:scale(1.01)}.segment-card--fine-dining .segment-card__image{object-position:61% center}.segment-card--cafes .segment-card__image{object-position:66% center}.segment-card--quick-service .segment-card__image{object-position:64% center}.segment-card--bakeries .segment-card__image{object-position:67% center}.segment-card--cloud-kitchens .segment-card__image{object-position:64% center}.segment-card--food-courts .segment-card__image{object-position:68% center}.segment-card--street-food .segment-card__image{object-position:70% center}.segment-card--multi-branch .segment-card__image{object-position:67% center}.segment-card__index{z-index:5;color:#ade0f161;letter-spacing:.12em;text-shadow:0 1px .6rem #000c;font-size:.55rem;font-weight:600;position:absolute;top:1rem;left:1.05rem}.segment-card__content{z-index:5;text-align:left;text-shadow:0 1px 1.1rem #000000f5;width:min(100%,31rem);padding:clamp(1.15rem,2.1vw,1.7rem);transition:transform .48s;position:relative}.segment-card__content h3{color:#f8fcfff0;letter-spacing:-.045em;text-wrap:balance;max-width:18rem;margin:0;font-size:clamp(1.2rem,1.75vw,1.6rem);font-weight:500;line-height:1.04}.segment-card__content p{color:#dbe8f094;text-wrap:balance;max-width:25rem;margin:.48rem 0 0;font-size:clamp(.68rem,.78vw,.78rem);line-height:1.48}.segment-card--fine-dining .segment-card__content h3,.segment-card--quick-service .segment-card__content h3,.segment-card--multi-branch .segment-card__content h3{font-size:clamp(1.45rem,2.25vw,2rem)}.segment-card--cafes .segment-card__content,.segment-card--bakeries .segment-card__content,.segment-card--cloud-kitchens .segment-card__content{padding:1.2rem 1.3rem}.segment-card--cafes .segment-card__content h3,.segment-card--bakeries .segment-card__content h3,.segment-card--cloud-kitchens .segment-card__content h3{font-size:clamp(1.05rem,1.45vw,1.3rem)}.segment-card--cafes .segment-card__content p,.segment-card--bakeries .segment-card__content p,.segment-card--cloud-kitchens .segment-card__content p{max-width:18rem;font-size:.67rem}.segment-graphic{z-index:2;opacity:.18;mix-blend-mode:screen;pointer-events:none;transition:opacity .48s;position:absolute;inset:0}.segment-graphic [data-segment-line],.segment-graphic [data-segment-node]{transform-origin:50%;will-change:transform, opacity;display:block;position:absolute}.segment-graphic__node,.segment-graphic__flow-node,.segment-graphic__network-node,.segment-graphic__court-node,.segment-graphic__branch-hub,.segment-graphic__branch-node{aspect-ratio:1;background:var(--segment-node);border-radius:50%;width:.34rem;box-shadow:0 0 .65rem #5ed3f547}.segment-graphic__plate{border:1px solid var(--segment-line);border-radius:50%}.segment-graphic__plate--outer{aspect-ratio:1;width:60%;top:-29%;right:-7%}.segment-graphic__plate--inner{aspect-ratio:1;border-color:var(--segment-line-strong);width:31%;top:4%;right:11%}.segment-graphic__table-line{background:linear-gradient(90deg, transparent, var(--segment-line-strong), transparent);height:1px;top:49%;left:44%;right:8%}.segment-graphic__node--plate{top:28%;right:25%}.segment-graphic__cup-arc{border:1px solid var(--segment-line-strong);border-top-color:#0000;border-radius:50%;width:48%;height:54%;top:16%;right:4%}.segment-graphic__steam{border-left:1px solid var(--segment-line);border-radius:52%;width:13%;height:39%;top:3%}.segment-graphic__steam--one{left:68%;transform:rotate(16deg)}.segment-graphic__steam--two{left:79%;transform:rotate(-12deg)}.segment-graphic__node--cafe{top:36%;right:12%}.segment-graphic__flow-line{background:linear-gradient(90deg, transparent, var(--segment-line-strong) 18%, var(--segment-line), transparent);height:1px;left:37%}.segment-graphic__flow-line--main{width:52%;top:33%}.segment-graphic__flow-line--echo{opacity:.58;width:38%;top:43%;left:49%}.segment-graphic__flow-node{top:calc(33% - .16rem)}.segment-graphic__flow-node--one{left:49%}.segment-graphic__flow-node--two{left:65%}.segment-graphic__flow-node--three{left:81%}.segment-graphic__pastry-ring{aspect-ratio:1;border:1px solid var(--segment-line);border-radius:50%;top:31%;left:76%;transform:translate(-50%,-50%)}.segment-graphic__pastry-ring--one{width:42%}.segment-graphic__pastry-ring--two{border-color:var(--segment-line-strong);width:28%}.segment-graphic__pastry-ring--three{width:14%}.segment-graphic__node--bakery{top:18%;right:17%}.segment-graphic__network-line{background:linear-gradient(90deg, var(--segment-line-strong), transparent);width:21%;height:1px;top:32%;left:67%;transform-origin:0!important}.segment-graphic__network-line--one{transform:rotate(-28deg)}.segment-graphic__network-line--two{transform:rotate(1deg)}.segment-graphic__network-line--three{transform:rotate(29deg)}.segment-graphic__hub{aspect-ratio:1;border:1px solid var(--segment-line-strong);background:#11415857;border-radius:50%;width:1.3rem;top:calc(32% - .65rem);left:calc(67% - .65rem)}.segment-graphic__network-node--one{top:16%;right:9%}.segment-graphic__network-node--two{top:31%;right:5%}.segment-graphic__network-node--three{top:47%;right:10%}.segment-graphic__common-line{background:linear-gradient(90deg, transparent, var(--segment-line-strong), transparent);height:1px;top:39%;left:42%;right:8%}.segment-graphic__court-block{border:1px solid var(--segment-line);background:#0b1f2b57;border-radius:.32rem;width:12%;height:18%;top:19%}.segment-graphic__court-block--one{left:49%}.segment-graphic__court-block--two{border-color:var(--segment-line-strong);left:64%}.segment-graphic__court-block--three{right:9%}.segment-graphic__court-node{top:calc(39% - .16rem);left:calc(67% - .16rem)}.segment-graphic__street-frame{border:1px solid var(--segment-line-strong);border-radius:.46rem .46rem .2rem .2rem;width:38%;height:36%;top:16%;right:9%}.segment-graphic__street-frame:before{background:var(--segment-line);content:"";height:1px;position:absolute;top:20%;left:9%;right:9%}.segment-graphic__street-module{border:1px solid var(--segment-line);border-radius:.18rem;width:9%;height:9%;top:35%}.segment-graphic__street-module--one{right:31%}.segment-graphic__street-module--two{right:15%}.segment-graphic__street-baseline{background:linear-gradient(90deg, transparent, var(--segment-line-strong), transparent);height:1px;top:56%;left:44%;right:7%}.segment-graphic__branch-ring{aspect-ratio:1.25;border:1px solid var(--segment-line);border-radius:50%;width:44%;top:-32%;right:-4%}.segment-graphic__branch-line{background:linear-gradient(90deg, var(--segment-line-strong), transparent);width:24%;height:1px;top:33%;left:64%;transform-origin:0!important}.segment-graphic__branch-line--one{transform:rotate(-26deg)}.segment-graphic__branch-line--two{transform:rotate(0)}.segment-graphic__branch-line--three{transform:rotate(26deg)}.segment-graphic__branch-hub{width:.62rem;top:calc(33% - .31rem);left:calc(64% - .31rem)}.segment-graphic__branch-node--one{top:13%;right:9%}.segment-graphic__branch-node--two{top:calc(33% - .16rem);right:5%}.segment-graphic__branch-node--three{top:53%;right:9%}@media (hover:hover){.segment-card:hover{border-color:#7dd4f24d;transform:translateY(-2px)}.segment-card:hover .segment-card__image{transform:scale(1.035)}.segment-card:hover .segment-graphic{opacity:.29}.segment-card:hover .segment-card__content{transform:translateY(-2px)}}@media (max-width:1023px){.client-grid-section{padding-top:clamp(7rem,13vw,9rem)}.client-grid{grid-template-rows:18rem 18rem 13.5rem 16rem 15rem 18rem;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"fine fine""quick quick""cafe bakery""cloud cloud""street food""multi multi"}.segment-card--fine-dining .segment-card__content h3,.segment-card--quick-service .segment-card__content h3,.segment-card--multi-branch .segment-card__content h3{font-size:clamp(1.5rem,3.3vw,2rem)}}@media (max-width:640px){.client-grid-section{padding:clamp(6.5rem,22vw,8rem) 0 clamp(7.5rem,22vw,9rem)}.client-grid-section__heading{max-width:22rem;margin-bottom:3.75rem}.client-grid-section__heading h2{max-width:9.5ch;font-size:var(--site-howdybun-title-size);margin-inline:auto;line-height:.96}.client-grid-section__heading>p:last-child{max-width:21rem;font-size:.78rem}.client-grid{grid-template:none/minmax(0,1fr);gap:.75rem}.segment-card--fine-dining,.segment-card--cafes,.segment-card--quick-service,.segment-card--bakeries,.segment-card--cloud-kitchens,.segment-card--food-courts,.segment-card--street-food,.segment-card--multi-branch{grid-area:auto;min-height:13rem}.segment-card--fine-dining{order:1;min-height:14.5rem}.segment-card--quick-service{order:2;min-height:14rem}.segment-card--cafes{order:3}.segment-card--cloud-kitchens{order:4;min-height:13.5rem}.segment-card--bakeries{order:5}.segment-card--street-food{order:6;min-height:13.5rem}.segment-card--food-courts{order:7;min-height:13.5rem}.segment-card--multi-branch{order:8;min-height:14.5rem}.segment-card__content,.segment-card--cafes .segment-card__content,.segment-card--bakeries .segment-card__content,.segment-card--cloud-kitchens .segment-card__content{padding:1.25rem}.segment-card__content h3,.segment-card--fine-dining .segment-card__content h3,.segment-card--quick-service .segment-card__content h3,.segment-card--multi-branch .segment-card__content h3,.segment-card--cafes .segment-card__content h3,.segment-card--bakeries .segment-card__content h3,.segment-card--cloud-kitchens .segment-card__content h3{max-width:17rem;font-size:1.35rem}.segment-card__content p,.segment-card--cafes .segment-card__content p,.segment-card--bakeries .segment-card__content p,.segment-card--cloud-kitchens .segment-card__content p{max-width:18rem;font-size:.7rem}.segment-card__image{object-position:66% center}.segment-card--fine-dining .segment-card__image{object-position:62% center}.segment-card--street-food .segment-card__image{object-position:72% center}}@media (prefers-reduced-motion:reduce){.segment-card,.segment-card__image,.segment-card__content,.segment-graphic{transition:none}.segment-card:hover,.segment-card:hover .segment-card__image,.segment-card:hover .segment-card__content{transform:none}}
