@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/manrope-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/manrope-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/manrope-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/manrope-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/manrope-800.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/plus-jakarta-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/plus-jakarta-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/plus-jakarta-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/plus-jakarta-sans-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/plus-jakarta-sans-800.ttf) format('truetype');
}
:root {
  --paper:#fcfbfa;
  --ink:#2a2523;
  --red:#9f001a;
  --muted:#746c64;
  --line:#e8e5e3;
  color-scheme:light
}
* {
  box-sizing:border-box
}
html {
  scrollbar-gutter:stable;
  scroll-behavior:smooth;
  scroll-padding-top:24px
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Plus Jakarta Sans',Arial,sans-serif;
  font-size:16px;
  overflow-x:clip
}
button,input,select,textarea {
  font:inherit
}
button,a {
  -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer;
  color:inherit
}
a {
  color:inherit;
  text-decoration:none
}
button {
  border:0
}
p,h1,h2,h3,h4 {
  margin:0
}
img {
  max-width:100%;
  display:block
}
button:focus-visible,a:focus-visible,summary:focus-visible {
  outline:3px solid #b61634;
  outline-offset:5px
}
[hidden] {
  display:none!important
}
.skip-link {
  position:fixed;
  top:8px;
  left:8px;
  z-index:300;
  background:white;
  padding:12px;
  transform:translateY(-150%)
}
.skip-link:focus {
  transform:translateY(0)
}
.pill-button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:4px 4px 4px 24px;
  border-radius:40px;
  border:4px solid #ffffff42;
  outline:1px solid #ffffff80;
  background:white;
  background-clip:padding-box;
  font-size:16px;
  font-weight:600;
  color:var(--red);
  min-height:56px;
  white-space:nowrap;
  transition:color .3s ease-out,background-color .3s ease-out;
  backdrop-filter:blur(8px)
}
.pill-button:is(:hover, :focus-visible) {
  background-color:#9f001a;
  color:#fff
}
.pill-icon {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#9f001a;
  flex-shrink:0
}
.pill-icon img {
  width:24px;
  height:24px
}
.pill-dark {
  background-color:#2a2523;
  color:white;
  outline-color:#2a252380;
  border-color:#e5e4e160
}
.pill-dark .pill-icon {
  background:#fff
}
.pill-small {
  min-height:48px;
  padding-left:24px
}
.pill-small .pill-icon {
  width:32px;
  height:32px
}
.pill-small .pill-icon img {
  width:20px;
  height:20px
}
.hero-shell {
  height:calc(900px * var(--hero-scale,1));
  width:100%;
  margin:0 auto;
  position:relative
}
.hero-canvas {
  position:relative;
  margin:0;
  width:1440px;
  height:900px;
  transform:scale(var(--hero-scale,1));
  transform-origin:top left;
  overflow:hidden
}
.hero-warehouse {
  position:absolute;
  inset:0;
  height:899px;
  overflow:hidden
}
.hero-warehouse img {
  height:100%;
  width:110.99%;
  max-width:none;
  position:absolute;
  left:-5.49%;
  object-fit:fill
}
.hero-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#fcfbfa 0%,#fcfbfa 24.956%,#fcfbfaa6 42.781%,#fcfbfa80 60.606%,#fcfbfa00 71.301%)
}
.hero-heading span {
  position:absolute;
  font-size:120px;
  line-height:1;
  font-weight:800;
  letter-spacing:0;
  z-index:1;
  white-space:nowrap
}
.hero-word-product {
  left:80px;
  top:392px
}
.hero-word-portfolio {
  left:652px;
  top:541px
}
.hero-products {
  position:absolute;
  left:420px;
  top:212px;
  width:600px;
  height:600px;
  overflow:hidden;
  z-index:3;
  pointer-events:none
}
.hero-product {
  position:absolute;
  inset:0;
  width:600px;
  height:600px;
  object-fit:cover;
  transform:translateY(100%)
}
.hero-product.is-active {
  transform:translateY(0)
}
.hero-scatter-position {
  position:absolute;
  left:176px;
  top:93px;
  width:1087.83px;
  height:713.77px;
  z-index:2;
  pointer-events:none
}
.hero-scatter {
  position:absolute;
  inset:0;
  transform:scale(.01);
  opacity:0;
  transform-origin:center
}
.hero-scatter.is-active {
  transform:scale(1);
  opacity:1
}
.scatter-crop {
  position:absolute;
  width:1000px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-15deg);
  overflow:hidden
}
.scatter-crop img {
  position:absolute;
  max-width:none
}
.scatter-nuts {
  height:374.014px
}
.scatter-nuts img {
  width:107.73%;
  height:162.03%;
  left:-4.1%;
  top:-27.14%
}
.scatter-potato {
  height:471px
}
.scatter-potato img {
  width:106.96%;
  height:227.22%;
  left:-3.97%;
  top:-59.62%
}
.scatter-canned {
  height:341px
}
.scatter-canned img {
  width:112.1%;
  height:184.91%;
  left:-5.69%;
  top:-35.79%
}
.scatter-dairy {
  height:275px
}
.scatter-dairy img {
  width:118.31%;
  height:242.02%;
  left:-8.95%;
  top:-73.11%
}
.hero-chips {
  position:absolute;
  left:80px;
  top:160px;
  width:510px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  z-index:5
}
.chip {
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  background:transparent;
  border:1px solid #746c64;
  border-radius:40px;
  font-size:16px;
  font-weight:600;
  color:#746c64;
  white-space:nowrap;
  transition:background-color .3s,color .3s
}
.chip.is-active {
  background:#9f001a;
  border-color:#9f001a;
  color:white;
  box-shadow:0 0 16px #e5032840
}
.chip:hover {
  border-color:#9f001a;
  color:#9f001a
}
.chip.is-active:hover {
  color:white
}
.hero-stats {
  position:absolute;
  right:80px;
  top:160px;
  display:flex;
  gap:16px;
  z-index:4
}
.hero-stat {
  width:160px;
  height:160px;
  background:white;
  border-radius:24px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.hero-stat strong {
  font-weight:800;
  font-size:32px;
  line-height:48px
}
.hero-stat span {
  font-size:16px;
  font-weight:500;
  line-height:24px;
  color:#746c64
}
.hero-explore {
  position:absolute;
  left:80px;
  top:569px;
  z-index:5;
  isolation:isolate;
}
.hero-explore::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:36px;
  background:linear-gradient(0deg,#7a1020,#b31329);
  opacity:0;
  transition:opacity .3s ease-out;
  pointer-events:none;
}
.hero-explore:is(:hover, :focus-visible) {
  background-color:#fff;
  color:#fff;
}
.hero-explore:is(:hover, :focus-visible)::before { opacity:1; }
.hero-explore .pill-icon { transition:background-color .3s ease-out; }
.hero-explore:is(:hover, :focus-visible) .pill-icon { background-color:#fff; }
.hero-explore .pill-icon img {
  grid-area:1 / 1;
  transition:transform .3s ease-out,opacity .3s ease-out;
}
.hero-explore .hero-explore__hover-arrow { opacity:0; }
.hero-explore:is(:hover, :focus-visible) .pill-icon img:not(.hero-explore__hover-arrow) { opacity:0; }
.hero-explore:is(:hover, :focus-visible) .hero-explore__hover-arrow { opacity:1; }
.hero-explore:is(:hover, :focus-visible) .pill-icon img {
  transform:rotate(90deg);
}
.hero-marquee {
  position:absolute;
  left:80px;
  top:812px;
  width:1280px;
  height:40px;
  border:1px solid #9f001a80;
  border-radius:40px;
  background:#fff;
  box-shadow:0 4px 20px #e5032814;
  overflow:hidden;
  z-index:5;
  display:flex;
  align-items:center
}
.hero-marquee-track {
  display:flex;
  align-items:center;
  gap:30px;
  padding:0 24px;
  width:max-content;
  white-space:nowrap;
  font-size:16px;
  font-weight:600;
  animation:hero-ticker 10s linear infinite
}
.hero-marquee-track i {
  width:8px;
  height:8px;
  background:#9f001a;
  border-radius:50%;
  flex-shrink:0
}
@keyframes hero-ticker {
  to {
    transform:translateX(-50%)
  }
}
.site-header {
  position:absolute;
  top:0;
  left:0;
  width:1440px;
  min-height:104px;
  padding:24px 80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  z-index:20
}
.brand-logo {
  display:block;
  width:236px;
  height:48px;
  position:relative;
  flex-shrink:0
}
.logo-art {
  position:absolute;
  inset:0;
  width:236px;
  height:48px
}
.logo-art img {
  position:absolute
}
.logo-symbol {
  left:0;
  top:0;
  width:40.32%;
  height:100.01%
}
.logo-g1 {
  left:68.95%;
  top:55%;
  width:5.96%;
  height:34.71%
}
.logo-g2 {
  left:42.04%;
  top:55%;
  width:5.96%;
  height:34.71%
}
.logo-g3 {
  left:55.49%;
  top:55%;
  width:5.96%;
  height:34.71%
}
.logo-g4 {
  left:62.22%;
  top:55%;
  width:5.96%;
  height:34.71%
}
.logo-g5 {
  left:48.77%;
  top:55%;
  width:5.96%;
  height:34.71%
}
.logo-g6 {
  left:78.14%;
  top:55%;
  width:21.86%;
  height:34.71%
}
.logo-g7 {
  left:42.04%;
  top:10.28%;
  width:39.61%;
  height:34.72%
}
.header-menu {
  width:940px;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.header-menu nav {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:600px;
  font-size:16px;
  color:#46413a
}
.header-menu nav>a {
  padding:8px 0
}
.header-menu .current {
  font-weight:600;
  color:#2a2523;
  border-bottom:1px solid #2a2523
}
.nav-trigger {
  display:flex;
  gap:4px;
  align-items:center;
  padding:8px 0;
  background:transparent
}
.nav-trigger img {
  width:16px;
  height:16px;
  transform:rotate(90deg)
}
.nav-trigger[aria-expanded=true] img {
  transform:rotate(-90deg)
}
.header-actions {
  display:flex;
  align-items:center;
  gap:12px
}
.language-toggle {
  display:flex;
  padding:4px;
  border:1px solid #2a252380;
  border-radius:48px;
  background:#ffffff20;
  position:relative;
  height:48px
}
.language-toggle button {
  width:40px;
  height:40px;
  margin-top:-1px;
  border-radius:50%;
  background:#2a25231f;
  padding:0;
  font-size:16px;
  transition:background-color .3s ease-out,color .3s ease-out
}
.language-toggle button.is-active {
  background:#2a2523;
  color:#fff
}
.nav-dropdown {
  position:absolute;
  left:420px;
  top:76px;
  width:600px;
  padding:16px;
  display:flex;
  gap:16px;
  background:#fff;
  border-radius:24px;
  box-shadow:0 4px 16px #00000014
}
.nav-dropdown>a {
  flex:1;
  padding:12px 16px;
  border-radius:16px;
  background:#f5f5f4
}
.nav-dropdown b {
  font-size:16px;
  font-weight:400;
  display:block
}
.nav-dropdown span {
  display:block;
  font-size:12px;
  line-height:18px;
  color:#746c64;
  margin-top:2px
}
.nav-dropdown a:hover {
  background:#f6e9ec
}
.mobile-menu-toggle {
  display:none
}
.demo-controls {
  display:flex;
  gap:12px;
  justify-content:center;
  padding:16px;
  background:#231f1d;
  color:#eee;
  font-size:12px
}
.demo-controls button {
  background:transparent;
  border:1px solid #ffffff40;
  border-radius:30px;
  color:#eee;
  padding:8px 14px
}
.demo-controls button:hover {
  background:#ffffff15
}
.site-notice {
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  max-width:calc(100% - 32px);
  background:#2a2523;
  color:#fff;
  padding:14px 20px;
  border-radius:16px;
  z-index:100;
  font-size:14px;
  box-shadow:0 4px 20px #0002
}
@media(max-width:899px) {
  body {
    font-family:Manrope,Arial,sans-serif;
    font-size:14px
  }
  .hero-shell {
    height:800px;
    width:100%;
    max-width:100%
  }
  .hero-canvas {
    width:100%;
    height:800px;
    transform:none
  }
  .hero-warehouse {
    height:800px
  }
  .hero-warehouse img {
    width:216%;
    height:99.93%;
    left:-57.87%;
    top:.04%;
    object-fit:cover
  }
  .hero-shade {
    background:linear-gradient(180deg,#fcfbfa 0%,#fcfbfacc 24.956%,#fcfbfa80 42.781%,#fcfbfa40 60.606%,#fcfbfa00 71.301%)
  }
  .hero-heading span {
    font-size:48px;
    line-height:48px
  }
  .hero-word-product {
    left:16px;
    top:256px
  }
  .hero-word-portfolio {
    left:auto;
    right:16px;
    top:605px
  }
  .hero-chips {
    left:16px;
    top:100px;
    width:140px;
    gap:12px;
    flex-direction:column;
    align-items:flex-start
  }
  .chip {
    font-size:12px;
    height:24px;
    padding:0 15px
  }
  .hero-stats {
    right:16px;
    top:100px;
    gap:12px
  }
  .hero-stat {
    width:100px;
    height:100px;
    border-radius:16px;
    padding:16px
  }
  .hero-stat strong {
    font-size:24px;
    line-height:30px
  }
  .hero-stat span {
    font-size:14px;
    line-height:20px
  }
  .hero-products {
    left:calc(50% - 195px);
    top:288px;
    width:390px;
    height:324px
  }
  .hero-product {
    width:358px;
    height:358px;
    left:16px;
    top:-18px
  }
  .hero-scatter-position {
    width:543.915px;
    height:356.885px;
    left:calc(50% - 271.9575px);
    top:262px
  }
  .scatter-crop {
    width:500px
  }
  .scatter-nuts {
    height:187.007px
  }
  .scatter-potato {
    height:235.5px
  }
  .scatter-canned {
    height:170.5px
  }
  .scatter-dairy {
    height:137.5px
  }
  .hero-explore {
    left:16px;
    top:677px;
    font-size:12px;
    min-height:38px;
    padding:2px 2px 2px 24px;
    border-width:3px;
    gap:16px
  }
  .hero-explore .pill-icon {
    width:24px;
    height:24px
  }
  .hero-explore .pill-icon img {
    width:16px;
    height:16px
  }
  .hero-marquee {
    left:16px;
    top:744px;
    width:calc(100% - 32px);
    height:32px
  }
  .hero-marquee-track {
    font-size:12px;
    gap:10px;
    padding:0 12px
  }
  .hero-marquee-track i {
    width:4px;
    height:4px
  }
  .site-header {
    width:100%;
    height:64px;
    min-height:64px;
    padding:15px 16px;
    align-items:center
  }
  .brand-logo {
    width:157px;
    height:32px
  }
  .logo-art {
    transform:scale(.665254);
    transform-origin:top left
  }
  .mobile-menu-toggle {
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border:1px solid #e8e5e3;
    border-radius:50%;
    background:#ffffff20
  }
  .mobile-menu-toggle img {
    width:16px;
    height:16px
  }
  .header-menu {
    display:none;
    position:absolute;
    left:16px;
    right:16px;
    top:64px;
    width:auto;
    border-radius:24px;
    padding:24px;
    background:#fcfbfaf5;
    box-shadow:0 8px 32px #0002;
    backdrop-filter:blur(12px)
  }
  .header-menu.is-open {
    display:block
  }
  .header-menu nav {
    width:auto;
    display:flex;
    align-items:stretch;
    flex-direction:column;
    gap:8px
  }
  .header-menu nav>a {
    width:max-content
  }
  .header-actions {
    margin-top:24px;
    justify-content:space-between
  }
  .nav-trigger {
    justify-content:space-between;
    width:100%
  }
  .nav-dropdown {
    position:static;
    width:100%;
    padding:8px 0;
    box-shadow:none;
    flex-direction:column;
    background:transparent
  }
  .nav-dropdown b {
    font-size:14px
  }
  .header-actions .pill-button {
    font-size:12px;
    padding-left:12px
  }
  .header-actions .language-toggle button {
    font-size:12px
  }
  .demo-controls {
    flex-wrap:wrap
  }
  .hero-shell:has(.header-menu.is-open) {
    z-index:50
  }
}
@media(max-width:374px) {
  .hero-stats {
    gap:8px
  }
  .hero-stat {
    width:78px;
    padding:12px
  }
  .hero-stat strong {
    font-size:21px
  }
  .hero-stat span {
    font-size:12px
  }
  .hero-word-product,.hero-word-portfolio {
    font-size:42px
  }
  .hero-chips {
    width:140px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important
  }
}
@supports(text-box-trim:trim-both) {
  @media(min-width:900px) {
    .hero-heading span {
      text-box-trim:trim-both;
      text-box-edge:cap alphabetic
    }
    .hero-word-product {
      top:420px
    }
    .hero-word-portfolio {
      top:569px
    }
  }
}
.cta-line-1,.cta-line-2,.faq-line-1 {
  display:block
}
.lower-faq .lower-heading h2 .faq-line-1 {
  font:inherit
}
.footer-loop-desktop,.footer-loop-mobile,.footer-loop-desktop svg,.footer-loop-mobile svg {
  width:100%;
  height:100%;
  display:block
}
.footer-loop-mobile {
  display:none
}
.footer-gradient-move {
  animation:footer-light 6.250615s ease-in-out infinite
}
@keyframes footer-light {
  to {
    transform:translateX(1630px)
  }
}
.motion-paused * {
  animation-play-state:paused!important
}
@media(max-width:700px) {
  html {
    scrollbar-width:none
  }
  html::-webkit-scrollbar {
    width:0
  }
  .footer-loop-desktop {
    display:none
  }
  .footer-loop-mobile {
    display:block
  }
  .footer-gradient-move {
    animation-name:footer-light-mobile
  }
  @keyframes footer-light-mobile {
    to {
      transform:translateX(490px)
    }
  }
}
.lower-faq .lower-heading h2 .faq-line-1 {
  color:#2a2523;
  margin-top:0
}
.lower-footer-type-loop svg {
  overflow:visible
}
.m-catalog[aria-disabled=true] {
  cursor:default
}
/* Middle sections translated from Figma desktop and mobile frames. */
.m-brands,.m-products,.m-industries {
  position:relative;
  isolation:isolate;
  color:#2a2523;
  box-sizing:border-box
}
.m-brands *,.m-products *,.m-industries * {
  box-sizing:border-box
}
.m-brands button,.m-products button,.m-industries button {
  font:inherit;
  cursor:pointer
}
.m-brands p,.m-brands h2,.m-products p,.m-products h2,.m-industries p,.m-industries h2,.m-industries h3 {
  margin:0
}
.m-brands {
  margin:0 auto;
  height:calc(900px * var(--brand-scale, 1));
  overflow:hidden;
  max-width:none;
}
.m-brands-canvas {
  position:absolute;
  left:0;
  top:0;
  width:1440px;
  padding:80px 24px;
  height:900px;
  transform:scale(var(--brand-scale, 1));
  transform-origin:top left;
}
.m-brand-indicators {
  display:flex;
  gap:16px;
  height:4px;
  margin-bottom:48px
}
.m-brand-indicators button {
  border:0;
  border-radius:8px;
  background:#d7d3d0;
  padding:0;
  height:4px;
  flex:1;
  position:relative
}
.m-brand-indicators button::after {
  content:"";
  position:absolute;
  inset:-12px 0
}
.m-brand-indicators button:disabled {
  cursor:default
}
.m-brand-indicators span {
  display:block;
  width:0;
  height:4px;
  border-radius:8px;
  background:#9f001a;
  transition:none
}
.m-brand-indicators button.is-complete span {
  width:100%
}
.m-brand-stage {
  height:688px;
  overflow:hidden;
  position:relative;
  background:transparent;
  touch-action:pan-y pinch-zoom;
}
.m-brand-card {
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:24px;
  background:#0c2c1b;
  transform-origin:top center;
}
.m-brand-card--yellow {
  background:#ffb900;
  transform:translateY(100%);
}
.m-brand-pattern {
  position:absolute;
  inset:0;
  background:url('assets/middle-brand-pattern.png') center/100% 100% no-repeat;
  pointer-events:none;
  opacity:1
}
.m-brand-copy {
  position:absolute;
  top:69px;
  left:4.023%;
  width:520px;
  z-index:4;
  color:#fafaf9
}
.m-brand-title {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px
}
.m-brand-title>.m-brand-logo {
  position:relative;
  flex-shrink:0;
  width:66px;
  height:58px
}
.m-brand-logo img {
  width:100%;
  height:100%;
  object-fit:contain
}
.m-brand-title h2 {
  font-size:28px;
  line-height:36px;
  font-weight:800
}
.m-brand-copy>p {
  font-size:16px;
  line-height:24px;
  font-weight:500;
  margin-bottom:32px
}
.m-pill {
  display:inline-flex;
  padding:4px;
  border:1px solid #2a252380;
  border-radius:40px;
  text-decoration:none;
  background:#ffffff1f;
  backdrop-filter:blur(8px)
}
.m-pill>span {
  display:flex;
  align-items:center;
  gap:16px;
  padding:4px 4px 4px 24px;
  background:#2a2523;
  border-radius:40px;
  color:#fff;
  min-height:48px;
  font-size:16px;
  font-weight:600;
  white-space:nowrap
}
.m-pill i {
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:white;
  transition:transform 300ms ease-out
}
.m-pill i img {
  width:24px;
  height:24px;
  display:block
}
.m-pill:hover i {
  transform:rotate(90deg)
}
.m-pill-light {
  border-color:#ffffff80
}
.m-pill-light>span {
  background:white;
  color:#9f001a;
  min-height:40px
}
.m-pill-light i {
  width:32px;
  height:32px;
  background:#9f001a
}
.m-pill-light i img {
  width:20px;
  height:20px
}
.m-brands .m-pill {
  border:0;
  box-shadow:inset 0 0 0 .5px #ffffff80;
  line-height:normal
}
.m-package-scene {
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none
}
.m-package {
  position:absolute;
  left:calc(50% + var(--package-x));
  top:var(--package-y);
  width:var(--package-width);
  height:var(--package-width);
  transform:translateX(-50%);
  border:0;
  background:transparent;
  padding:0;
  pointer-events:auto;
  transition:transform 1.916433s cubic-bezier(.22,1.8,.38,1),opacity .8s ease-out
}
.m-package img {
  display:block;
  position:absolute;
  width:91.087%;
  height:95.652%;
  left:2.826%;
  top:1.087%;
  object-fit:cover
}
.m-package-2 {
  height:calc(var(--package-width) * 1.052174)
}
.m-package-2 img {
  top:5.9903%;
  height:90.9089%;
  object-fit:contain
}
.m-package:hover,.m-package:focus-visible {
  transform:translateX(-50%) translateY(-30px) scale(1.09);
  z-index:8
}
.m-fries-floor {
  position:absolute;
  bottom:-50px;
  left:50%;
  width:1328px;
  height:240px;
  transform:translateX(-50%);
  overflow:hidden;
  pointer-events:none;
  z-index:3;
  transition:transform 800ms ease-out
}
.m-fries-floor img {
  position:absolute;
  height:223.68%;
  width:136.58%;
  left:-19.68%;
  top:-108.93%;
  max-width:none
}
.m-floating-fry {
  position:absolute;
  width:60px;
  height:47.884px;
  overflow:hidden;
  opacity:.65;
  pointer-events:none;
  z-index:1
}
.m-floating-fry img {
  position:absolute;
  height:103.36%;
  width:151.24%;
  left:-20.62%;
  top:-3.36%;
  max-width:none
}
.m-floating-fry-0 {
  left:calc(93.5596% + 8.375px);
  top:241.006px;
  filter:blur(3px);
  transform:rotate(39.73deg)
}
.m-floating-fry-1 {
  left:calc(80.0352% + 3.884px);
  top:48.53px;
  width:100px;
  height:79.807px;
  transform:rotate(-5.98deg) scaleY(-1)
}
.m-floating-fry-2 {
  left:calc(51.9397% - .416px);
  top:209.3295px;
  transform:rotate(-78.17deg) scaleY(-1)
}
.m-floating-fry-3 {
  left:calc(84.5445% + 8.33px);
  top:412.978px;
  transform:rotate(41.59deg) scaleY(-1)
}
.m-floating-fry-4 {
  left:calc(67.783% + 7.839px);
  top:209.757px;
  width:80px;
  height:63.845px;
  filter:blur(3px);
  transform:rotate(-120.6deg) scaleY(-1)
}
.m-products {
  height:1024px;
  margin:0 auto;
  overflow:hidden;
  padding-top:60px;
  background:var(--paper)
}
.m-products-pattern {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:640px;
  z-index:-1;
  background:url('assets/middle-products-pattern.png') center/cover no-repeat
}
.m-section-heading {
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:16px
}
.m-eyebrow {
  display:flex;
  align-items:center;
  gap:8px;
  color:#9f001a;
  font-size:18px;
  line-height:26px;
  font-weight:500
}
.m-eyebrow img {
  display:block;
  width:23.787px;
  height:12px
}
.m-section-heading h2,.m-industry-intro h2 {
  font-size:48px;
  font-weight:800;
  line-height:60px;
  letter-spacing:0
}
.m-category {
  position:absolute;
  top:230px;
  left:50%;
  transform:translateX(-50%);
  width:694px;
  height:400px;
  border-radius:24px;
  padding:24px;
  background:linear-gradient(0deg,#7a1020,#b31329);
  display:flex;
  flex-direction:column;
  gap:24px
}
.m-product-tabs {
  display:flex;
  align-items:center;
  gap:2px;
  padding:7px;
  border:1px solid #ffffff40;
  border-radius:16px;
  background:#ffffff1f;
  position:relative;
  height:52px;
  flex-shrink:0
}
.m-product-tabs button {
  position:relative;
  z-index:1;
  flex:1;
  white-space:nowrap;
  padding:8px 14px;
  border:0;
  background:transparent;
  color:white;
  border-radius:8px;
  font-size:16px;
  font-weight:600;
  height:36px
}
.m-product-tabs button:hover {
  background:#ffffff14
}
.m-tab-indicator {
  position:absolute;
  top:7px;
  left:6px;
  width:175px;
  height:36px;
  background:#2a2523;
  border-radius:8px;
  transition:transform 600ms ease-out,width 600ms ease-out
}
.m-category-gallery {
  position:relative;
  overflow:hidden;
  height:276px;
  width:100%;
  border:1px solid #ffffff40;
  border-radius:16px
}
.m-category-track {
  display:flex;
  height:100%;
  transition:transform 600ms ease-out;
  will-change:transform
}
.m-category-picture {
  flex:0 0 100%;
  height:100%;
  position:relative;
  overflow:hidden
}
.m-category-picture img {
  position:absolute;
  top:-15.83%;
  left:0;
  width:100%;
  height:131.66%;
  object-fit:cover;
  max-width:none
}
.m-category-picture:nth-child(2) img {
  top:-9.07%
}
.m-catalog {
  position:relative;
  display:block;
  width:220px;
  height:166px;
  border:0;
  padding:0;
  background:transparent;
  z-index:6;
  color:#2a2523
}
.m-catalog-art {
  display:block;
  position:relative;
  width:220px;
  height:166px
}
.m-book {
  position:absolute;
  object-fit:cover;
  border:1px solid white;
  border-radius:12px;
  transition:transform 300ms ease-out
}
.m-book-0 {
  width:56px;
  height:72px;
  left:14px;
  top:35px;
  transform:rotate(-10deg)
}
.m-book-1 {
  width:64px;
  height:86px;
  left:58px;
  top:17px;
  transform:rotate(-4deg)
}
.m-book-2 {
  width:80px;
  height:100px;
  left:114px;
  top:3px;
  transform:rotate(5deg)
}
.m-catalog-label {
  position:absolute;
  isolation:isolate;
  left:0;
  top:85.3px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:209px;
  border:1px solid #9f001a;
  border-radius:50px;
  background:white;
  padding:16px 32px;
  height:52px;
  white-space:nowrap;
  box-shadow:0 4px 16px #0004;
  font-size:16px;
  font-weight:600;
  transition:background 300ms,color 300ms;
  overflow:hidden
}
.m-catalog-label::before {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:155px;
  top:-1.3px;
  width:52px;
  height:52px;
  border-radius:40px;
  background:linear-gradient(93.44deg,#ff9700,#e50328);
  opacity:0;
  transition:left 300ms ease-out,width 300ms ease-out,opacity 300ms ease-out
}
.m-catalog-pointer {
  position:absolute;
  width:50.628px;
  height:53.237px;
  top:110.3px;
  left:170px;
  object-fit:contain;
  pointer-events:none;
  transition:transform 300ms ease-out
}
.m-catalog:hover .m-catalog-label {
  color:white
}
.m-catalog:hover .m-book-0 {
  transform:rotate(-15deg)
}
.m-catalog:hover .m-book-1 {
  transform:rotate(2deg)
}
.m-catalog:hover .m-book-2 {
  transform:rotate(15deg)
}
.m-catalog:hover .m-catalog-label::before {
  left:-1px;
  width:208px;
  opacity:1
}
.m-product-catalog {
  position:absolute;
  left:calc(50% + 332px);
  top:384px
}
.m-products-marquee {
  position:absolute;
  left:0;
  top:678px;
  width:100%;
  height:266px;
  overflow:hidden;
  --card-step:282px
}
.m-products-track {
  display:flex;
  gap:24px;
  width:max-content;
  position:absolute;
  left:-114px;
  height:266px;
  animation:m-products-roll 10s linear infinite;
  will-change:transform
}
.m-products-marquee:hover .m-products-track,.m-products-marquee:focus-within .m-products-track {
  animation-play-state:paused
}
.m-product-card {
  flex:0 0 258px;
  width:258px;
  height:266px;
  border:1px solid #d7d3d0;
  border-radius:24px;
  padding:7px;
  background:transparent;
  color:#2a2523
}
.m-card-picture {
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:16px;
  height:250px;
  width:242px
}
.m-card-image {
  display:block;
  object-fit:cover;
  width:100%;
  height:100%
}
.m-card-caption {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:12px 10px;
  display:flex;
  gap:8px;
  align-items:center;
  text-align:left;
  font-size:16px;
  font-weight:600;
  backdrop-filter:blur(10px);
  background:#ffffff66;
  transform:translateY(110%);
  transition:transform 300ms ease-out
}
.m-card-caption i {
  margin-left:auto;
  background:#9f001a;
  border-radius:50%;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex-shrink:0
}
.m-card-caption img {
  width:16px;
  height:16px;
  display:block
}
.m-product-card:hover .m-card-caption,.m-product-card:focus-visible .m-card-caption,.m-product-card.is-selected .m-card-caption {
  transform:translateY(0)
}
@keyframes m-products-roll {
  to {
    transform:translateX(calc(-4 * var(--card-step)))
  }
}
.m-industries {
  background:#f5f5f4 url('assets/middle-industries-bg.png') center/cover no-repeat;
  overflow:hidden
}
.m-industries-inner {
  height:800px;
  margin:0 auto;
  position:relative
}
.m-industry-intro {
  position:absolute;
  top:80px;
  left:5.556%;
  width:480px
}
.m-industry-intro h2 {
  margin-bottom:24px
}
.m-industry-intro>p {
  color:#746c64;
  font-size:18px;
  line-height:27px;
  font-weight:500
}
.m-industry-list {
  position:absolute;
  inset:0;
  pointer-events:none
}
.m-industry {
  position:absolute;
  width:506px;
  height:230px;
  pointer-events:none
}
.m-industry-0 {
  left:57.36%;
  top:170px
}
.m-industry-1 {
  left:54.03%;
  top:247px
}
.m-industry-2 {
  left:59.31%;
  top:331px
}
.m-industry-3 {
  left:50.35%;
  top:400px
}
.m-industry-4 {
  left:56.32%;
  top:469px
}
.m-industry-title {
  position:absolute;
  top:163.37px;
  left:0;
  display:flex;
  gap:24px;
  align-items:center;
  border:0;
  background:transparent;
  color:#59544c;
  font-size:28px!important;
  font-weight:500;
  line-height:36px;
  padding:0;
  white-space:nowrap;
  pointer-events:auto;
  transition:color 300ms ease-out;
  z-index:8
}
.m-industry-preview {
  position:absolute;
  left:152px;
  top:24px;
  width:331px;
  height:186px;
  transform:translateY(150px) rotate(-16.46deg);
  opacity:0;
  transition:transform 300ms ease-out,opacity 300ms ease-out;
  border:1px solid #ffffff80;
  border-radius:16px;
  box-shadow:0 4px 20px #00000029;
  overflow:hidden;
  pointer-events:none
}
.m-industry-photo {
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  inset:0
}
.m-industry-shade {
  position:absolute;
  inset:0;
  background:#0004;
  backdrop-filter:blur(2px)
}
.m-industry-catalog {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.m-industry.is-active {
  z-index:10
}
.m-industry.is-active .m-industry-title {
  color:#9f001a;
  font-weight:800
}
.m-industry.is-active .m-industry-preview {
  opacity:1;
  transform:rotate(8deg);
  pointer-events:auto
}
.m-radio {
  display:none
}
.m-guidance {
  position:absolute;
  left:5.556%;
  top:480px;
  width:480px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:42px
}
.m-guidance-copy {
  display:flex;
  flex-direction:column;
  gap:16px
}
.m-guidance h3 {
  font-size:28px;
  font-weight:800;
  line-height:36px
}
.m-guidance-copy>p:last-child {
  font-size:16px;
  line-height:24px;
  font-weight:500;
  color:#746c64
}
@media(min-width:701px) and (max-width:1100px) {
  .m-brand-copy {
    width:44%
  }
  .m-package {
    left:calc(50% + var(--package-x) * .8);
    width:calc(var(--package-width) * .85);
    height:calc(var(--package-width) * .85);
    top:calc(var(--package-y) + 25px)
  }
  .m-package-2 {
    height:calc(var(--package-width) * .85 * 1.052174)
  }
  .m-product-catalog {
    left:auto;
    right:24px;
    top:480px;
    transform:scale(.8);
    transform-origin:right center
  }
  .m-industry-intro {
    width:43%
  }
  .m-industry-intro h2 {
    font-size:38px;
    line-height:48px
  }
  .m-industry-intro>p {
    font-size:16px;
    line-height:24px
  }
  .m-guidance {
    width:42%
  }
  .m-industry {
    transform:scale(.75);
    transform-origin:left center
  }
  .m-industry-0 {
    left:56%
  }
  .m-industry-1 {
    left:53%
  }
  .m-industry-2 {
    left:57%
  }
  .m-industry-3 {
    left:49%
  }
  .m-industry-4 {
    left:55%
  }
}
@media(max-width:700px) {
  .m-brands {
    height:auto;
    padding:0
  }
  .m-brands-canvas {
    position:relative;
    width:100%;
    height:544px;
    padding:48px 16px;
    transform:none
  }
  .m-brand-indicators {
    margin-bottom:24px
  }
  .m-brand-stage {
    height:420px;
    padding:0;
  }
  .m-brand-card {
    padding:16px;
    border-radius:16px
  }
  .m-brand-pattern {
    background-size:auto 506px;
    background-position:49% center
  }
  .m-brand-copy {
    position:relative;
    top:auto;
    left:auto;
    width:100%
  }
  .m-brand-title {
    margin-bottom:16px
  }
  .m-brand-title>.m-brand-logo {
    width:46.2px;
    height:40.6px
  }
  .m-brand-title h2 {
    font-size:24px;
    line-height:30px
  }
  .m-brand-copy>p {
    font-size:14px;
    line-height:20px;
    margin-bottom:24px
  }
  .m-pill>span {
    min-height:30px;
    height:30px;
    font-size:12px;
    padding-left:24px
  }
  .m-pill i,.m-pill-light i {
    width:22px;
    height:22px
  }
  .m-pill i img,.m-pill-light i img {
    width:16px;
    height:16px
  }
  .m-package {
    width:calc(var(--package-width) * .4);
    height:calc(var(--package-width) * .4);
    left:calc(50% + var(--package-x) * .4 + 7.6px);
    top:calc(var(--package-y) * .4 + 123.8px)
  }
  .m-package-scene {
    inset:auto 0 0;
    height:420px
  }
  .m-package-2 {
    height:calc(var(--package-width) * .4 * 1.052174)
  }
  .m-package:hover,.m-package:focus-visible {
    transform:translateX(-50%) translateY(-12px) scale(1.08)
  }
  .m-fries-floor {
    width:531.2px;
    height:96px;
    left:calc(50% + 7.6px);
    bottom:0
  }
  .m-floating-fry {
    width:30px;
    height:23.942px
  }
  .m-floating-fry-0 {
    left:88%;
    top:135px;
    filter:blur(1.5px)
  }
  .m-floating-fry-1 {
    left:62%;
    top:23px;
    width:50px;
    height:39.903px
  }
  .m-floating-fry-2,.m-floating-fry-4 {
    display:none
  }
  .m-floating-fry-3 {
    left:71%;
    top:201px
  }
  .m-products {
    height:772px;
    padding-top:48px
  }
  .m-products-pattern {
    display:none
  }
  .m-section-heading {
    gap:8px
  }
  .m-eyebrow {
    font-size:12px;
    line-height:16px;
    font-weight:600;
    gap:4px
  }
  .m-eyebrow img {
    width:15.858px;
    height:8px
  }
  .m-section-heading h2 {
    font-size:24px;
    line-height:30px
  }
  .m-category {
    top:138px;
    width:calc(100% - 32px);
    height:313px;
    padding:8px;
    border-radius:16px;
    gap:8px
  }
  .m-product-tabs {
    padding:7px;
    flex-direction:column;
    gap:2px;
    align-items:stretch;
    justify-content:center;
    height:150px;
    border-radius:12px
  }
  .m-product-tabs button {
    font-size:12px;
    height:32px;
    flex:0 0 32px;
    line-height:16px;
    padding:4px 12px;
    border-radius:4px
  }
  .m-tab-indicator {
    left:7px;
    top:7px;
    height:32px;
    width:calc(100% - 14px);
    border-radius:4px;
    transition:transform 600ms ease-out
  }
  .m-category-gallery {
    height:139px;
    flex-shrink:0;
    border-radius:12px
  }
  .m-category-picture img {
    height:130.71%;
    top:-15.71%
  }
  .m-category-picture:nth-child(2) img {
    top:-9.01%
  }
  .m-product-catalog {
    left:50%;
    top:400px;
    width:154px;
    height:120px;
    transform:translateX(-50%)
  }
  .m-product-catalog .m-catalog-art {
    transform:scale(.64);
    transform-origin:top left;
    left:8px;
    top:9px
  }
  .m-product-catalog .m-catalog-label {
    font-size:18px;
    font-weight:600
  }
  .m-products-marquee {
    top:544px;
    height:180px;
    --card-step:164px
  }
  .m-products-track {
    left:calc(50% - 238px);
    height:180px;
    gap:16px
  }
  .m-product-card {
    flex-basis:148px;
    width:148px;
    height:180px;
    padding:3px;
    border-radius:16px
  }
  .m-card-picture {
    width:140px;
    height:172px;
    border-radius:12px
  }
  .m-card-caption {
    font-size:12px;
    padding:8px 6px;
    gap:4px
  }
  .m-card-caption i {
    width:24px;
    height:24px
  }
  .m-card-caption img {
    width:14px;
    height:14px
  }
  .m-industries {
    background-size:auto 100%;
    background-position:center
  }
  .m-industries-inner {
    height:866px
  }
  .m-industry-intro {
    left:16px;
    top:48px;
    width:calc(100% - 32px)
  }
  .m-industry-intro h2 {
    font-size:24px;
    line-height:32px;
    margin-bottom:12px
  }
  .m-industry-intro>p {
    font-size:14px;
    line-height:20px
  }
  .m-industry {
    width:285px;
    height:115.13px
  }
  .m-industry-0 {
    left:20.513%;
    top:182px
  }
  .m-industry-1 {
    left:12.308%;
    top:249.13px
  }
  .m-industry-2 {
    left:26.923%;
    top:316.26px
  }
  .m-industry-3 {
    left:4.103%;
    top:383.38px
  }
  .m-industry-4 {
    left:25.641%;
    top:450.51px
  }
  .m-industry-title {
    top:81.685px;
    gap:8px;
    font-size:14px!important;
    line-height:20px;
    z-index:8
  }
  .m-radio {
    display:block;
    width:24px;
    height:24px;
    border:2px solid currentColor;
    border-radius:50%;
    position:relative
  }
  .m-industry.is-active .m-radio::after {
    content:"";
    position:absolute;
    inset:3px;
    border-radius:50%;
    background:currentColor
  }
  .m-industry-preview {
    left:85.4px;
    top:12px;
    width:163px;
    height:98px;
    border-radius:8px;
    transform:translateY(100px) rotate(-16.46deg)
  }
  .m-industry-catalog {
    transform:translate(-50%,-50%) scale(.54)
  }
  .m-guidance {
    left:16px;
    top:630px;
    width:calc(100% - 32px);
    gap:24px
  }
  .m-guidance-copy {
    gap:12px
  }
  .m-guidance h3 {
    font-size:24px;
    line-height:30px;
    margin-top:-4px
  }
  .m-guidance-copy>p:last-child {
    font-size:14px;
    line-height:20px
  }
}
@media(prefers-reduced-motion:reduce) {
  .m-products-track {
    animation:none
  }
  .m-category-track,.m-tab-indicator,.m-package,.m-fries-floor,.m-brand-copy,.m-industry-preview {
    transition:none!important
  }
  .m-package:hover {
    transform:translateX(-50%)
  }
}
.m-yellow-scene {
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
.m-yellow-plate {
  position:absolute;
  width:1026px;
  height:683px;
  left:50%;
  top:152px;
  transform:translateX(-50%);
  object-fit:cover;
  max-width:none
}
.m-yellow-floor {
  --floor-scale:1;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  height:calc(259px * var(--floor-scale));
  width:calc(1392px * var(--floor-scale));
  z-index:2
}
.m-yellow-pattern-overlay {
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none
}
.m-yellow-pattern-overlay::before {
  content:"";
  position:absolute;
  left:-287.9px;
  top:-98.2px;
  width:1966.8px;
  height:788.7px;
  transform:scaleX(-1);
  background:linear-gradient(to left,#f9ca0100,#f9ca01a6 50%,#f9ca0100);
  mask:url('assets/middle-yellow-pattern-mask.svg') 64.46px 46.2px/1837.44px 792px no-repeat
}
.m-yellow-floor img {
  position:absolute;
  left:0;
  top:0;
  width:calc(653px * var(--floor-scale));
  height:100%;
  max-width:none
}
.m-yellow-floor img+img {
  left:calc(596px * var(--floor-scale));
  width:calc(796px * var(--floor-scale))
}
.m-yellow-stick {
  position:absolute;
  object-fit:cover;
  width:160px;
  height:80px;
  max-width:none;
  opacity:.8;
  transform-origin:top left
}
.m-yellow-stick-0 {
  left:1280.7246px;
  top:156.6035px;
  transform:matrix(-.973276,-.229637,.229637,-.973276,0,0)
}
.m-yellow-stick-1 {
  left:1081.3594px;
  top:325.9912px;
  width:120px;
  height:60px;
  transform:matrix(-.561323,-.827597,.827597,-.561323,0,0)
}
.m-yellow-stick-2 {
  left:898.8457px;
  top:158.2197px;
  width:120px;
  height:60px;
  transform:matrix(-.903668,.428233,-.428233,-.903668,0,0)
}
.m-yellow-stick-3 {
  left:1195px;
  top:473.1076px;
  width:80px;
  height:40px;
  transform:matrix(.308128,-.951345,.951345,.308128,0,0);
  filter:blur(2px)
}
.m-brand-card--yellow .m-brand-pattern {
  background-image:url('assets/middle-yellow-pattern.png');
}
.m-brand-card--yellow .m-brand-copy {
  color:#2a2523
}
.m-brand-card--yellow .m-pill>span {
  background:#2a2523;
  color:white
}
.m-brand-card--yellow .m-pill {
  box-shadow:inset 0 0 0 .5px #2a252380
}
.m-brand-card--yellow .m-pill i {
  background:white
}
.m-brand-card--yellow .m-pill i img {
  filter:brightness(0)
}
@media(max-width:700px) {
  .m-yellow-plate {
    width:440px;
    height:293px;
    top:220px
  }
  .m-yellow-pattern-overlay { display:none; }
  .m-yellow-floor {
    --floor-scale:.4;
  }
  .m-yellow-stick { transform-origin:center; }
  .m-yellow-stick {
    width:60px;
    height:40px
  }
  .m-yellow-stick-0 {
    top:24px;
    left:65%;
    transform:rotate(9deg)
  }
  .m-yellow-stick-1 {
    left:70%;
    top:185px;
    width:40px;
    height:50px;
    transform:rotate(66deg)
  }
  .m-yellow-stick-2 {
    display:none
  }
  .m-yellow-stick-3 {
    left:83%;
    top:248px;
    width:26px;
    height:35px;
    transform:rotate(88deg)
  }
}
/* Lower page sections. All graphics are the downloaded Figma exports. */
.lower-why,.lower-partners,.lower-cta,.lower-faq,.lower-footer {
  position:relative;
  isolation:isolate;
  width:100%;
  box-sizing:border-box
}
.lower-why *,.lower-partners *,.lower-cta *,.lower-faq *,.lower-footer * {
  box-sizing:border-box
}
.lower-why p,.lower-why h2,.lower-why h3,.lower-partners h2,.lower-cta h2,.lower-cta p,.lower-faq h2,.lower-faq h3,.lower-faq p,.lower-footer p,.lower-footer h2 {
  margin:0
}
.lower-why button,.lower-cta button,.lower-faq button,.lower-footer button {
  font-family:inherit;
  cursor:pointer
}
.lower-heading {
  text-align:center
}
.lower-eyebrow {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#9f001a;
  font-size:18px;
  font-weight:500;
  line-height:26px
}
.lower-eyebrow img {
  width:24px;
  height:12px;
  object-fit:contain;
  flex-shrink:0
}
.lower-heading h2 {
  font-size:48px;
  line-height:60px;
  font-weight:800;
  color:#2a2523;
  margin-top:16px
}
.lower-heading h2 span {
  display:block;
  font-size:40px;
  font-weight:400;
  color:#59544c;
  margin-top:2px
}
.lower-why {
  padding:80px 24px;
  height:1024px
}
.lower-why-shell {
  height:864px;
  border-radius:24px;
  position:relative;
  padding:58px 24px 24px;
  overflow:hidden;
  background:linear-gradient(#0006,#0006),url('assets/lower-why-background.png') center/cover no-repeat
}
.lower-standards-ticker {
  position:absolute;
  left:0;
  right:0;
  top:16px;
  overflow:hidden;
  height:26px;
  color:#fff;
  font-size:18px;
  line-height:26px
}
.lower-standards-track {
  display:flex;
  width:max-content;
  animation:lower-ticker 10s linear infinite
}
.lower-standards-set {
  width:calc(100vw + 44px);
  max-width:1484px;
  display:flex;
  justify-content:space-between;
  gap:50px;
  padding:0 70px 0 24px;
  white-space:nowrap
}
@keyframes lower-ticker {
  to {
    transform:translateX(-50%)
  }
}
.lower-why-content {
  background:#fcfbfa;
  border-radius:16px;
  height:782px;
  padding:32px;
  overflow:hidden
}
.lower-values {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.846fr) minmax(0,1fr);
  grid-template-rows:154px 154px;
  gap:48px 40px;
  margin-top:158px;
  position:relative
}
.lower-value-photo {
  position:absolute;
  width:45%;
  height:514px;
  left:27.5%;
  bottom:-40px;
  border-radius:16px;
  overflow:hidden
}
.lower-value-photo img {
  display:block;
  width:100%;
  height:112.06%;
  object-fit:cover;
  transform:translateY(-4%);
  filter:brightness(.9)
}
.lower-value {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  text-align:right;
  position:relative;
  z-index:1
}
.lower-value-development {
  grid-column:1;
  grid-row:1
}
.lower-value-quality {
  grid-column:1;
  grid-row:2
}
.lower-value-sourcing {
  grid-column:3;
  grid-row:1;
  align-items:flex-start;
  text-align:left
}
.lower-value-packaging {
  grid-column:3;
  grid-row:2;
  align-items:flex-start;
  text-align:left
}
.lower-value-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  flex-shrink:0;
  border-radius:50%;
  background:white;
  box-shadow:0 0 16px #e503281f;
  margin-bottom:16px
}
.lower-value-icon img {
  display:block;
  object-fit:contain;
  max-width:32px;
  max-height:32px
}
.lower-value h3 {
  font-size:20px;
  font-weight:800;
  line-height:30px
}
.lower-value p {
  font-size:16px;
  font-weight:500;
  line-height:24px;
  color:#59544c;
  margin-top:8px;
  max-width:312px
}
.lower-mobile-punctuation {
  display:none
}
.lower-partners {
  height:184px;
  overflow:hidden;
  text-align:center
}
.lower-partners h2 {
  font-size:32px;
  line-height:48px;
  font-weight:800
}
.lower-partners-window {
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  height:120px;
  margin-top:16px;
  overflow:hidden
}
.lower-partners-window:before,.lower-partners-window:after {
  content:"";
  pointer-events:none;
  position:absolute;
  top:0;
  bottom:0;
  width:240px;
  z-index:1;
  background:linear-gradient(90deg,#f5f5f4b3,transparent)
}
.lower-partners-window:before {
  left:0
}
.lower-partners-window:after {
  right:0;
  transform:rotate(180deg)
}
.lower-partners-track {
  display:flex;
  flex-shrink:0;
  width:max-content;
  position:relative;
  left:-46px;
  animation:lower-partners-scroll 10s linear .1s infinite
}
@keyframes lower-partners-scroll {
  to {
    transform:translateX(calc(-1 * var(--partner-loop-distance, 0px)))
  }
}
.lower-partners-set {
  display:flex;
  flex-shrink:0
}
.lower-partner {
  display:flex;
  align-items:center;
  gap:12px;
  padding:20px 32px;
  white-space:nowrap;
  font-size:24px;
  line-height:36px;
  font-weight:500
}
.lower-partner img {
  display:block;
  object-fit:contain;
  flex-shrink:0
}
.lower-cta {
  height:900px;
  padding:80px 24px 20px
}
.lower-cta-frame {
  height:800px;
  position:relative;
  overflow:hidden
}
.lower-cta-content {
  position:absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  width:640px;
  text-align:center;
  z-index:2
}
.lower-cta h2 {
  font-size:48px;
  line-height:62px;
  font-weight:800
}
.lower-cta-content p {
  font-size:18px;
  line-height:27px;
  font-weight:500;
  color:#59544c;
  max-width:570px;
  margin:16px auto 0
}
.lower-cta-actions {
  display:flex;
  gap:16px;
  width:520px;
  margin:32px auto 0
}
.lower-button {
  background:#ffffff1f;
  border:.5px solid #2a2523;
  border-radius:40px;
  padding:0;
  min-height:57px;
  flex:1;
  color:#2a2523;
  font-size:16px;
  font-weight:600;
  backdrop-filter:blur(8px);
  transition:background .2s,color .2s
}
.lower-button span {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  white-space:nowrap;
  padding:0 20px;
  border-radius:40px
}
.lower-button-dark {
  padding:4px;
  border-color:#2a252380
}
.lower-button-dark span {
  background:#2a2523;
  min-height:48px;
  color:white
}
.lower-button:hover {
  background:#e8e5e3
}
.lower-button-dark:hover span {
  background:#9f001a
}
.lower-cta-product {
  position:absolute;
  object-fit:cover;
  border-radius:16px;
  filter:brightness(.95)
}
.lower-cta-nuts {
  width:9.77%;
  height:140px;
  left:75.862%;
  top:40px
}
.lower-cta-tomato {
  width:14.367%;
  height:207px;
  left:13.506%;
  top:496px
}
.lower-cta-fries {
  width:14.367%;
  height:207px;
  left:4.023%;
  top:80px
}
.lower-cta-dairy {
  width:13.937%;
  height:200px;
  left:82.04%;
  top:354px
}
.lower-cta-corn {
  width:8.621%;
  height:124px;
  left:65.805%;
  top:588px
}
.lower-cta-pouch {
  width:5.747%;
  height:83px;
  left:41.379%;
  top:121px
}
.lower-corner {
  position:absolute;
  width:82px;
  height:82px;
  pointer-events:none
}
.lower-corner-tr {
  top:0;
  right:0
}
.lower-corner-br {
  bottom:0;
  right:0;
  transform:scaleY(-1)
}
.lower-corner-tl {
  top:0;
  left:0;
  transform:scaleX(-1)
}
.lower-corner-bl {
  bottom:0;
  left:0;
  transform:rotate(180deg)
}
.lower-faq {
  min-height:980px;
  padding:120px 24px;
  overflow:hidden
}
.lower-faq .lower-heading,.lower-faq-tabs,.lower-faq-list {
  position:relative;
  z-index:1
}
.lower-faq-tabs {
  display:flex;
  gap:8px;
  width:max-content;
  margin:16px auto 0;
  padding:8px;
  background:#ffffff1f;
  border:1px solid #ffffff26;
  border-radius:40px;
  box-shadow:0 4px 20px #e503281a;
  backdrop-filter:blur(8px)
}
.lower-faq-tabs button {
  border:0;
  background:#746c64;
  color:white;
  border-radius:40px;
  padding:0 16px;
  height:32px;
  font-size:16px;
  font-weight:600;
  white-space:nowrap;
  transition:background .2s,box-shadow .2s
}
.lower-faq-tabs button.is-active {
  background:#9f001a;
  box-shadow:0 0 16px #e5032840
}
.lower-faq-tabs button:hover {
  background:#9f001a
}
.lower-faq-list {
  width:min(800px,100%);
  margin:44px auto 0
}
.lower-faq-item {
  border-bottom:1px solid #d7d3d0
}
.lower-faq-item h3 button {
  display:grid;
  grid-template-columns:34px 1fr 24px;
  align-items:center;
  gap:8px;
  width:100%;
  padding:24px 0;
  border:0;
  background:none;
  color:#2a2523;
  font-size:20px;
  font-weight:800;
  line-height:30px;
  text-align:center
}
.lower-faq-number {
  font-size:18px;
  line-height:26px;
  font-weight:500;
  color:#9f001a;
  text-align:left
}
.lower-faq-item h3 img {
  display:block;
  width:24px;
  height:24px;
  transition:transform .3s ease-out
}
.lower-faq-item.is-open h3 img {
  transform:rotate(45deg)
}
.lower-faq-item.is-open h3 button {
  min-height:82px
}
.lower-faq-answer {
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:grid-template-rows .3s ease-out,opacity .3s ease-out
}
.lower-faq-answer>div {
  overflow:hidden;
  min-height:0
}
.lower-faq-answer p {
  font-size:14px;
  font-weight:500;
  line-height:20px;
  text-align:center;
  color:#746c64;
  max-width:640px;
  padding:8px 0 24px;
  margin:auto
}
.lower-faq-item.is-open .lower-faq-answer {
  grid-template-rows:1fr;
  opacity:1
}
.lower-faq-pattern {
  position:absolute;
  pointer-events:none;
  top:0;
  width:201px;
  height:980px;
  transform:scaleY(-1);
  background:linear-gradient(#e5032885,transparent);
  mask-repeat:no-repeat;
  mask-size:201.301px 904.37px;
  mask-position:0 75.639px
}
.lower-faq-pattern-left {
  left:0;
  mask-image:url('assets/lower-faq-pattern-left.svg')
}
.lower-faq-pattern-right {
  right:0;
  mask-image:url('assets/lower-faq-pattern-right.svg')
}
.lower-footer {
  height:700px;
  background:#1d1916;
  border-radius:0 0 32px 32px;
  overflow:hidden;
  color:#e8e5e3
}
.lower-footer-mark {
  display:block;
  position:absolute;
  left:52.78%;
  top:-5.88%;
  width:49.43%;
  height:52.94%;
  pointer-events:none
}
.lower-footer-mark img,.lower-footer-glow img,.lower-footer-type img,.lower-footer-type-loop img {
  display:block;
  width:100%;
  height:100%
}
.lower-footer-glow {
  display:block;
  position:absolute;
  left:50%;
  top:190px;
  transform:translateX(-50%);
  width:118.06%;
  height:980px;
  pointer-events:none
}
.lower-footer-top {
  position:relative;
  padding-top:80px;
  margin:0 80px;
  z-index:1
}
.lower-footer-title {
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  font-size:32px;
  font-weight:800;
  line-height:48px
}
.lower-footer-title img {
  display:block;
  width:48px;
  height:24px;
  flex-shrink:0
}
.lower-social {
  display:flex;
  gap:12px;
  margin-top:24px
}
.lower-social button {
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  background:#1d1916;
  border:1px solid #ffffff12;
  border-radius:50%;
  box-shadow:2px 2px 8px #ffffff0a;
  transition:background .2s
}
.lower-social button:hover {
  background:#9f001a
}
.lower-social img {
  width:24px;
  height:24px;
  display:block
}
.lower-footer-links {
  position:absolute;
  top:259px;
  left:80px;
  right:80px;
  display:flex;
  justify-content:space-between;
  z-index:1
}
.lower-footer-links>div {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px
}
.lower-footer-links h2 {
  font-size:18px;
  font-weight:800;
  line-height:26px;
  color:#f5f5f4
}
.lower-footer-links a,.lower-footer-links button {
  font-size:16px;
  font-weight:400;
  line-height:24px;
  text-decoration:none;
  color:#e8e5e3;
  background:none;
  border:0;
  padding:0;
  position:relative;
  text-align:left
}
.lower-footer-links a:after,.lower-footer-links button:after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:0;
  height:1px;
  background:currentColor;
  transition:width .25s
}
.lower-footer-links a:hover:after,.lower-footer-links button:hover:after {
  width:100%
}
.lower-footer-rule {
  position:absolute;
  top:409px;
  left:40px;
  right:40px;
  height:1px;
  background:#ffffff0d
}
.lower-footer-details {
  position:absolute;
  top:434px;
  left:80px;
  right:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#d7d3d0;
  font-size:16px;
  font-weight:700;
  line-height:22px;
  z-index:1
}
.lower-footer-details button {
  color:inherit;
  font:inherit;
  background:none;
  border:0;
  padding:0
}
.lower-footer-details button:hover {
  text-decoration:underline
}
.lower-footer-type {
  display:block;
  position:absolute;
  width:101.54%;
  height:266px;
  left:50%;
  transform:translateX(-50%);
  bottom:-37px;
  pointer-events:none
}
.lower-footer-type-loop {
  display:block;
  position:absolute;
  width:100.42%;
  height:252px;
  left:50%;
  transform:translateX(-50%);
  top:478px;
  pointer-events:none
}
@media(min-width:1441px) {
  .lower-standards-set {
    width:1484px
  }
  .lower-faq-pattern {
    width:14%
  }
  .lower-footer {
    max-width:1920px;
    margin:auto
  }
}
@media(min-width:701px) and (max-width:1100px) {
  .lower-heading h2 {
    font-size:38px;
    line-height:48px
  }
  .lower-heading h2 span {
    font-size:32px;
    line-height:48px
  }
  .lower-why {
    height:920px;
    padding:60px 20px
  }
  .lower-why-shell {
    height:800px;
    padding-inline:16px
  }
  .lower-why-content {
    height:726px;
    padding:28px 20px
  }
  .lower-values {
    gap:40px 24px;
    margin-top:160px
  }
  .lower-value h3 {
    font-size:16px;
    line-height:24px
  }
  .lower-value p {
    font-size:13px;
    line-height:20px
  }
  .lower-value-photo {
    height:460px;
    bottom:-15px;
    width:43%;
    left:28.5%
  }
  .lower-cta-content {
    width:58%
  }
  .lower-cta h2 {
    font-size:36px;
    line-height:48px
  }
  .lower-cta-content p {
    font-size:16px
  }
  .lower-cta-actions {
    width:100%;
    gap:10px
  }
  .lower-button {
    font-size:12px
  }
  .lower-button span {
    padding-inline:12px
  }
  .lower-faq-pattern {
    width:110px;
    opacity:.6
  }
  .lower-faq-list {
    max-width:75%
  }
  .lower-faq-item h3 button {
    font-size:17px
  }
  .lower-footer-top {
    margin-inline:40px
  }
  .lower-footer-links,.lower-footer-details {
    left:40px;
    right:40px
  }
  .lower-footer-links {
    gap:24px
  }
  .lower-footer-links a,.lower-footer-links button {
    font-size:13px
  }
  .lower-footer-details {
    font-size:13px
  }
}
@media(max-width:700px) {
  .lower-heading h2 {
    font-size:24px;
    line-height:30px;
    margin-top:8px
  }
  .lower-heading h2 span {
    font-size:24px;
    line-height:30px;
    margin-top:2px
  }
  .lower-eyebrow {
    font-size:12px;
    line-height:16px;
    font-weight:600;
    gap:4px
  }
  .lower-eyebrow img {
    width:16px;
    height:8px
  }
  .lower-why {
    height:auto;
    min-height:998px;
    padding:50px 16px
  }
  .lower-why-shell {
    height:auto;
    min-height:898px;
    border-radius:16px;
    padding:36px 8px 8px;
    background-position:48% center
  }
  .lower-standards-ticker {
    top:8px;
    left:8px;
    right:8px;
    height:20px;
    font-size:14px;
    line-height:20px
  }
  .lower-standards-set {
    width:933px;
    max-width:none;
    gap:32px;
    padding:0 32px 0 8px;
    justify-content:flex-start
  }
  .lower-why-content {
    height:auto;
    min-height:854px;
    border-radius:12px;
    padding:24px 14px
  }
  .lower-values {
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:24px;
    align-items:stretch
  }
  .lower-value-photo {
    position:relative;
    width:100%;
    height:200px;
    left:auto;
    bottom:auto;
    border-radius:12px;
    margin-bottom:8px
  }
  .lower-value-photo img {
    width:100%;
    height:100%;
    object-fit:cover;
    transform:none
  }
  .lower-value {
    align-items:center;
    text-align:center
  }
  .lower-value-icon {
    width:32px;
    height:32px;
    margin-bottom:16px
  }
  .lower-value-icon img {
    width:20px;
    height:20px
  }
  .lower-value h3 {
    font-size:16px;
    line-height:20px
  }
  .lower-value p {
    font-size:14px;
    line-height:20px;
    max-width:none;
    margin-top:8px
  }
  .lower-mobile-punctuation {
    display:inline
  }
  .lower-partners {
    height:194px;
    padding:48px 0
  }
  .lower-partners h2 {
    font-size:20px;
    line-height:30px
  }
  .lower-partners-window {
    height:44px;
    margin-top:24px
  }
  .lower-partners-window:before,.lower-partners-window:after {
    width:45%;
    background:linear-gradient(90deg,#fcfbfa,transparent)
  }
  .lower-partners-track {
    left:-21px
  }
  .lower-partner {
    padding:8px 16px;
    font-size:14px;
    line-height:20px;
    gap:12px
  }
  .lower-partner img {
    height:24px;
    width:26.4px
  }
  .lower-partner img[src*="kalleh"] {
    width:41.4px;
    height:24px
  }
  .lower-partner img[src*="bato"] {
    width:25.2px;
    height:28.5px
  }
  .lower-cta {
    height:640px;
    padding:16px
  }
  .lower-cta-frame {
    height:608px;
    border-radius:16px
  }
  .lower-cta-content {
    width:calc(100% - 32px);
    max-width:400px
  }
  .lower-cta h2 {
    font-size:24px;
    line-height:32px
  }
  .lower-cta-content p {
    font-size:14px;
    line-height:20px;
    margin-top:12px;
    max-width:326px
  }
  .lower-cta-actions {
    flex-direction:column;
    width:100%;
    gap:8px;
    margin-top:24px
  }
  .lower-button {
    min-height:37px;
    font-size:12px
  }
  .lower-button span {
    min-height:36px
  }
  .lower-button-dark {
    min-height:39px
  }
  .lower-button-dark span {
    min-height:30px
  }
  .lower-corner {
    display:none
  }
  .lower-cta-product {
    border-radius:8px
  }
  .lower-cta-nuts {
    width:68px;
    height:70px;
    left:auto;
    right:16px;
    top:77px
  }
  .lower-cta-tomato {
    width:77px;
    height:80px;
    left:16px;
    top:auto;
    bottom:48px
  }
  .lower-cta-fries {
    width:100px;
    height:103.5px;
    left:16px;
    top:64px
  }
  .lower-cta-dairy {
    width:93px;
    height:96px;
    left:auto;
    right:16px;
    top:448px
  }
  .lower-cta-corn {
    width:60px;
    height:62px;
    left:35%;
    top:530px
  }
  .lower-cta-pouch {
    width:41px;
    height:42px;
    left:53.07%;
    top:16px
  }
  .lower-faq {
    min-height:771px;
    padding:48px 16px
  }
  .lower-faq-tabs {
    width:286px;
    max-width:100%;
    flex-direction:column;
    gap:8px;
    margin-top:16px;
    padding:4px;
    border-radius:16px
  }
  .lower-faq-tabs button {
    height:24px;
    width:100%;
    font-size:12px;
    border-radius:16px
  }
  .lower-faq-list {
    width:100%;
    margin-top:24px
  }
  .lower-faq-item {
    border-bottom-width:.5px
  }
  .lower-faq-item h3 button {
    grid-template-columns:24px 1fr 16px;
    gap:4px;
    font-size:14px;
    line-height:20px;
    padding:24px 0
  }
  .lower-faq-item.is-open h3 button {
    min-height:68px
  }
  .lower-faq-number {
    font-size:12px;
    line-height:16px;
    font-weight:700
  }
  .lower-faq-item h3 img {
    width:16px;
    height:16px
  }
  .lower-faq-answer p {
    font-size:12px;
    line-height:18px;
    padding:0 12px 24px
  }
  .lower-faq-pattern {
    width:64px;
    height:800px;
    transform:none;
    background:linear-gradient(#e5032847,transparent);
    mask-size:161.041px 723.496px;
    mask-position:0 0
  }
  .lower-faq-pattern-left {
    transform:scaleX(-1);
    mask-position:-97px 0
  }
  .lower-faq-pattern-right {
    mask-position:0 0
  }
  .lower-footer {
    height:620px;
    border-radius:0 0 24px 24px
  }
  .lower-footer-mark {
    left:-1.28%;
    top:0;
    width:102.56%;
    height:208.26px
  }
  .lower-footer-glow {
    width:680px;
    height:440px;
    top:auto;
    bottom:-220px
  }
  .lower-footer-top {
    padding-top:47px;
    margin:0 16px
  }
  .lower-footer-title {
    gap:8px;
    font-size:20px;
    line-height:30px;
    white-space:nowrap
  }
  .lower-footer-title img {
    width:40px;
    height:20px
  }
  .lower-social {
    gap:8px;
    margin-top:16px
  }
  .lower-social button {
    width:36px;
    height:36px;
    border-width:.5px
  }
  .lower-social img {
    width:16px;
    height:16px
  }
  .lower-footer-links {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px 0;
    left:16px;
    right:16px;
    top:153px
  }
  .lower-footer-links>div {
    gap:12px
  }
  .lower-footer-links h2 {
    font-size:14px;
    font-weight:700;
    line-height:20px
  }
  .lower-footer-links a,.lower-footer-links button {
    font-size:12px;
    line-height:24px;
    font-weight:600
  }
  .lower-footer-main {
    grid-column:1;
    grid-row:1
  }
  .lower-footer-holding {
    grid-column:2;
    grid-row:1
  }
  .lower-footer-partnerships {
    grid-column:1;
    grid-row:2
  }
  .lower-footer-services {
    grid-column:2;
    grid-row:2
  }
  .lower-footer-rule {
    left:16px;
    right:16px;
    top:387px
  }
  .lower-footer-details {
    top:412px;
    left:16px;
    right:16px;
    flex-direction:column;
    gap:16px;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    text-align:center
  }
  .lower-footer-details p {
    white-space:nowrap
  }
  .lower-footer-type {
    width:101.3%;
    height:105px;
    bottom:-10.5px
  }
  .lower-footer-type-loop {
    width:100%;
    height:100px;
    bottom:-8px;
    top:auto
  }
}
@media(max-width:370px) {
  .lower-footer-title {
    font-size:17px;
    gap:6px
  }
  .lower-footer-title img {
    width:34px;
    height:17px
  }
  .lower-footer-details {
    font-size:12px
  }
  .lower-footer-links a,.lower-footer-links button {
    font-size:11px
  }
  .lower-faq-item h3 button {
    font-size:12px
  }
  .lower-cta h2 {
    font-size:21px
  }
  .lower-value p {
    font-size:13px
  }
}
@media(prefers-reduced-motion:reduce) {
  .lower-standards-track,.lower-partners-track {
    animation:none
  }
  .lower-faq-answer,.lower-faq-item h3 img {
    transition:none
  }
}
/* Persian font fallback. Supply a licensed Yekan Bakh FaNum webfont to match the source exactly. */
@font-face {
  font-family:Vazirmatn;
  src:url('assets/Vazirmatn-Variable.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap
}
:root {
  --font-fa:'Yekan Bakh FaNum',Vazirmatn,Tahoma,sans-serif
}
html[lang=fa] body {
  font-family:var(--font-fa)
}
html[lang=fa] .demo-controls {
  direction:rtl;
  font-family:var(--font-fa)
}
html[lang=fa] .hero-canvas {
  direction:rtl;
  transform-origin:top left
}
html[lang=fa] .language-toggle {
  direction:ltr
}
html[lang=fa] .skip-link {
  left:auto;
  right:8px
}
/* Persian desktop geometry follows Figma hero 1:13819. */
html[lang="fa"] .hero-shell {
  direction:ltr;
}
html[lang="fa"] .hero-canvas {
  font-family:var(--font-fa);
  direction:rtl;
}
html[lang="fa"] .hero-heading .fa-heading-label {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  border:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  clip-path:inset(50%);
  white-space:nowrap;
  font-size:1px;
  line-height:1;
}
html[lang="fa"] .hero-word-product {
  left:auto;
  right:80px;
  top:413px;
  width:465px;
  height:73px;
}
html[lang="fa"] .hero-word-portfolio {
  left:80px;
  right:auto;
  top:571px;
  width:437px;
  height:73px;
}
html[lang="fa"] .hero-word-product img, html[lang="fa"] .hero-word-portfolio img {
  width:100%;
  height:100%;
  max-width:none;
}
html[lang="fa"] .hero-scatter-position {
  transform:scaleX(-1);
}
html[lang="fa"] .hero-chips {
  left:auto;
  right:80px;
  direction:rtl;
  justify-content:flex-start;
}
html[lang="fa"] .hero-chips .chip {
  font-weight:400;
  line-height:16px;
  flex-shrink:0;
}
html[lang="fa"] .hero-chips [data-category="nuts"] {
  width:133px;
}
html[lang="fa"] .hero-chips [data-category="potato"] {
  width:178px;
}
html[lang="fa"] .hero-chips [data-category="canned"] {
  width:104px;
}
html[lang="fa"] .hero-chips [data-category="dairy"] {
  width:74px;
}
html[lang="fa"] .hero-stats {
  left:80px;
  right:auto;
  direction:ltr;
}
html[lang="fa"] .hero-stat {
  text-align:right;
}
html[lang="fa"] .hero-stat strong {
  font-weight:700;
}
html[lang="fa"] .hero-stat span {
  font-weight:400;
  direction:rtl;
}
html[lang="fa"] .hero-explore {
  left:auto;
  right:80px;
  width:235px;
  padding:4px 24px 4px 4px;
  direction:rtl;
}
html[lang="fa"] .hero-canvas .pill-icon img {
  transform:scaleX(-1);
}
html[lang="fa"] .hero-canvas .hero-explore:is(:hover, :focus-visible) .pill-icon img {
  transform:scaleX(-1) rotate(90deg);
}
html[lang="fa"] .hero-marquee-track {
  position:absolute;
  right:23px;
  padding:0;
  direction:ltr;
  animation-name:fa-hero-ticker;
}
html[lang="fa"] .hero-marquee-track span {
  direction:rtl;
}
@keyframes fa-hero-ticker {
  to {
    transform:translateX(958px);
  }
}
html[lang="fa"] .site-header {
  direction:rtl;
}
html[lang="fa"] .brand-logo {
  width:263px;
  height:42px;
}
html[lang="fa"] .fa-logo {
  width:100%;
  height:100%;
}
html[lang="fa"] .header-menu, html[lang="fa"] .header-menu nav, html[lang="fa"] .header-actions {
  direction:rtl;
}
html[lang="fa"] .header-menu nav {
  font-weight:400;
}
html[lang="fa"] .header-actions .language-toggle {
  direction:ltr;
  font-family:var(--font-fa);
}
html[lang="fa"] .header-actions .pill-button {
  width:163px;
  padding:4px 24px 4px 4px;
}
html[lang="fa"] .nav-dropdown {
  top:64px;
  text-align:right;
  direction:rtl;
}
html[lang="fa"] .nav-dropdown span {
  font-size:14px;
  line-height:20px;
}
html[lang="fa"] .fa-source-home img {
  display:none;
}
/* The file has EN mobile only; this mirrors that layout for Persian. */
@media(max-width:899px) {
  html[lang="fa"] .hero-word-product {
    right:16px;
    top:256px;
    width:186px;
    height:29.2px;
  }
  html[lang="fa"] .hero-word-portfolio {
    left:16px;
    top:605px;
    width:174.8px;
    height:29.2px;
  }
  html[lang="fa"] .hero-chips {
    right:16px;
    width:140px;
    align-items:flex-start;
  }
  html[lang="fa"] .hero-chips .chip {
    width:auto;
    max-width:140px;
    padding:0 12px;
    font-size:12px;
  }
  html[lang="fa"] .hero-chips [data-category="potato"] {
    padding:0 9px;
    font-size:11px;
  }
  html[lang="fa"] .hero-stats {
    left:16px;
    right:auto;
  }
  html[lang="fa"] .hero-explore {
    right:16px;
    width:auto;
    padding:2px 24px 2px 2px;
  }
  html[lang="fa"] .hero-marquee-track {
    right:12px;
  }
  html[lang="fa"] .brand-logo {
    width:200.38px;
    height:32px;
  }
  html[lang="fa"] .header-actions .pill-button {
    width:auto;
    padding:4px 12px 4px 4px;
  }
  html[lang="fa"] .nav-dropdown {
    top:auto;
  }
  html[lang="fa"] .nav-dropdown span {
    font-size:12px;
    line-height:18px;
  }
}
@media(max-width:374px) {
  html[lang="fa"] .hero-word-product {
    width:162.75px;
    height:25.55px;
  }
  html[lang="fa"] .hero-word-portfolio {
    width:152.95px;
    height:25.55px;
  }
}
/* Load after the shared middle.css. Desktop RTL geometry follows Figma's Persian frames.
   Mobile is a responsive adaptation; the source contains no Persian mobile frame. */
.m-fa {
  direction:rtl;
  font-family:var(--font-fa,"Yekan Bakh FaNum",Vazirmatn,Tahoma,sans-serif);
  text-align:right
}
.m-fa .m-brand-copy {
  left:auto;
  right:4.023%;
  text-align:right
}
.m-fa .m-brand-title {
  direction:rtl;
  justify-content:flex-start
}
.m-fa .m-brand-title>.m-brand-logo {
  width:64.8px;
  height:57.6px
}
.m-fa .m-brand-logo img {
  position:absolute;
  left:0;
  top:-6.25%;
  width:103.4795%;
  height:113.8977%;
  max-width:none
}
.m-fa .m-brand-title {
  min-height:58px
}
.m-fa .m-brand-title h2 {
  font-weight:700
}
.m-fa .m-brand-copy>p {
  font-weight:400
}
.m-fa .m-pill>span {
  direction:rtl;
  padding:4px 24px 4px 4px;
  font-weight:400;
  line-height:16px
}
.m-fa .m-pill i img {
  transform:scaleX(-1)
}
.m-fa .m-pill:hover i {
  transform:rotate(-90deg)
}
.m-fa .m-floating-fry-0 {
  left:calc(3.8793% + 8.375px);
  top:221.466px;
  transform:rotate(140.27deg) scaleY(-1)
}
.m-fa .m-floating-fry-1 {
  left:calc(15.176% + 3.884px);
  top:28.99px;
  transform:rotate(-174.02deg)
}
.m-fa .m-floating-fry-2 {
  left:calc(46.7629% - .416px);
  top:189.7895px;
  transform:rotate(-101.83deg)
}
.m-fa .m-floating-fry-3 {
  left:calc(6.569% + 8.33px);
  top:393.438px;
  transform:rotate(138.41deg)
}
.m-fa .m-floating-fry-4 {
  left:calc(28.2967% + 7.839px);
  top:190.217px;
  transform:rotate(-59.4deg)
}
.m-fa .m-eyebrow {
  direction:rtl;
  font-weight:400
}
.m-fa .m-section-heading h2 {
  line-height:64px;
  font-weight:800
}
.m-fa .m-product-tabs {
  direction:rtl
}
.m-fa .m-product-tabs button {
  font-weight:400;
  line-height:16px;
  padding:8px 16px
}
.m-fa .m-product-tabs button[data-category-tab="1"] {
  flex:0 0 auto
}
.m-fa .m-tab-indicator {
  left:7px
}
.m-fa .m-category-gallery,.m-fa .m-category-track,.m-fa .m-products-marquee,.m-fa .m-products-track {
  direction:ltr
}
.m-fa .m-card-caption {
  font-family:"Plus Jakarta Sans",sans-serif;
  direction:ltr;
  text-align:left
}
.m-fa .m-catalog-art {
  direction:ltr
}
.m-fa .m-catalog-label {
  direction:rtl;
  text-align:center;
  width:208px;
  font-weight:400;
  line-height:16px
}
.m-fa .m-industry-intro {
  left:auto;
  right:5.556%;
  width:558px;
  text-align:right
}
.m-fa .m-industry-intro h2 {
  line-height:64px;
  font-weight:800
}
.m-fa .m-industry-intro>p {
  font-size:18px;
  line-height:26px;
  font-weight:400
}
.m-fa .m-industry-list {
  direction:rtl
}
.m-fa .m-industry-0 {
  left:10.556%;
  top:170px
}
.m-fa .m-industry-1 {
  left:7.222%;
  top:247px
}
.m-fa .m-industry-2 {
  left:5.556%;
  top:331px
}
.m-fa .m-industry-3 {
  left:3.542%;
  top:400px
}
.m-fa .m-industry-4 {
  left:9.514%;
  top:469px
}
.m-fa .m-industry-title {
  direction:rtl;
  left:auto;
  right:0;
  font-weight:400
}
.m-fa .m-industry-number {
  font-feature-settings:normal
}
.m-fa .m-industry.is-active .m-industry-title {
  font-weight:700
}
.m-fa .m-industry-preview {
  left:0;
  right:auto
}
.m-fa .m-guidance {
  left:auto;
  right:5.556%;
  top:480px;
  gap:32px;
  text-align:right;
  align-items:flex-start
}
.m-fa .m-guidance-copy {
  align-items:flex-start
}
.m-fa .m-guidance h3 {
  font-size:32px;
  line-height:48px;
  font-weight:700
}
.m-fa .m-guidance-copy>p:last-child {
  font-weight:400
}
.m-fa .m-yellow-stick-0 {
  left:8%;
  transform:rotate(-9deg)
}
.m-fa .m-yellow-stick-1 {
  left:22%;
  transform:rotate(-66deg)
}
.m-fa .m-yellow-stick-2 {
  left:35%;
  transform:rotate(28deg)
}
.m-fa .m-yellow-stick-3 {
  left:12%;
  transform:rotate(-88deg)
}
@media(min-width:701px) and (max-width:1100px) {
  .m-fa .m-brand-copy {
    width:44%
  }
  .m-fa .m-industry-intro {
    width:45%
  }
  .m-fa .m-industry-intro h2 {
    font-size:38px;
    line-height:52px
  }
  .m-fa .m-industry-intro>p {
    font-size:16px;
    line-height:24px
  }
  .m-fa .m-industry {
    transform:scale(.75);
    transform-origin:left center
  }
  .m-fa .m-industry-0 {
    left:6%
  }
  .m-fa .m-industry-1 {
    left:3%
  }
  .m-fa .m-industry-2 {
    left:1%
  }
  .m-fa .m-industry-3 {
    left:0
  }
  .m-fa .m-industry-4 {
    left:5%
  }
  .m-fa .m-guidance {
    width:42%
  }
  .m-fa .m-guidance h3 {
    font-size:28px;
    line-height:40px
  }
}
@media(max-width:700px) {
  .m-fa,.m-fa button {
    font-family:var(--font-fa,"Yekan Bakh FaNum",Vazirmatn,Tahoma,sans-serif)
  }
  .m-fa .m-brand-copy {
    right:auto;
    left:auto;
    width:100%
  }
  .m-fa .m-brand-title>.m-brand-logo {
    width:46.2px;
    height:40.6px
  }
  .m-fa .m-brand-title {
    min-height:40.6px
  }
  .m-fa .m-brand-title h2 {
    font-size:24px;
    line-height:30px
  }
  .m-fa .m-brand-copy>p {
    font-size:14px;
    line-height:22px
  }
  .m-fa .m-pill>span {
    font-size:12px;
    line-height:16px
  }
  .m-fa .m-floating-fry-0 {
    left:4%;
    top:135px
  }
  .m-fa .m-floating-fry-1 {
    left:22%;
    top:23px;
    transform:rotate(-174.02deg)
  }
  .m-fa .m-floating-fry-3 {
    left:16%;
    top:222px
  }
  .m-fa .m-section-heading h2 {
    font-size:28px;
    line-height:34px
  }
  .m-fa .m-eyebrow {
    font-size:14px;
    line-height:20px
  }
  .m-fa .m-product-tabs {
    direction:rtl
  }
  .m-fa .m-product-tabs button,.m-fa .m-product-tabs button[data-category-tab="1"] {
    flex:0 0 32px;
    font-size:14px;
    line-height:20px;
    padding:4px 12px
  }
  .m-fa .m-catalog-label {
    font-size:16px;
    line-height:16px
  }
  .m-fa .m-product-catalog .m-catalog-label {
    font-size:20px
  }
  .m-fa .m-industry-intro {
    right:16px;
    left:auto;
    top:48px;
    width:calc(100% - 32px)
  }
  .m-fa .m-industry-intro h2 {
    font-size:28px;
    line-height:38px;
    margin-bottom:12px
  }
  .m-fa .m-industry-intro>p {
    font-size:14px;
    line-height:22px
  }
  .m-fa .m-industry {
    left:auto;
    width:285px;
    height:115.13px;
    transform:none
  }
  .m-fa .m-industry-0 {
    right:20.513%;
    top:182px
  }
  .m-fa .m-industry-1 {
    right:12.308%;
    top:249.13px
  }
  .m-fa .m-industry-2 {
    right:26.923%;
    top:316.26px
  }
  .m-fa .m-industry-3 {
    right:4.103%;
    top:383.38px
  }
  .m-fa .m-industry-4 {
    right:25.641%;
    top:450.51px
  }
  .m-fa .m-industry-title {
    font-size:16px!important;
    gap:8px;
    line-height:24px
  }
  .m-fa .m-industry-preview {
    left:0;
    right:auto
  }
  .m-fa .m-guidance {
    top:630px;
    right:16px;
    left:auto;
    width:calc(100% - 32px);
    gap:24px
  }
  .m-fa .m-guidance h3 {
    font-size:28px;
    line-height:38px
  }
  .m-fa .m-guidance-copy>p:last-child {
    font-size:14px;
    line-height:22px
  }
  .m-fa .m-yellow-stick-0 {
    left:12%;
    top:24px
  }
  .m-fa .m-yellow-stick-1 {
    left:13%;
    top:213px
  }
  .m-fa .m-yellow-stick-3 {
    left:13%;
    top:273px
  }
}
/* Append after shared styles; source-fa desktop typography and RTL composition. */
:lang(fa) .lower-why,:lang(fa) .lower-partners,:lang(fa) .lower-cta,:lang(fa) .lower-faq,:lang(fa) .lower-footer {
  font-family:var(--font-fa,"Yekan Bakh FaNum",Vazirmatn,Tahoma,sans-serif)
}
:lang(fa) .lower-eyebrow,:lang(fa) .lower-value p,:lang(fa) .lower-standards-ticker,:lang(fa) .lower-partner,:lang(fa) .lower-cta-content p,:lang(fa) .lower-button,:lang(fa) .lower-faq-tabs button,:lang(fa) .lower-faq-number,:lang(fa) .lower-faq-answer p,:lang(fa) .lower-footer-links a,:lang(fa) .lower-footer-links button,:lang(fa) .lower-footer-details {
  font-weight:400
}
:lang(fa) .lower-heading h2 {
  line-height:64px
}
:lang(fa) .lower-heading h2 span {
  line-height:60px
}
:lang(fa) .lower-values {
  direction:ltr;
  margin-top:154px;
  grid-template-rows:356px
}
:lang(fa) .lower-value-column {
  display:flex;
  flex-direction:column;
  gap:48px;
  grid-row:1
}
:lang(fa) .lower-value-column-right {
  grid-column:3
}
:lang(fa) .lower-value-column-left {
  grid-column:1
}
:lang(fa) .lower-value {
  direction:rtl
}
:lang(fa) .lower-value h3,:lang(fa) .lower-value p {
  width:100%
}
:lang(fa) .lower-value h3 {
  font-weight:700
}
:lang(fa) .lower-value-development,:lang(fa) .lower-value-quality {
  grid-column:3;
  align-items:flex-end;
  text-align:left
}
:lang(fa) .lower-value-sourcing,:lang(fa) .lower-value-packaging {
  grid-column:1;
  align-items:flex-start;
  text-align:right
}
:lang(fa) .lower-value-sourcing .lower-value-icon img,:lang(fa) .lower-value-packaging .lower-value-icon img {
  width:28px;
  height:28px
}
:lang(fa) .lower-standards-track {
  direction:ltr;
  position:absolute;
  left:0
}
:lang(fa) .lower-standards-set span {
  direction:rtl
}
@media(min-width:701px) {
  :lang(fa) .lower-standards-track {
    width:200%
  }
  :lang(fa) .lower-standards-set {
    width:50%;
    max-width:none;
    flex-shrink:0;
    padding:0 24px
  }
}
:lang(fa) .lower-partners h2 {
  font-weight:700
}
:lang(fa) .lower-partners-window {
  direction:ltr
}
:lang(fa) .lower-partners-track {
  direction:ltr;
  left:-46px;
  background:white
}
:lang(fa) .lower-partner {
  direction:rtl
}
:lang(fa) .lower-cta h2 {
  line-height:64px
}
:lang(fa) .cta-line-1,:lang(fa) .cta-line-2 {
  display:block
}
:lang(fa) .cta-line-2 {
  margin-top:2px
}
:lang(fa) .lower-cta-content p {
  line-height:26px
}
:lang(fa) .lower-faq .lower-heading h2 .faq-line-1 {
  font:inherit;
  color:#2a2523;
  line-height:64px;
  margin-top:0
}
:lang(fa) .lower-faq .lower-heading h2 .faq-line-2 {
  line-height:60px
}
:lang(fa) .lower-faq-list {
  margin-top:40px
}
:lang(fa) .lower-faq-item h3 button {
  direction:rtl;
  font-weight:700
}
:lang(fa) .lower-faq-number {
  direction:ltr;
  text-align:right
}
:lang(fa) .lower-footer {
  height:800px
}
:lang(fa) .lower-footer-mark {
  top:-5.15%;
  left:0;
  width:49.43%;
  height:46.33%
}
:lang(fa) .lower-footer-glow {
  top:360px;
  width:118.06%;
  height:880px
}
:lang(fa) .lower-footer-title {
  justify-content:flex-start;
  font-weight:700
}
:lang(fa) .lower-footer-top {
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
:lang(fa) .lower-social {
  direction:ltr
}
:lang(fa) .lower-footer-links>div {
  align-items:flex-start
}
:lang(fa) .lower-footer-links h2 {
  font-weight:700
}
:lang(fa) .lower-footer-links a,:lang(fa) .lower-footer-links button {
  text-align:right
}
:lang(fa) .lower-footer-links a:after,:lang(fa) .lower-footer-links button:after {
  left:auto;
  right:0
}
:lang(fa) .lower-footer-details {
  line-height:24px
}
:lang(fa) .lower-footer-details>button:first-child {
  width:192px;
  text-align:right
}
:lang(fa) .lower-footer-details>button:last-child {
  width:192px;
  text-align:left
}
:lang(fa) .lower-footer .lower-footer-type-fa {
  width:calc(100% - 26px);
  height:306px;
  bottom:4px;
  left:50%;
  transform:translateX(-50%);
  color:#2a2523;
  font-weight:900;
  font-size:clamp(100px,20.833vw,300px);
  line-height:1;
  white-space:nowrap;
  text-align:center;
  filter:blur(2px)
}
:lang(fa) .lower-footer-type-loop {
  width:96.271%;
  height:314px;
  top:auto;
  bottom:0;
  left:calc(50% - 1.85px)
}
:lang(fa) .footer-loop-desktop,:lang(fa) .footer-loop-desktop img,:lang(fa) .footer-loop-desktop svg {
  display:block;
  width:100%;
  height:100%
}
@media(min-width:701px) and (max-width:1100px) {
  :lang(fa) .lower-heading h2,:lang(fa) .lower-faq .lower-heading h2 .faq-line-1 {
    line-height:48px
  }
  :lang(fa) .lower-heading h2 span,:lang(fa) .lower-faq .lower-heading h2 .faq-line-2 {
    line-height:48px
  }
  :lang(fa) .lower-values {
    margin-top:160px;
    grid-template-rows:348px
  }
  :lang(fa) .lower-value-column {
    gap:40px
  }
  :lang(fa) .lower-cta h2 {
    line-height:48px
  }
  :lang(fa) .lower-faq-list {
    margin-top:44px
  }
}
@media(max-width:700px) {
  :lang(fa) .lower-heading h2,:lang(fa) .lower-heading h2 span,:lang(fa) .lower-faq .lower-heading h2 .faq-line-1,:lang(fa) .lower-faq .lower-heading h2 .faq-line-2 {
    line-height:34px
  }
  :lang(fa) .lower-values {
    margin-top:24px
  }
  :lang(fa) .lower-value-column {
    gap:16px
  }
  :lang(fa) .lower-value-sourcing .lower-value-icon img,:lang(fa) .lower-value-packaging .lower-value-icon img {
    width:20px;
    height:20px
  }
  :lang(fa) .lower-value-development,:lang(fa) .lower-value-quality,:lang(fa) .lower-value-sourcing,:lang(fa) .lower-value-packaging {
    align-items:center;
    text-align:center
  }
  :lang(fa) .lower-partners-track {
    left:-21px;
    background:transparent
  }
  :lang(fa) .lower-cta h2 {
    line-height:34px
  }
  :lang(fa) .lower-cta-content p {
    line-height:22px
  }
  :lang(fa) .lower-faq-list {
    margin-top:24px
  }
  :lang(fa) .lower-faq-answer p {
    line-height:20px
  }
  :lang(fa) .lower-footer {
    height:650px
  }
  :lang(fa) .lower-footer-mark {
    left:0;
    top:0;
    width:100%;
    height:208px
  }
  :lang(fa) .lower-footer-glow {
    width:680px;
    height:440px;
    top:auto;
    bottom:-200px
  }
  :lang(fa) .lower-footer-top {
    margin-inline:16px
  }
  :lang(fa) .lower-footer-title {
    font-size:20px;
    line-height:30px
  }
  :lang(fa) .lower-footer-links {
    direction:rtl;
    grid-template-columns:1fr 1fr;
    gap:24px 16px
  }
  :lang(fa) .lower-footer-links a,:lang(fa) .lower-footer-links button {
    white-space:normal;
    font-size:12px;
    line-height:24px
  }
  :lang(fa) .lower-footer-details {
    line-height:22px
  }
  :lang(fa) .lower-footer-details>button:first-child,:lang(fa) .lower-footer-details>button:last-child {
    width:auto;
    text-align:center
  }
  :lang(fa) .lower-footer-details p {
    white-space:normal;
    font-size:13px
  }
  :lang(fa) .lower-footer .lower-footer-type-fa {
    height:130px;
    bottom:0;
    font-size:clamp(60px,20.833vw,146px)
  }
  :lang(fa) .lower-footer-type-loop {
    height:130px;
    bottom:0;
    left:50%;
    width:98%
  }
  :lang(fa) .footer-loop-desktop {
    display:block
  }
}
#hero[data-motion-paused="true"] * {
  animation-play-state:paused;
}
html[lang=fa] .footer-gradient-move {
  animation-name:footer-light-fa
}
@keyframes footer-light-fa {
  to {
    transform:translateX(-1630px)
  }
}

/* Laravel integration: the shared site header stays canonical while using the
   dark-on-light treatment shown in the Food Portfolio hero. */
body.products-page {
  min-width: 320px;
  background: var(--paper);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html[dir="rtl"] body.products-page {
  font-family: var(--font-fa, "Yekan Bakh FaNum", Tahoma, sans-serif);
}
body.products-page :where(button, a) {
  touch-action: manipulation;
}
#page-hero .header.wrap {
  color: var(--ink);
}
#page-hero .header .brand__logo,
#page-hero .header .mobile-menu__brand img {
  content: var(--food-header-logo);
}
html[lang="fa"] #page-hero .header .brand__logo,
html[lang="fa"] #page-hero .header .mobile-menu__brand img {
  content: url('assets/hero-fa-logo.svg');
}
#page-hero .header .nav__link {
  color: var(--ink);
}
#page-hero .header .nav__chevron {
  filter: brightness(0) saturate(100%);
}
#page-hero .header .language {
  background: #f5f5f4;
  box-shadow: inset 0 0 0 1px var(--line);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#page-hero .header .language::before {
  background: var(--ink);
}
#page-hero .header .language__btn {
  color: var(--ink);
  font-family: 'Plus Jakarta Sans', Arial, sans-serif;
  line-height: 1;
}
#page-hero .header .language__btn.is-active {
  color: #fff;
}
#page-hero .header .pill--light {
  color: #fff;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(42, 37, 35, .5);
}
#page-hero .header .pill--light::before {
  background: var(--ink);
}
#page-hero .header .pill--light .pill__icon {
  background: #fff;
  color: var(--ink);
}
#page-hero .header .pill--light .pill__icon svg path {
  fill: var(--ink);
}
#page-hero .header .pill--light:is(:hover, :focus-visible) {
  color: #fff;
  background: #fff;
}
#page-hero .header .pill--light:is(:hover, :focus-visible)::before {
  background: #433a36;
}
#page-hero .header .pill--light:is(:hover, :focus-visible) .pill__icon {
  background: #fff;
  color: var(--ink);
}
#page-hero .header .menu {
  border-color: var(--line);
  background: rgba(255, 255, 255, .76);
}
#page-hero .header .menu img {
  filter: brightness(0) saturate(100%);
}
#page-hero .header .dropdown {
  border-color: var(--line);
}

