/* Catering layout: desktop Figma 152818:10432; mobile follows its content. */
.food-page {
  background: #fff;
  color: #272727;
}
.food-page main {
  overflow: clip;
}
.food-page main :is(h1, h2, h3, p, figure) {
  margin: 0;
}
.food-page main img {
  display: block;
}
.food-page .food-container {
  width: min(1260px, calc(100% - 48px));
  margin-inline: auto;
}
.food-page .food-heading {
  font-size: 64px;
  line-height: 0.9;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.food-page .food-intro {
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  margin-top: 12px;
  color: #7f7f7f;
}
.food-page .food-gap {
  margin-block: 200px;
}
.food-page .food-action {
  border: 0;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
}
.food-page .food-action:hover {
  filter: brightness(0.92);
}
.food-hero-wrap {
  height: 1000px;
  padding: 8px;
}
.food-page .food-hero {
  height: 992px;
  width: 100%;
}
.food-hero [data-node-id="152818:10499"] {
  left: calc(50% - 192px);
}
.food-ecosystem {
  margin: 200px 0;
}
.food-page .food-industries {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  padding: 0 max(24px, calc((100% - 1260px) / 2)) 0;
  margin-top: 32px;
  scrollbar-width: none;
  scroll-padding-left: max(24px, calc((100% - 1260px) / 2));
}
.food-industry {
  flex: 0 0 412px;
  background: #f6f6f6;
  border-radius: 24px;
  min-height: 565px;
  scroll-snap-align: start;
  padding: 8px;
  display: flex;
  flex-direction: column;
}
.food-industry__photo {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  border-radius: 16px;
  flex-shrink: 0;
}
.food-industry__body {
  padding: 24px 16px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.food-industry h3 {
  font-size: 36px;
  line-height: 0.9;
  font-weight: 600;
  margin-bottom: 20px !important;
}
.food-industry__topic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 20px;
  line-height: 1.25;
  color: #272727;
  text-decoration: none;
  margin-bottom: 24px;
}
.food-industry__topic img {
  width: 25px;
  height: 25px;
}
.food-industry__body > p {
  font-size: 16px;
  line-height: 1.25;
  color: #999;
  margin: -12px 0 24px !important;
}
.food-industry .home-button {
  margin-top: auto;
  align-self: flex-start;
  min-height: 62px;
}
.food-page .food-terminal {
  height: 475px;
  width: 100%;
}
.food-garson {
  margin: 0 8px;
  background: #191919;
  color: white;
  border-radius: 40px;
  overflow: hidden;
  position: relative;
  padding-bottom: 45px;
}
.food-page .food-garson-scene {
  height: 1072px;
  width: 100%;
}
.food-garson-scene > [data-node-id="152818:10916"] {
  width: 1904px;
  left: calc(50% - 952px);
}
.food-garson-scene > [data-node-id="152818:10918"] {
  left: calc(50% - 218px);
}
.food-page .food-garson-subtitle {
  position: absolute;
  top: 846px;
  left: 50%;
  translate: -50% 0;
  width: 400px;
  text-align: center;
  font-size: 32px;
  line-height: 0.95;
  text-transform: uppercase;
}
.food-page .food-garson-description {
  position: absolute;
  top: 918px;
  left: 50%;
  translate: -50% 0;
  width: 425px;
  text-align: center;
  font-size: 20px;
  line-height: 1.2;
}
.food-page .food-garson-phone {
  position: relative;
  width: 285px;
  height: 580px;
  margin: -52px auto 18px;
}
.food-garson-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.food-page .food-garson-card {
  height: 367.816px;
  width: 100%;
  position: relative;
  min-width: 0;
  background: #272727;
  border-radius: 24px;
}
.food-page .food-garson-card [data-node-id="152818:10985"] {
  pointer-events: none;
}
.food-garson-link {
  display: block;
  text-align: center;
  color: #b3b3b3;
  margin: 20px auto -22px;
  font-size: 16px;
  text-decoration: underline;
}
.food-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 32px;
}
.food-page .food-benefit {
  position: relative;
  inset: auto;
  translate: none;
  width: 100%;
  height: 600px;
  min-width: 0;
}
.food-page .food-benefit--demo {
  grid-column: span 2;
}
.food-page .food-qr {
  height: 447px;
  width: 100%;
}
.food-qr > [data-node-id="152818:10969"] {
  left: auto;
  right: 0;
}
.food-qr [data-node-id="152818:10970"] {
  left: 0;
  top: 0;
}
.food-page .home-lessons {
  margin-top: 200px;
  margin-bottom: 200px;
}
.food-staff {
  height: 934px;
  position: relative;
  overflow: hidden;
  padding-top: 50px;
}
.food-staff > .food-heading {
  max-width: 726px;
  margin: auto !important;
  line-height: 1.05;
}
.food-page .food-staff-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  margin: 14px auto 0;
  position: relative;
}
.food-staff > .food-intro {
  max-width: 511px;
  margin: 24px auto 0 !important;
}
.food-page .food-staff-viewport {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.food-page .food-staff-art {
  position: absolute;
  width: 1920px;
  height: 934px;
  left: 50%;
  translate: -50% 0;
  top: 0;
  z-index: -1;
  background: transparent;
}
.food-staff {
  isolation: isolate;
}
.food-page .food-offline-wrap {
  margin: 0 8px;
  border-radius: 40px 40px 0 0;
  overflow: hidden;
  height: 1071px;
}
.food-page .food-offline {
  width: 1904px;
  height: 1071px;
  left: 50%;
  translate: -50% 0;
}
.food-page .food-capabilities {
  background: #191919;
  color: white;
  margin: 0 8px;
  border-radius: 0 0 40px 40px;
  padding: 54px 0 60px;
}
.food-capabilities .food-heading {
  text-align: left;
}
.food-capability-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-top: 46px;
}
.food-page .food-capability {
  position: relative;
  inset: auto;
  translate: none;
  width: 100%;
  height: 412px;
  grid-column: span 2;
  border-radius: 24px;
  overflow: hidden;
  min-width: 0;
  background: #272727;
}
.food-page .food-capability--wide {
  height: 600px;
  grid-column: span 3;
}
.food-download-wrap {
  height: 686px;
  overflow: hidden;
  margin-bottom: 142px;
}
.food-page .food-download {
  width: 1920px;
  height: 686px;
  left: 50%;
  translate: -50% 0;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .food-page .food-benefit [data-node-id="152818:10899"] {
    white-space: normal;
  }
  .food-page .food-benefit--demo h3 {
    font-size: 42px;
    max-width: calc(100% - 64px);
  }
  .food-capability [data-node-id="152818:10526"] {
    left: 32px;
    max-width: calc(100% - 64px);
  }
  .food-capability [data-node-id="152818:10531"] {
    left: auto;
    right: 24px;
  }
}
@media (max-width: 1199px) {
  .food-page .food-heading {
    font-size: 48px;
  }
  .food-page .food-gap {
    margin-block: 120px;
  }
  .food-ecosystem {
    margin: 120px 0;
  }
  .food-page .food-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .food-page .food-benefit--demo {
    grid-column: span 2;
  }
  .food-garson-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 140px 12px;
  }
  .food-garson-card {
    max-width: 412px;
    justify-self: center;
  }
  .food-page .food-garson-scene > [data-node-id="152818:10917"] {
    font-size: 24vw;
    top: 50px;
  }
  .food-page .food-capability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .food-page .food-capability {
    grid-column: auto;
    height: 440px;
  }
  .food-page .food-capability--wide {
    height: 600px;
  }
  .food-capability [data-node-id="152818:10526"] {
    left: 24px;
    max-width: calc(100% - 48px);
    text-align: left;
  }
  .food-capability [data-node-id="152818:10527"] {
    align-self: flex-start;
  }
  .food-capability [data-node-id="152818:10531"] {
    left: auto;
    right: 24px;
  }
  .food-page .food-qr {
    height: auto;
    min-height: 520px;
  }
  .food-qr > [data-node-id="152818:10945"] {
    position: relative;
    left: 0;
    top: 0;
    width: 52%;
  }
  .food-qr h2 {
    font-size: 48px;
    width: 100%;
  }
  .food-qr [data-node-id="152818:10947"] {
    width: 100%;
    font-size: 26px;
  }
  .food-qr [data-node-id="152818:10948"] {
    width: 100%;
  }
  .food-qr > [data-node-id="152818:10969"] {
    transform: scale(0.75);
    transform-origin: right center;
    top: 80px;
  }
  .food-page .home-lessons {
    margin-block: 120px;
  }
  .food-staff > .food-heading {
    max-width: 650px;
  }
  .food-page .food-staff-art {
    transform: scale(0.75);
    transform-origin: center bottom;
  }
  .food-page .food-download {
    width: 1200px;
  }
  .food-download > [data-node-id="152818:10449"] {
    left: calc(50% - 45vw);
    width: 450px;
  }
  .food-download [data-node-id="152818:10451"] {
    font-size: 48px;
  }
  .food-download [data-node-id="152818:10452"] {
    font-size: 28px;
    width: 370px;
  }
  .food-download > [data-node-id="152818:10439"] > * {
    margin-left: -260px;
  }
  .food-download > [data-node-id="152818:10447"],
  .food-download > [data-node-id="152818:10448"] {
    margin-left: -300px;
  }
  .food-page .food-terminal > [data-node-id="152818:11094"] {
    left: calc(50% - 980px);
  }
}
@media (max-width: 767px) {
  .food-page .food-container {
    width: calc(100% - 32px);
  }
  .food-page .food-heading {
    font-size: 36px;
    line-height: 1;
  }
  .food-page .food-intro {
    font-size: 17px;
  }
  .food-page .food-gap {
    margin-block: 80px;
  }
  .food-hero-wrap {
    height: 850px;
    padding: 0 8px 8px;
  }
  .food-page .food-hero {
    height: 842px;
    border-radius: 0 0 24px 24px;
  }
  .food-hero > [data-node-id="152818:10473"] {
    top: 0;
    width: 1613px;
    height: 840px;
  }
  .food-hero > [data-node-id="152818:10499"] {
    width: 322.56px;
    height: 229.32px;
    left: calc(50% - 161px);
    top: 299px;
  }
  .food-hero > [data-node-id="152818:10478"] {
    top: 115px;
    width: calc(100% - 32px);
    font-size: clamp(32px, 9vw, 46px);
  }
  .food-hero > [data-node-id="152818:10479"] {
    top: 226px;
  }
  .food-hero > [data-node-id="152818:10476"] {
    top: auto;
    bottom: 144px;
    width: calc(100% - 40px);
    font-size: 18px;
  }
  .food-hero > [data-node-id="152818:10477"] {
    top: auto;
    bottom: 98px;
    white-space: normal;
    width: calc(100% - 40px);
    font-size: 12px;
    line-height: 1.2;
  }
  .food-hero > [data-node-id="152818:10500"] {
    top: auto;
    bottom: 20px;
  }
  .food-ecosystem {
    margin: 80px 0;
  }
  .food-page .food-industries {
    padding-inline: 16px;
    scroll-padding-left: 16px;
    margin-top: 28px;
  }
  .food-industry {
    flex-basis: min(350px, calc(100vw - 40px));
  }
  .food-industry h3 {
    font-size: 30px;
  }
  .food-industry__topic {
    font-size: 18px;
  }
  .food-page .food-terminal {
    height: 610px;
    border-radius: 24px;
  }
  .food-terminal > [data-node-id="152818:11094"] {
    height: 520px;
    width: 1285px;
    left: calc(50% - 850px);
    top: 40px;
    opacity: 0.7;
  }
  .food-terminal > [data-node-id="152818:11095"] {
    left: -160px;
    top: 0;
  }
  .food-terminal > [data-node-id="152818:11099"] {
    left: 24px;
    top: 24px;
    font-size: 30px;
    width: calc(100% - 48px);
  }
  .food-terminal > [data-node-id="152818:11100"] {
    left: 24px;
    top: auto;
    bottom: 24px;
    font-size: 18px;
    width: calc(100% - 48px);
  }
  .food-terminal > [data-node-id="152818:11101"] {
    left: 24px;
    top: 355px;
    width: 125px;
  }
  .food-terminal > [data-node-id="152818:11105"] {
    left: calc(50% + 4px);
    top: 355px;
    width: 125px;
  }
  .food-terminal [data-node-id="152818:11104"],
  .food-terminal [data-node-id="152818:11108"] {
    font-size: 20px;
  }
  .food-garson {
    border-radius: 24px;
  }
  .food-page .food-garson-scene {
    height: 800px;
  }
  .food-garson-scene > [data-node-id="152818:10916"] {
    height: 800px;
    width: 1421px;
    left: calc(50% - 710px);
  }
  .food-garson-scene > [data-node-id="152818:10918"] {
    height: 687px;
    width: 343px;
    left: calc(50% - 163px);
    top: 113px;
  }
  .food-page .food-garson-scene > [data-node-id="152818:10917"] {
    top: 26px;
    font-size: 23vw;
  }
  .food-garson-scene > [data-node-id="152818:10919"] {
    top: 460px;
    scale: 0.75;
  }
  .food-page .food-garson-subtitle {
    top: 618px;
    font-size: 28px;
    width: calc(100% - 40px);
  }
  .food-page .food-garson-description {
    top: 684px;
    font-size: 18px;
    width: calc(100% - 40px);
  }
  .food-page .food-garson-phone {
    margin: 0 auto 125px;
    scale: 0.9;
    transform-origin: center top;
    height: 535px;
  }
  .food-garson-grid {
    grid-template-columns: 1fr;
    gap: 120px;
  }
  .food-page .food-garson-card {
    width: 100%;
    max-width: 350px;
    height: 350px;
    overflow: hidden;
  }
  .food-garson-card > [data-node-id="152818:10985"] {
    display: none;
  }
  .food-garson-link {
    margin: 24px 16px 0;
    font-size: 16px;
  }
  .food-page .food-benefit-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .food-page .food-benefit--demo {
    grid-column: auto;
    height: 730px;
  }
  .food-benefit-grid > article,
  .food-benefit-grid > .food-benefit {
    max-width: 500px;
    margin-inline: auto;
  }
  .food-page .food-benefit > h3 {
    left: 23px;
    max-width: calc(100% - 46px);
  }
  .food-benefit > [data-node-id="152818:10898"],
  .food-benefit > [data-node-id="152818:10911"] {
    left: 23px;
    width: calc(100% - 46px);
  }
  .food-benefit [data-node-id="152818:10899"] {
    white-space: normal;
  }
  .food-benefit [data-node-id="152818:10856"],
  .food-benefit [data-node-id="152818:10861"],
  .food-benefit [data-node-id="152818:10887"] {
    left: 23px;
    right: 23px;
    width: auto;
    font-size: 16px;
  }
  .food-benefit > [data-node-id="152818:10854"],
  .food-benefit > [data-node-id="152818:10859"] {
    left: auto;
    right: 24px;
  }
  .food-benefit > [data-node-id="152818:10902"] {
    left: calc(50% - 168px);
    scale: 0.85;
    transform-origin: center bottom;
  }
  .food-benefit > [data-node-id="152818:10888"] {
    left: 190px;
    width: 230px;
    height: 138px;
  }
  .food-benefit > [data-node-id="152818:10889"],
  .food-benefit > [data-node-id="152818:10891"] {
    left: 200px;
  }
  .food-benefit > [data-node-id="152818:10890"] {
    left: 280px;
  }
  .food-benefit > [data-node-id="152818:10866"] {
    font-size: 36px;
    top: 24px;
  }
  .food-benefit > [data-node-id="152818:10865"] {
    top: 146px;
    left: 24px;
    width: calc(100% - 48px);
    font-size: 18px;
  }
  .food-benefit > [data-node-id="152818:10867"] {
    top: auto;
    bottom: 24px;
    left: 24px;
  }
  .food-benefit > [data-node-id="152818:10869"] {
    left: 160px;
    top: 276px;
    scale: 0.75;
  }
  .food-benefit > [data-node-id="152818:10870"] {
    left: 200px;
    top: 310px;
    scale: 0.65;
  }
  .food-benefit > [data-node-id="152818:10873"] {
    left: 120px;
    top: 350px;
    scale: 0.7;
  }
  .food-benefit > [data-node-id="152818:10874"] {
    left: 55px;
    top: 478px;
    scale: 0.7;
    transform-origin: top left;
  }
  .food-benefit > [data-node-id="152818:10877"] {
    left: auto;
    right: 12px;
    top: 240px;
    scale: 0.75;
  }
  .food-page .food-qr {
    min-height: 940px;
  }
  .food-qr > [data-node-id="152818:10945"] {
    width: 100%;
    height: 450px;
  }
  .food-qr h2 {
    font-size: 42px;
    max-width: 350px;
  }
  .food-qr [data-node-id="152818:10947"] {
    font-size: 26px;
    max-width: 340px;
  }
  .food-qr [data-node-id="152818:10948"] {
    font-size: 18px;
  }
  .food-qr > [data-node-id="152818:10969"] {
    top: 600px;
    right: calc(50% - 200px);
    transform: scale(0.75);
    transform-origin: center;
  }
  .food-page .home-lessons {
    margin-block: 80px;
  }
  .food-staff {
    height: 670px;
    padding-top: 0;
  }
  .food-staff > .food-heading {
    max-width: calc(100% - 32px);
  }
  .food-staff > .food-intro {
    max-width: calc(100% - 32px);
    margin-top: 18px !important;
  }
  .food-page .food-staff-art {
    transform: scale(0.36);
    transform-origin: center bottom;
  }
  .food-page .food-staff-viewport {
    top: -264px;
  }
  .food-page .food-offline-wrap {
    height: 780px;
    border-radius: 24px 24px 0 0;
  }
  .food-page .food-offline {
    width: 100%;
    height: 780px;
    left: 0;
    translate: none;
    background: #272727;
  }
  .food-offline > [data-node-id="152818:10577"] {
    width: 1400px;
    height: 781px;
    left: calc(50% - 700px);
    opacity: 0.55;
  }
  .food-offline > [data-node-id="152818:10578"] {
    display: none;
  }
  .food-offline > [data-node-id="152818:10609"] {
    left: 24px;
    translate: none;
    top: 36px;
    width: calc(100% - 48px);
    font-size: 36px;
  }
  .food-offline > [data-node-id="152818:10610"] {
    left: 24px;
    translate: none;
    top: 218px;
    width: calc(100% - 48px);
    font-size: 18px;
  }
  .food-offline > [data-node-id="152818:10611"],
  .food-offline > [data-node-id="152818:10612"],
  .food-offline > [data-node-id="152818:10613"] {
    left: 24px;
    top: 375px;
    translate: none;
    width: calc(100% - 48px);
    font-size: 24px;
  }
  .food-offline > [data-node-id="152818:10612"] {
    top: 490px;
  }
  .food-offline > [data-node-id="152818:10613"] {
    top: 605px;
  }
  .food-offline > div:not([data-node-id="152818:10577"]),
  .food-offline > [data-node-id="152818:10620"],
  .food-offline > [data-node-id="152818:10627"] {
    display: none;
  }
  .food-page .food-capabilities {
    padding: 48px 0 32px;
    border-radius: 0 0 24px 24px;
  }
  .food-capabilities .food-heading {
    font-size: 36px;
  }
  .food-page .food-capability-grid {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }
  .food-page .food-capability {
    width: 100%;
    max-width: 500px;
    justify-self: center;
  }
  .food-capability h3 {
    font-size: 28px;
    max-width: calc(100% - 48px);
  }
  .food-capability > [data-node-id="152818:10504"] {
    left: 24px;
    width: calc(100% - 48px);
  }
  .food-capability [data-node-id="152818:10506"] {
    width: 100%;
    font-size: 20px;
  }
  .food-capability > [data-node-id="152818:10534"],
  .food-capability > [data-node-id="152818:10573"] {
    left: 24px;
    width: calc(100% - 48px);
    font-size: 20px;
  }
  .food-capability > [data-node-id="152818:10535"],
  .food-capability > [data-node-id="152818:10574"] {
    left: 24px;
  }
  .food-capability > [data-node-id="152818:10536"] {
    left: calc(50% - 140px);
  }
  .food-capability > [data-node-id="152818:10559"] {
    left: calc(50% - 106px);
  }
  .food-capability > [data-node-id="152818:10560"] {
    left: calc(50% - 77px);
  }
  .food-capability > [data-node-id="152818:10514"] {
    left: 24px;
    width: calc(100% - 48px);
  }
  .food-capability [data-node-id="152818:10516"] {
    width: 100%;
    font-size: 22px;
  }
  .food-capability > [data-node-id="152818:10520"] {
    left: 70px;
    top: 175px;
    scale: 0.8;
    transform-origin: top left;
  }
  .food-capability > [data-node-id="152818:10522"] {
    left: 0;
    scale: 0.8;
  }
  .food-capability > [data-node-id="152818:10523"] {
    left: 20px;
    scale: 0.75;
  }
  .food-capability > [data-node-id="152818:10524"] {
    left: 300px;
    scale: 0.8;
  }
  .food-capability > [data-node-id="152818:10530"] {
    left: calc(50% - 186px);
    top: 180px;
    scale: 0.85;
    transform-origin: top center;
  }
  .food-capability [data-node-id="152818:10528"] {
    font-size: 22px;
  }
  .food-capability > [data-node-id="152818:10531"] {
    left: auto;
    right: 24px;
  }
  .food-download-wrap {
    height: 960px;
    margin-bottom: 80px;
  }
  .food-page .food-download {
    width: 100%;
    height: 960px;
    left: 0;
    translate: none;
  }
  .food-download > [data-node-id="152818:10449"] {
    left: 24px;
    top: 36px;
    width: calc(100% - 48px);
    gap: 28px;
  }
  .food-download [data-node-id="152818:10451"] {
    font-size: 36px;
  }
  .food-download [data-node-id="152818:10452"] {
    font-size: 24px;
    width: 100%;
  }
  .food-download [data-node-id="152818:10453"] {
    gap: 8px;
    flex-wrap: wrap;
  }
  .food-download [data-node-id="152818:10454"],
  .food-download [data-node-id="152818:10460"] {
    width: 155px;
  }
  .food-download [data-node-id="152818:10439"] {
    display: block;
    position: absolute;
    left: calc(50% - 148px);
    top: 440px;
    width: 297px;
    height: 605px;
    translate: none;
    transform: scale(0.58);
    transform-origin: top left;
  }
  .food-download [data-node-id="152818:10439"] > * {
    margin: 0;
  }
  .food-download [data-node-id="152818:10440"] {
    left: 23.61px;
    top: 19.88px;
  }
  .food-download [data-node-id="152818:10441"] {
    left: 0;
    top: 0;
  }
  .food-download [data-node-id="152818:10444"] {
    left: 180.86px;
    top: 33.56px;
  }
  .food-download > [data-node-id="152818:10447"] {
    left: calc(50% - 92px);
    top: 720px;
    margin: 0;
    scale: 0.58;
    transform-origin: top left;
  }
  .food-download > [data-node-id="152818:10448"] {
    left: calc(50% - 210px);
    top: 740px;
    margin: 0;
    scale: 0.58;
    transform-origin: top left;
  }
}
@media (prefers-reduced-motion: reduce) {
  .food-industries {
    scroll-behavior: auto;
  }
}
/* Let copy reflow above the decorative product artwork on narrow screens. */
@media (max-width: 767px) {
  .food-page .food-capability:not(.food-capability--wide) {
    height: 560px;
  }
  .food-capability > [data-node-id="152818:10507"] {
    top: 300px;
  }
  .food-capability > [data-node-id="152818:10508"] {
    top: 440px;
  }
  .food-capability > [data-node-id="152818:10535"],
  .food-capability > [data-node-id="152818:10574"] {
    top: 32px;
    line-height: 1.05;
  }
  .food-capability > [data-node-id="152818:10534"] {
    top: 140px;
  }
  .food-capability > [data-node-id="152818:10573"] {
    top: 115px;
  }
  .food-capability > [data-node-id="152818:10536"],
  .food-capability > [data-node-id="152818:10559"],
  .food-capability > [data-node-id="152818:10560"] {
    margin-top: 105px;
  }
  .food-capability > [data-node-id="152818:10575"] {
    top: 315px;
  }
  .food-capability [data-node-id="152818:10506"] {
    font-size: 18px;
  }
}
.food-qr > [data-node-id="152818:10969"] {
  display: block;
  width: 400px;
  height: 400px;
  translate: none;
  top: 24px;
}
.food-qr [data-node-id="152818:10970"] {
  translate: none;
}
@media (max-width: 1199px) {
  .food-qr > [data-node-id="152818:10969"] {
    top: 80px;
  }
  .food-qr [data-node-id="152818:10946"],
  .food-qr [data-node-id="152818:10947"],
  .food-qr [data-node-id="152818:10948"] {
    left: 0;
    white-space: normal;
  }
  .food-qr .food-action {
    left: 0;
    translate: none;
  }
}
@media (max-width: 767px) {
  .food-qr > [data-node-id="152818:10969"] {
    top: 540px;
  }
  .food-qr [data-node-id="152818:10947"] {
    top: 145px;
  }
  .food-qr [data-node-id="152818:10948"] {
    top: 305px;
  }
  .food-qr .food-action {
    top: 400px;
  }
}
@media (max-width: 1199px) {
  .food-qr [data-node-id="152818:10946"] {
    font-size: 48px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .food-qr [data-node-id="152818:10946"] {
    font-size: 40px;
    line-height: 1.05;
  }
}
@media (max-width: 767px) {
  .food-benefit > [data-node-id="152818:10874"] {
    top: 420px;
  }
  .food-benefit .food-action {
    z-index: 2;
  }
}
.food-garson-rings {
  position: absolute;
  top: 634px;
  left: 50%;
  translate: -50% 0;
  width: 792px;
  height: 792px;
  pointer-events: none;
}
.food-garson-rings img {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  max-width: none;
}
@media (max-width: 767px) {
  .food-garson-rings {
    top: 580px;
    scale: 0.65;
    transform-origin: top center;
  }
  .food-page .food-garson-card {
    overflow: visible;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .food-qr .food-action {
    top: 430px;
  }
  .food-capability > [data-node-id="152818:10504"],
  .food-capability > [data-node-id="152818:10514"],
  .food-capability > [data-node-id="152818:10534"],
  .food-capability > [data-node-id="152818:10573"] {
    left: 24px;
    width: calc(100% - 48px);
  }
  .food-capability h3 {
    font-size: 28px;
    max-width: calc(100% - 48px);
  }
  .food-capability [data-node-id="152818:10505"],
  .food-capability [data-node-id="152818:10515"] {
    max-width: 100%;
  }
  .food-capability [data-node-id="152818:10506"],
  .food-capability [data-node-id="152818:10516"] {
    width: 100%;
    font-size: 18px;
  }
  .food-capability > [data-node-id="152818:10534"],
  .food-capability > [data-node-id="152818:10573"] {
    font-size: 18px;
  }
  .food-capability > [data-node-id="152818:10535"],
  .food-capability > [data-node-id="152818:10574"] {
    left: 24px;
  }
  .food-capability--wide {
    grid-column: span 2 !important;
  }
}
@media (max-width: 767px) {
  .food-capability > [data-node-id="152818:10507"] {
    margin-top: 95px;
  }
  .food-page .food-heading,
  .food-capabilities .food-heading {
    font-size: clamp(28px, 9vw, 36px);
  }
  .food-page .food-capability h3 {
    font-size: 26px;
  }
  .food-capability [data-node-id="152818:10505"] {
    max-width: 100%;
  }
}
@media (max-width: 359px) {
  .food-download [data-node-id="152818:10453"] {
    gap: 8px;
  }
  .food-download [data-node-id="152818:10454"],
  .food-download [data-node-id="152818:10460"] {
    width: 132px;
    padding-inline: 10px;
  }
  .food-download > [data-node-id="152818:10449"] {
    left: 16px;
    width: calc(100% - 32px);
  }
}
@media (max-width: 767px) {
  .food-capability > [data-node-id="152818:10536"],
  .food-capability > [data-node-id="152818:10559"],
  .food-capability > [data-node-id="152818:10560"] {
    translate: 0 -50%;
  }
  .food-capability [data-node-id="152818:10515"] {
    white-space: normal;
  }
  .food-capability .food-action {
    z-index: 2;
  }
}
@media (max-width: 359px) {
  .food-download :is(.fc897, .fc898, .fc903, .fc904) {
    left: 42px;
    font-size: 10px;
  }
  .food-download :is(.fc897, .fc903) {
    font-size: 14px;
  }
  .food-download :is(.fc899, .fc905) {
    left: 12px;
  }
}
@media (max-width: 1199px) {
  .food-capability > [data-node-id="152818:10526"] {
    width: calc(100% - 48px);
    align-items: flex-start;
  }
  .food-capability [data-node-id="152818:10528"] {
    width: 100%;
  }
  .food-capability [data-node-id="152818:10527"] {
    white-space: normal;
    max-width: 100%;
  }
}
/* Approved longer heading: keep complete words above the rating on narrow phones. */
@media (max-width: 359px) {
  .food-hero > [data-node-id="152818:10478"] {
    font-size: 28px;
    width: calc(100% - 24px);
  }
}

/* Keep the crisp interface in the photograph's coordinate system. */
.food-page .food-hero .fc2 .fc29 {
  left: 40.026042%;
  top: 36.5%;
  width: 20%;
  height: 27.3%;
  translate: none;
  transform: none;
  scale: none;
}

/* Fit the complete QR illustration within its own section. */
.food-page .food-qr .fc436 {
  top: 0;
  scale: 0.7;
  transform-origin: top center;
}
@media (max-width: 767px) {
  .food-page .food-benefit :is(.fc297, .fc345) {
    top: auto;
    bottom: 24px;
    height: auto;
  }
  .food-page .food-offline .fc661 {
    white-space: normal;
  }
}
@media (max-width: 767px) {
  .food-page .food-offline .fc660 {
    font-size: clamp(26px, 8vw, 32px);
    line-height: 1.05;
    overflow-wrap: normal;
  }
}

/* Keep related captions in flow when their copy wraps. */
.food-page .food-offline > .food-offline__connection {
  display: contents;
}
@media (min-width: 768px) {
  .food-page .food-offline > .food-offline__connection {
    display: grid;
    gap: 20px;
    position: absolute;
    left: 958px;
    top: 782px;
    width: 276px;
  }
  .food-page .food-offline__connection :is(.fc663, .fc664) {
    position: static;
    width: 100%;
    margin: 0;
    translate: none;
  }
}

/* Shared text baseline below the four Garson illustrations. */
@media (min-width: 768px) {
  .food-page .food-garson-card {
    height: 410px;
  }
  .food-page .food-garson-card :is(.fc170, .fc197, .fc235, .fc263) {
    top: 252px;
    left: 24px;
    width: calc(100% - 48px);
    gap: 12px;
  }
  .food-page .food-garson-card h3 {
    width: 100%;
    min-height: 38px;
  }
  .food-page .food-garson-card :is(.fc172, .fc199, .fc237, .fc265) {
    max-width: 100%;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .food-page .food-garson-card h3 {
    min-height: 57px;
  }
}
/* Decorative phone must not intercept the download link. */
.food-page .food-capability .fc759,
.food-page .food-capability .fc759 * {
  pointer-events: none;
}
.food-page .food-capability .fc757 {
  z-index: 2;
}