/* Interactive component states mirrored from the component sheet. */
.chip,
.m-pill,
.m-catalog,
.m-product-tabs button,
.m-product-card,
.m-industry-title,
.lower-button,
.lower-faq-tabs button,
.lower-faq-item h3 button {
  touch-action: manipulation;
}
.m-product-tabs button[aria-selected="true"] {
  font-weight: 700;
}
.m-brand-indicators button[aria-pressed="true"] {
  background: #e5c4ca;
}
.m-brand-indicators button[aria-pressed="true"] span {
  background: var(--red);
}
.m-catalog:is(:focus-visible, .is-pressed) .m-catalog-label {
  color: #fff;
}
.m-catalog:is(:focus-visible, .is-pressed) .m-book-0 {
  transform: rotate(-15deg);
}
.m-catalog:is(:focus-visible, .is-pressed) .m-book-1 {
  transform: rotate(2deg);
}
.m-catalog:is(:focus-visible, .is-pressed) .m-book-2 {
  transform: rotate(15deg);
}
.m-catalog:is(:focus-visible, .is-pressed) .m-catalog-label::before {
  left: -1px;
  width: 208px;
  opacity: 1;
}
.m-pill:focus-visible i {
  transform: rotate(90deg);
}
html[dir="rtl"] .m-pill:focus-visible i {
  transform: rotate(-90deg);
}
.m-product-card[aria-pressed="true"] .m-card-caption {
  transform: translateY(0);
}
@media (max-width: 700px) {
  /* These heights are the current 390px Figma frame sections. */
  .hero-shell,
  .hero-canvas { height: 800px; }
  .m-brands { height: 544px; }
  .m-products { height: 772px; }
  .m-industries-inner { height: 866px; }
  .lower-why { min-height: 998px; }
  .lower-partners { height: 194px; }
  .lower-cta { height: 640px; }
  .lower-faq { min-height: 771px; }
}

@media (prefers-reduced-motion: reduce) {
  .m-pill,
  .m-catalog,
  .m-product-card,
  .lower-button {
    transition: none;
  }
}

/* Exact component-sheet hover/pressed deltas. */
.m-product-tabs button {
  transition: background-color 200ms ease-out, color 200ms ease-out;
}
.m-product-tabs button:is(:hover, :focus-visible, :active) {
  background: #ffdae0;
  color: var(--red);
}
.m-product-card {
  transition: border-color 300ms ease-out, box-shadow 300ms ease-out, transform 160ms ease-out;
}
.m-product-card:is(:hover, :focus-visible, .is-selected, [aria-pressed="true"]) {
  border-color: var(--red);
  box-shadow: 0 0 16px rgba(229, 3, 40, .25);
}
.m-catalog:is(:hover, :focus-visible, :active, .is-pressed) .m-catalog-label {
  color: #fff;
}
.m-catalog:is(:hover, :focus-visible, :active, .is-pressed) .m-book-0 {
  transform: rotate(-15deg);
}
.m-catalog:is(:hover, :focus-visible, :active, .is-pressed) .m-book-1 {
  transform: rotate(2deg);
}
.m-catalog:is(:hover, :focus-visible, :active, .is-pressed) .m-book-2 {
  transform: rotate(15deg);
}
.m-catalog:is(:hover, :focus-visible, :active, .is-pressed) .m-catalog-label::before {
  left: -1px;
  width: 208px;
  opacity: 1;
}

/* Database-edited Persian hero titles fall back to live text; canonical copy keeps the exact Figma SVG artwork. */
html[lang="fa"] .hero-heading .hero-word-text {
  width:auto;
  height:auto;
  font-size:96px;
  line-height:1;
  font-weight:800;
}
@media(max-width:899px) {
  html[lang="fa"] .hero-heading .hero-word-text {
    width:auto;
    height:auto;
    max-width:358px;
    font-size:48px;
    line-height:48px;
  }
}
@media(max-width:374px) {
  html[lang="fa"] .hero-heading .hero-word-text {
    width:auto;
    height:auto;
    max-width:calc(100vw - 32px);
    font-size:42px;
    line-height:42px;
  }
}

.hero-shell.is-section-disabled,
.hero-shell.is-section-disabled .hero-canvas {
  height:96px;
  min-height:96px;
}
.hero-shell.is-section-disabled .hero-warehouse,
.hero-shell.is-section-disabled .hero-shade {
  display:none;
}
@media(max-width:899px) {
  .hero-shell.is-section-disabled,
  .hero-shell.is-section-disabled .hero-canvas {
    height:64px;
    min-height:64px;
  }
}