*, ::before, ::after {
  box-sizing: border-box;
}

html, body {
  margin: 0px;
  padding: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(233, 232, 227);
  -webkit-font-smoothing: antialiased;
}

body {
  margin: 0px;
  font-family: var(--font-body);
  font-size: var(--text-regular);
  font-weight: var(--fw-regular);
  line-height: var(--lh-body);
  color: var(--color-neutral-darkest);
  background-color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
}

body.has-overlay {
  overflow-x: hidden;
  overflow-y: hidden;
}

a {
  text-decoration-line: underline;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  text-underline-offset: 0.2em;
  transition: opacity var(--motion-fast) var(--ease-in-out);
}

a:hover {
  opacity: 0.7;
}

button {
  padding: 0px;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-variant-alternates: inherit;
  font-variant-position: inherit;
  font-variant-emoji: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  color: inherit;
  background-image: none;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  cursor: pointer;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

@keyframes sheetUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes popIn {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes riseIn {
  0% {
    opacity: 0;
    transform: translateY(14px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes lineGrow {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

@keyframes drift {
  0% {
    transform: scale(1.06) translate(0px, 0px);
  }
  50% {
    transform: scale(1.12) translate(-1.5%, -1%);
  }
  100% {
    transform: scale(1.06) translate(0px, 0px);
  }
}

@keyframes badgePop {
  0% {
    opacity: 0;
    transform: scale(0.86);
  }
  60% {
    transform: scale(1.04);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes scan {
  0% {
    left: -30%;
  }
  100% {
    left: 100%;
  }
}

.filter-bar {
  position: sticky;
  top: 0px;
  z-index: 40;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(233, 232, 227);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(20, 20, 15);
  animation-duration: 0.7s;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
  animation-delay: 0.24s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: riseIn;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  margin-bottom: clamp(10px, 3vw, 16px);
}

.chip {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: flex-start;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  cursor: pointer;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 16px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition-behavior: normal, normal, normal, normal;
  transition-duration: 0.18s, 0.18s, 0.18s, 0.18s;
  transition-timing-function: ease, ease, ease, cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: 0s, 0s, 0s, 0s;
  transition-property: background-color, border-color, color, transform;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(182, 180, 172);
  border-right-color: rgb(182, 180, 172);
  border-bottom-color: rgb(182, 180, 172);
  border-left-color: rgb(182, 180, 172);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  color: rgb(87, 86, 79);
  padding: 0.4375em 0.875em 0.5625em;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .chip {
  padding: 0.5625em 0.875em;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: 0;
  }
}

@media (max-width: 375px) {
  .chip {
  padding: 0.4375em 0.875em 0.5625em;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: bold;
  }
}

.chip:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(46, 46, 38);
  border-top-color: rgb(46, 46, 38);
  border-right-color: rgb(46, 46, 38);
  border-bottom-color: rgb(46, 46, 38);
  border-left-color: rgb(46, 46, 38);
  color: rgb(233, 232, 227);
  transform: translateY(-1px);
}

.chip.is-active {
  border-top-color: rgb(20, 20, 15);
  border-right-color: rgb(20, 20, 15);
  border-bottom-color: rgb(20, 20, 15);
  border-left-color: rgb(20, 20, 15);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(20, 20, 15);
  color: rgb(233, 232, 227);
}

.chip.is-active.is-strike {
  text-decoration-line: line-through;
  text-decoration-style: initial;
  text-decoration-color: initial;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}

.filter-toggle-btn {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  letter-spacing: 0.16em;
  font-weight: 700;
  transition-behavior: normal, normal;
  transition-duration: 0.18s, 0.18s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: color, gap;
  text-transform: uppercase;
}

.filter-toggle-btn:hover {
  row-gap: 12px;
  column-gap: 12px;
  color: var(--primary);
  text-decoration: underline;
}

.filter-toggle-btn svg {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: block;
}

.filter-pill {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 9.5px 14px 8.5px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(182, 180, 172);
  border-right-color: rgb(182, 180, 172);
  border-bottom-color: rgb(182, 180, 172);
  border-left-color: rgb(182, 180, 172);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  color: rgb(87, 86, 79);
  line-height: 1.2;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition-behavior: normal, normal, normal, normal;
  transition-duration: 0.18s, 0.18s, 0.18s, 0.18s;
  transition-timing-function: ease, ease, ease, cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: 0s, 0s, 0s, 0s;
  transition-property: background-color, border-color, color, transform;
  font-weight: bold;
}

.filter-pill:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(46, 46, 38);
  border-top-color: rgb(46, 46, 38);
  border-right-color: rgb(46, 46, 38);
  border-bottom-color: rgb(46, 46, 38);
  border-left-color: rgb(46, 46, 38);
  color: rgb(233, 232, 227);
  transform: translateY(-1px);
}

.filter-pill svg {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: block;
}

.overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 90;
  overflow-y: auto;
  display: none;
}

.overlay.is-open {
  display: block;
}

.overlay-scrim {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(20, 20, 15, 0.5);
  animation-duration: 0.2s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: fadeIn;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

.btn-solid {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  height: 48px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(20, 20, 15);
  border-right-color: rgb(20, 20, 15);
  border-bottom-color: rgb(20, 20, 15);
  border-left-color: rgb(20, 20, 15);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(20, 20, 15);
  color: rgb(233, 232, 227);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition-behavior: normal, normal;
  transition-duration: 0.18s, 0.25s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: background, letter-spacing;
}

.btn-solid:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(46, 46, 38);
  letter-spacing: 0.22em;
}

.menu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
  row-gap: clamp(4px, 2vw, 12px);
  column-gap: clamp(24px, 4vw, 44px);
}

.item-card {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(201, 199, 191);
  padding: clamp(20px, 4vw, 26px) 0px clamp(22px, 4.5vw, 30px);
  cursor: pointer;
  transition-behavior: normal, normal, normal;
  transition-duration: 0.6s, 0.7s, 0.45s;
  transition-timing-function: ease, cubic-bezier(0.2, 0.8, 0.2, 1), ease;
  transition-delay: 0s, 0s, 0s;
  transition-property: opacity, transform, border-color;
  display: flex;
  flex-direction: column;
  row-gap: clamp(14px, 3vw, 20px);
  column-gap: clamp(14px, 3vw, 20px);
  opacity: 0;
  transform: translateY(16px);
}

.item-card.is-visible {
  opacity: 1;
  transform: translateY(0px);
}

.item-card.is-hidden-filter {
  display: none;
}

.item-media {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow-x: hidden;
  overflow-y: hidden;
  background-image: repeating-linear-gradient(135deg, rgb(218, 216, 209) 0px, rgb(218, 216, 209) 6px, rgb(228, 226, 219) 6px, rgb(228, 226, 219) 12px);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.item-media img {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item-media-label {
  position: absolute;
  left: 10px;
  bottom: 9px;
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgb(107, 106, 99);
}

.item-tag {
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgb(140, 58, 40);
  margin-bottom: 7px;
}

.item-name {
  margin: 0px 0px 7px;
  font-size: 19px;
  line-height: 1.15;
  letter-spacing: -0.015em;
  font-weight: 600;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
}

.item-price {
  font-size: 12px;
  letter-spacing: 0.06em;
  margin-top: 11px;
}

@media (max-width: 768px) {
  .item-price {
  font-weight: bold;
  }
}

.btn-add {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 38px;
  height: 38px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(20, 20, 15);
  border-right-color: rgb(20, 20, 15);
  border-bottom-color: rgb(20, 20, 15);
  border-left-color: rgb(20, 20, 15);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(233, 232, 227);
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  transition-behavior: normal, normal;
  transition-duration: 0.15s, 0.15s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: background, color;
  padding-bottom: 1px;
}

.btn-add:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(20, 20, 15);
  color: rgb(233, 232, 227);
}

.btn-add span {
  font-size: 19px;
  line-height: 1;
  font-weight: 300;
  margin-top: -2px;
}

.item-noted {
  display: none;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  align-self: flex-start;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(20, 20, 15);
  color: rgb(233, 232, 227);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(20, 20, 15);
  border-right-color: rgb(20, 20, 15);
  border-bottom-color: rgb(20, 20, 15);
  border-left-color: rgb(20, 20, 15);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  cursor: pointer;
  padding: 7px 12px 7px 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition-behavior: normal, normal, normal;
  transition-duration: 0.18s, 0.18s, 0.18s;
  transition-timing-function: ease, ease, ease;
  transition-delay: 0s, 0s, 0s;
  transition-property: background, color, border-color;
}

.item-noted.is-shown {
  display: inline-flex;
  animation-duration: 0.38s;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: badgePop;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

.item-noted:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  color: rgb(140, 58, 40);
  border-top-color: rgb(140, 58, 40);
  border-right-color: rgb(140, 58, 40);
  border-bottom-color: rgb(140, 58, 40);
  border-left-color: rgb(140, 58, 40);
  text-decoration-line: line-through;
  text-decoration-style: initial;
  text-decoration-color: initial;
  text-decoration-thickness: 1.5px;
}

.item-noted svg {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: block;
}

.empty-state {
  padding: 70px 0px;
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgb(107, 106, 99);
  display: none;
}

.empty-state.is-shown {
  display: block;
}

.note-fab {
  position: fixed;
  right: clamp(14px, 4vw, 24px);
  bottom: calc(clamp(14px,4vw,24px) + env(safe-area-inset-bottom,0px));
  z-index: 60;
  height: 54px;
  padding: 0px clamp(16px, 4vw, 20px);
  max-width: calc(100vw - (2 * clamp(14px, 4vw, 24px)));
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(20, 20, 15);
  border-right-color: rgb(20, 20, 15);
  border-bottom-color: rgb(20, 20, 15);
  border-left-color: rgb(20, 20, 15);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 27px;
  border-top-right-radius: 27px;
  border-bottom-right-radius: 27px;
  border-bottom-left-radius: 27px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(20, 20, 15);
  color: rgb(233, 232, 227);
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  box-shadow: rgba(20, 20, 15, 0.22) 0px 6px 24px;
  transition-behavior: normal, normal;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1), ease;
  transition-delay: 0s, 0s;
  transition-property: transform, box-shadow;
}

.note-fab:hover {
  transform: translateY(-2px);
  box-shadow: rgba(20, 20, 15, 0.3) 0px 12px 32px;
}

.note-fab-label {
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.note-fab-count {
  min-width: 22px;
  height: 22px;
  padding: 0px 6px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(140, 58, 40);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: 0s;
  transition-property: transform;
}

.note-fab-count.is-bump {
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: badgePop;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

.sheet-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 70;
  display: none;
}

.sheet-overlay.is-open {
  display: block;
}

.sheet-scrim {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(20, 20, 15, 0.42);
  animation-duration: 0.2s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: fadeIn;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

.note-line {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 14px 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(201, 199, 191);
}

.note-line-qty {
  font-size: 13px;
  width: 34px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.note-line-info {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0px;
}

.note-line-name {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.note-line-meta {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgb(107, 106, 99);
  margin-top: 5px;
}

.note-line-actions {
  display: flex;
  row-gap: 6px;
  column-gap: 6px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.icon-btn {
  width: 34px;
  height: 34px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(20, 20, 15);
  border-right-color: rgb(20, 20, 15);
  border-bottom-color: rgb(20, 20, 15);
  border-left-color: rgb(20, 20, 15);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  font-size: 15px;
  line-height: 1;
  transition-behavior: normal, normal, normal;
  transition-duration: 0.18s, 0.18s, 0.18s;
  transition-timing-function: ease, ease, cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: 0s, 0s, 0s;
  transition-property: background, color, transform;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-btn:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(20, 20, 15);
  color: rgb(233, 232, 227);
  transform: translateY(-1px);
}

.icon-btn-remove {
  border-top-color: rgb(140, 58, 40);
  border-right-color: rgb(140, 58, 40);
  border-bottom-color: rgb(140, 58, 40);
  border-left-color: rgb(140, 58, 40);
  color: rgb(140, 58, 40);
}

.icon-btn-remove:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(140, 58, 40);
  color: rgb(233, 232, 227);
  transform: rotate(90deg);
}

.note-empty {
  padding: 56px 0px;
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgb(107, 106, 99);
  display: none;
}

.note-empty.is-shown {
  display: block;
}

.note-summary {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0px 0px;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.note-summary.is-shown {
  display: flex;
}

.item-detail-media {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow-x: hidden;
  overflow-y: hidden;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(20, 20, 15);
  background-image: repeating-linear-gradient(135deg, rgb(218, 216, 209) 0px, rgb(218, 216, 209) 6px, rgb(228, 226, 219) 6px, rgb(228, 226, 219) 12px);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.item-data {
  display: none;
}

.site-nav__logo {
  position: relative;
  z-index: 50;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: block;
  height: 50;
}

.site-nav__link {
  display: block;
  padding: var(--space-2) var(--space-4);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  padding: 0px;
  font-size: var(--text-xs);
}

.site-nav__menu {
  display: none;
  margin-left: var(--space-xl);
}

@media (min-width: 1024px) {
  .site-nav__menu {
  display: flex;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.site-nav__toggle {
  position: relative;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 0px;
  line-height: 0;
  color: var(--scheme-text);
  margin-right: -0.5rem;
}

@media (min-width: 1024px) {
  .site-nav__toggle {
  display: none;
  }
}

@media (min-width: 769px) {
  .site-nav__toggle {
  display: none;
  }
}

@media (max-width: 768px) {
  .site-nav__toggle {
  justify-content: flex-end;
  }
}

.site-nav__overlay-links {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  padding-inline: var(--section-padding-inline);
}

@media (min-width: 768px) {
  .site-nav__overlay-links {
  padding-block: var(--space-20);
  gap: var(--space-3);
  }
}

.stack {
  display: flex;
  flex-direction: column;
}

.stack--4 {
  gap: var(--space-4);
}

.field__label {
  font-size: var(--text-small);
}

.field__control {
  width: 100%;
  min-height: 3rem;
  padding: .6875rem var(--space-4);
  background-color: transparent;
  border: var(--border-card) solid var(--scheme-border);
  border-radius: var(--radius-form);
  transition: background-color var(--motion-fast) var(--ease-in-out);
}

.field__error {
  display: none;
  font-size: var(--text-small);
  color: var(--color-danger);
}

.field {
  display: grid;
  gap: var(--space-2);
}

.checkbox__text {
  font-size: var(--text-regular);
}

.checkbox {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  cursor: pointer;
}

.form-status {
  display: none;
  padding: var(--space-4);
  border-radius: var(--radius-form);
  font-size: var(--text-regular);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 46px;
  height: 46px;
  padding: 0px 28px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.005em;
  line-height: 1;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  transition: background-color var(--motion-fast) var(--ease-default), color var(--motion-fast) var(--ease-default), border-color var(--motion-fast) var(--ease-default), box-shadow var(--motion-medium) var(--ease-default), transform var(--motion-fast) var(--ease-default);
}

.btn--primary {
  background-color: var(--scheme-btn-bg);
  color: var(--scheme-btn-text);
  border-color: var(--scheme-btn-bg);
}

.icon {
  display: block;
  background-color: currentcolor;
  mask-repeat: no-repeat;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.icon--sm {
  width: 1.5rem;
  height: 1.5rem;
}

.site-nav__overlay-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-12);
  padding-block: var(--space-10);
}

@media (min-width: 768px) {
  .site-nav__overlay-grid {
  grid-template-columns: 1fr 0.75fr;
  row-gap: 0px;
  column-gap: 0px;
  padding-block-start: 0px;
  padding-block-end: 0px;
  min-height: 100%;
  }
}

.site-nav__overlay {
  position: fixed;
  top: 4rem;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 40;
  overflow-y: auto;
  background-color: var(--scheme-bg);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--motion-medium) var(--ease-in-out),visibility var(--motion-medium) var(--ease-in-out);
}

@media (min-width: 1024px) {
  .site-nav__overlay {
  top: 4.5rem;
  right: 0px;
  bottom: 0px;
  left: 0px;
  }
}

.site-nav {
  padding-inline-start: 0px;
  padding-inline-end: 0px;
  position: sticky;
  top: 0px;
  z-index: 999;
  display: flex;
  align-items: center;
  min-height: 4rem;
  padding-inline: var(--section-padding-inline);
  background-color: var(--scheme-bg);
  border-bottom: var(--border-hairline) solid var(--scheme-rule);
  border-bottom-width: 1px;
  border-bottom-color: #f2ece4;
}

@media (min-width: 1024px) {
  .site-nav {
  min-height: 4.5rem;
  }
}

.scheme-1 {
  background-color: var(--scheme-bg);
  color: var(--scheme-text);
  --scheme-bg: var(--color-white);
  --scheme-text: var(--color-neutral-darkest);
  --scheme-border: var(--color-sand);
  --scheme-btn-bg: var(--color-green);
  --scheme-btn-bg-hover: var(--color-green-dark);
  --scheme-btn-text: var(--color-sand-light);
  --scheme-wash: var(--color-ink-5);
  --scheme-muted: var(--color-green-light);
  --scheme-rule: var(--color-sand);
}

.hero__title {
  max-width: 18ch;
  font-weight: var(--fw-regular);
}

@media (min-width: 1024px) {
  .hero__title {
  max-width: 14ch;
  }
}

@media (min-width: 1280px) {
  .hero__title {
  max-width: 13ch;
  }
}

.reveal {
  transition-property: opacity, transform;
  transition-duration: var(--motion-slow);
  transition-timing-function: var(--ease-default);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.media {
  border-radius: var(--radius-image);
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-neutral-lightest);
}

.hero__actions {
  gap: var(--space-5);
}

@media (min-width: 1024px) {
  .hero__actions {
  justify-content: flex-end;
  align-items: center;
  }
}

.container {
  width: 100%;
  max-width: 1680px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding-inline-start: clamp(24px, 5vw, 80px);
  padding-inline-end: clamp(24px, 5vw, 80px);
  padding-left: 0px;
  padding-right: 0px;
}

.hero__inner {
  display: grid;
  gap: var(--space-10);
}

@media (min-width: 1024px) {
  .hero__inner {
  gap: var(--space-20);
  width: 100%;
  }
}

.section {
  padding: var(--section-padding-block) var(--section-padding-inline);
}

@media (min-width: 1024px) {
  .hero {
  min-height: calc(-4.5rem + 100svh);
  display: flex;
  align-items: center;
  padding-block: var(--space-20);
  }
}

@media (max-width: 768px) {
  .hero {
  margin-top: -40px;
  }
}

@media (max-width: 375px) {
  .hero {
  margin-top: -60px;
  }
}

.eyebrow {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
  color: #FDFDFD;
}

.fundament__head {
  display: grid;
  gap: var(--space-4);
  justify-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: var(--space-12);
}

@media (min-width: 1024px) {
  .fundament__head {
  margin-bottom: var(--space-24);
  gap: var(--space-6);
  }
}

.fundament__item {
  display: grid;
  gap: var(--space-3);
  justify-items: center;
  text-align: center;
}

@media (min-width: 1024px) {
  .fundament__item {
  gap: var(--space-5);
  }
}

.lead {
  font-size: var(--text-medium);
  line-height: var(--lh-body);
}

.scheme-4 {
  background-color: var(--scheme-bg);
  color: var(--scheme-text);
  --scheme-bg: var(--color-green);
  --scheme-text: var(--color-sand-light);
  --scheme-border: var(--color-white-20);
  --scheme-btn-bg: var(--color-sand-light);
  --scheme-btn-bg-hover: var(--color-white);
  --scheme-btn-text: var(--color-green-dark);
  --scheme-wash: var(--color-white-10);
  --scheme-muted: var(--color-white-60);
  --scheme-rule: var(--color-white-20);
}

.footnote {
  font-size: 0.75rem;
  color: var(--scheme-muted,var(--color-ink-60));
  line-height: 1.6;
  font-weight: 400;
}

@media (max-width: 375px) {
  .footnote {
  display: flex;
  flex-direction: column;
  }
}

.stats__head {
  display: grid;
  gap: var(--space-6);
  margin-bottom: var(--space-12);
}

@media (min-width: 1024px) {
  .stats__head {
  grid-template-columns: 1fr 1fr;
  gap: var(--space-12);
  align-items: start;
  }
}

.stats__figure {
  line-height: 1;
  letter-spacing: -0.01em;
  font-weight: var(--fw-regular);
  color: var(--text-body-inverted);
}

@media (min-width: 1024px) {
  .stats__figure {
  font-size: 5rem;
  }
}

.stats__note {
  font-size: var(--text-regular);
  color: var(--text-body-inverted);
}

@media (max-width: 375px) {
  .stats__note {
  font-weight: 300;
  color: #FDFDFD;
  }
}

.stats__grid {
  display: grid;
  gap: var(--space-6);
}

@media (min-width: 768px) {
  .stats__grid {
  grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .stats__grid {
  grid-template-columns: repeat(3, 1fr);
  }
}

.quote__inner {
  display: grid;
  gap: var(--space-5);
  justify-items: center;
  text-align: center;
  max-width: var(--measure-lg);
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding-block: var(--space-16);
  color: var(--color-white);
}

@media (min-width: 1280px) {
  .quote__inner {
  padding-block: var(--space-24);
  }
}

.icon--md {
  width: 2rem;
  height: 2rem;
}

.icon--person {
  mask-image: url("https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@latest/rounded/person.svg");
}

.prime__step {
  position: relative;
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: var(--space-5);
  padding-bottom: var(--space-10);
}

@media (min-width: 768px) {
  .prime__step {
  grid-template-columns: 3rem 1fr;
  gap: var(--space-6);
  }
}

.icon--analytics {
  mask-image: url("https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@latest/rounded/analytics.svg");
}

.icon--restaurant {
  mask-image: url("https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@latest/rounded/restaurant.svg");
}

.icon--construction {
  mask-image: url("https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@latest/rounded/construction.svg");
}

.media--square {
  aspect-ratio: 1 / 1;
}

.icon--strategy {
  mask-image: url("https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@latest/rounded/strategy.svg");
}

.about__people {
  display: grid;
  gap: var(--space-8);
  margin-top: var(--space-4);
}

@media (min-width: 768px) {
  .about__people {
  grid-template-columns: 1fr 1fr;
  }
}

.about__body {
  display: grid;
  gap: var(--space-6);
  max-width: var(--measure-md);
}

.pricing__head {
  display: grid;
  gap: var(--space-4);
  margin-bottom: var(--space-12);
  max-width: var(--measure-md);
}

.pricing__feature {
  display: grid;
  gap: var(--space-3);
  min-width: 0px;
}

.pricing__card {
  display: grid;
  gap: var(--space-6);
  align-content: start;
  min-width: 0px;
  padding: var(--space-8);
  border: var(--border-card) solid var(--scheme-border);
  border-radius: var(--radius-card);
}

.contact-form__head {
  display: grid;
  gap: var(--space-4);
  margin-bottom: var(--space-8);
  max-width: var(--measure-md);
}

.contact-form__fields {
  display: grid;
  gap: var(--space-6);
  max-width: 30rem;
}

.contact-form__grid {
  display: grid;
  gap: var(--space-10);
}

@media (min-width: 768px) {
  .contact-form__grid {
  grid-template-columns: 1fr 1fr;
  gap: var(--space-12);
  align-items: center;
  }
}

@media (min-width: 1024px) {
  .contact-form__grid {
  gap: var(--space-20);
  }
}

.channels__head {
  display: grid;
  gap: var(--space-4);
  margin-bottom: var(--space-12);
  max-width: var(--measure-md);
}

.channel {
  display: grid;
  gap: var(--space-3);
  align-content: start;
}

.site-footer__top {
  display: grid;
  gap: var(--space-10);
  align-items: start;
  padding-bottom: var(--space-10);
}

@media (min-width: 768px) {
  .site-footer__top {
  grid-template-columns: auto 1fr auto;
  gap: var(--space-12);
  }
}

.site-footer__bottom {
  display: grid;
  gap: var(--space-4);
  padding-top: var(--space-8);
  border-top: var(--border-hairline) solid var(--scheme-rule);
  font-size: var(--text-small);
}

@media (min-width: 768px) {
  .site-footer__bottom {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--space-8);
  }
}

.site-footer {
  padding: var(--space-16) var(--section-padding-inline) var(--space-10);
}

.page-header {
  display: grid;
  gap: var(--space-5);
  max-width: var(--measure-lg);
}

.faq__head {
  display: grid;
  gap: var(--space-5);
  align-content: start;
}

.accordion__item {
  border-top: var(--border-hairline) solid var(--scheme-rule);
}

.legal {
  display: grid;
  gap: var(--space-10);
  max-width: var(--measure-lg);
}

:root {
  --color-white: #ffffff;
  --color-neutral-lightest: #f2f2f2;
  --color-neutral-lighter: #d8d8d8;
  --color-neutral-light: #b2b2b2;
  --color-neutral: #7f7f7f;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #191919;
  --color-green-lightest: #F0F4F2;
  --color-green-lighter: #E2E8E5;
  --color-green-light: #6C817A;
  --color-green: #1D3F35;
  --color-green-dark: #122A23;
  --color-sand-lightest: #FAF7F2;
  --color-sand-light: #F2ECE4;
  --color-sand: #E7E0D6;
  --color-sand-dark: #6E6459;
  --color-danger: #9C4A3C;
  --color-white-10: rgba(255,255,255,.10);
  --color-white-20: rgba(255,255,255,.20);
  --color-white-60: rgba(255,255,255,.60);
  --color-ink-5: rgba(0,0,0,.05);
  --color-ink-10: rgba(0,0,0,.10);
  --color-ink-60: rgba(0,0,0,.60);
  --overlay-image: rgba(18,42,35,.55);
  --font-heading: "Lexend",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body: var(--font-heading);
  --fw-regular: 300;
  --fw-medium: 400;
  --fw-semibold: 500;
  --text-h5: 1.125rem;
  --lh-h5: 1.3;
  --ls-heading: -.015em;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;
  --section-padding-inline: 5%;
  --section-padding-block: 4rem;
  --container-max: 80rem;
  --measure-md: 35rem;
  --measure-lg: 48rem;
  --radius-pill: 6.25rem;
  --border-card: 1px;
  --border-hairline: 1px;
  --motion-fast: 180ms;
  --motion-medium: 280ms;
  --motion-slow: 760ms;
  --ease-default: cubic-bezier(.22,1,.36,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --ease-material: cubic-bezier(.4,0,.2,1);
  --motion-wave-link: 220ms;
  --motion-wave-edge: 260ms;
  --wave-band: 8px;
  --reveal-rise: 14px;
  --btn-arrow-shift: 4px;
  --color-neutral-darkest: #151515;
  --text-h1: clamp(2.25rem,4.2vw,3.5rem);
  --lh-h1: 1.18;
  --text-h2: clamp(2rem,3.4vw,3rem);
  --lh-h2: 1.18;
  --text-h3: 1.375rem;
  --lh-h3: 1.35;
  --text-h4: 1.375rem;
  --lh-h4: 1.35;
  --text-large: 1.0625rem;
  --text-medium: 1.0625rem;
  --text-regular: 1rem;
  --text-small: .875rem;
  --lh-body: 1.65;
  --radius-card: .40625rem;
  --radius-checkbox: .125rem;
  --radius-form: .25rem;
  --radius-image: .40625rem;
}

@media (min-width: 768px) {
  :root {
  --section-padding-block: 6rem;
  --text-h1: clamp(2.25rem,4.2vw,3.5rem);
  --lh-h1: 1.18;
  --text-h2: clamp(2rem,3.4vw,3rem);
  --lh-h2: 1.18;
  --text-h3: 1.375rem;
  --lh-h3: 1.35;
  --text-h4: 1.375rem;
  --lh-h4: 1.35;
  --text-h5: 1.25rem;
  --text-large: 1.0625rem;
  --text-medium: 1.0625rem;
  --text-regular: 1rem;
  --text-small: .875rem;
  --kv-probe: #00FF00;
  }
}

@media (min-width: 1024px) {
  :root {
  --section-padding-block: 7rem;
  --text-h1: clamp(2.25rem,4.2vw,3.5rem);
  --lh-h1: 1.18;
  --text-h2: clamp(2rem,3.4vw,3rem);
  --lh-h2: 1.18;
  --text-h3: 1.375rem;
  --lh-h3: 1.35;
  --text-h4: 1.375rem;
  --lh-h4: 1.35;
  --text-h5: 1.5rem;
  --text-large: 1.0625rem;
  --text-medium: 1.0625rem;
  --text-regular: 1rem;
  --text-small: .875rem;
  }
}

.scheme-2 {
  background-color: var(--scheme-bg);
  color: var(--scheme-text);
  --scheme-bg: var(--color-sand-light);
  --scheme-text: var(--color-neutral-darkest);
  --scheme-border: var(--color-sand);
  --scheme-btn-bg: var(--color-green);
  --scheme-btn-bg-hover: var(--color-green-dark);
  --scheme-btn-text: var(--color-sand-light);
  --scheme-wash: var(--color-ink-5);
  --scheme-muted: var(--color-green-light);
  --scheme-rule: var(--color-sand);
}

.scheme-3 {
  background-color: var(--scheme-bg);
  color: var(--scheme-text);
  --scheme-bg: var(--color-green-dark);
  --scheme-text: var(--color-sand-light);
  --scheme-border: var(--color-white-20);
  --scheme-btn-bg: var(--color-sand-light);
  --scheme-btn-bg-hover: var(--color-white);
  --scheme-btn-text: var(--color-green-dark);
  --scheme-wash: var(--color-white-10);
  --scheme-muted: var(--color-white-60);
  --scheme-rule: var(--color-white-20);
}

.field__control[aria-invalid="true"] {
  border-color: var(--color-danger);
}

.card {
  border: var(--border-card) solid var(--scheme-border);
  border-radius: var(--radius-card);
  padding: var(--space-6);
  background-color: transparent;
}

.wave-link__wave {
  position: absolute;
  left: 0px;
  bottom: -10px;
  width: 0px;
  height: 10px;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: width var(--motion-wave-link) var(--ease-material);
  display: none;
}

.wave-link {
  position: relative;
  display: inline-block;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

@media (max-width: 768px) {
  .hero__benefits {
  margin-top: -20px;
  }
}

.btn--wave {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='8'%20viewBox='0%200%2012%208'%3E%3Cpath%20d='M0%203.4%20c1.5%20-3.4%204.5%20-3.4%206%200%20s4.5%203.4%206%200%20V0%20H0%20Z'%20fill='%23000'/%3E%3C/svg%3E"), linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)), linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0));
  mask-repeat: repeat-x, no-repeat, no-repeat;
  -webkit-mask-position-x: left, right, left;
  -webkit-mask-position-y: bottom, bottom, top;
  transition: background-color var(--motion-fast) var(--ease-default),color var(--motion-fast) var(--ease-default),border-color var(--motion-fast) var(--ease-default),box-shadow var(--motion-medium) var(--ease-default),transform var(--motion-fast) var(--ease-default),-webkit-mask-size var(--motion-wave-edge) var(--ease-default),mask-size var(--motion-wave-edge) var(--ease-default);
  -webkit-mask-size: 12px var(--wave-band), 100% var(--wave-band), 100% calc(100% - var(--wave-band) + 1px);
  mask-size: 12px var(--wave-band), 100% var(--wave-band), 100% calc(100% - var(--wave-band) + 1px);
}

.scroll-cue__label {
  transition: transform var(--motion-wave-link) var(--ease-material);
}

.scroll-cue {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2px;
  column-gap: 2px;
  margin-top: 18px;
  font-size: 14px;
  text-decoration-line: underline;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  text-underline-offset: 4px;
  transition: transform var(--motion-wave-link) var(--ease-material);
}

.authority__item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--text-regular);
  flex-direction: row;
}

@media (max-width: 375px) {
  .authority__item {
  justify-content: flex-end;
  }
}

.authority__list {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
}

@media (min-width: 768px) {
  .authority__list {
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
  }
}

@media (max-width: 375px) {
  .authority__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  }
}

.authority {
  padding-block: var(--space-8);
  border-block: var(--border-hairline) solid var(--scheme-rule);
  display: flex;
  justify-content: center;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.section--tight {
  padding-block-start: 0px;
  padding-block-end: 0px;
}

.split__list {
  display: grid;
  gap: var(--space-5);
  max-width: var(--measure-md);
}

.split__body {
  display: grid;
  gap: var(--space-6);
  max-width: var(--measure-md);
}

.media--portrait-45 {
  aspect-ratio: 4 / 5;
}

.split {
  display: grid;
  row-gap: clamp(40px, 6vw, 88px);
  column-gap: clamp(40px, 6vw, 88px);
  align-items: start;
}

@media (min-width: 768px) {
  .split {
  grid-template-columns: 1fr 1fr;
  }
}

.split--center {
  align-items: center;
}

.services__head {
  display: grid;
  gap: var(--space-4);
  margin-bottom: var(--space-10);
}

.service-card__media {
  display: grid;
  align-items: center;
  justify-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 12.5rem;
  background-color: var(--color-sand);
  font-size: var(--text-small);
  color: var(--color-ink-60);
  filter: grayscale(70%);
}

.service-card__price {
  font-size: var(--text-small);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.02em;
  color: var(--color-green-light);
  margin-bottom: var(--space-2);
}

.service-card__more {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows var(--motion-medium) var(--ease-default),opacity var(--motion-medium) var(--ease-default);
}

.service-card__body {
  padding: var(--space-6);
}

.service-card {
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  border: var(--border-card) solid var(--scheme-border);
  border-radius: var(--radius-card);
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-white);
  transition: transform 500ms var(--ease-default);
  height: 592px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}

.service-card--dark {
  background-color: var(--color-green);
  color: var(--color-sand-light);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.services__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(300px, 1fr);
  row-gap: 20px;
  column-gap: 20px;
  align-items: start;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  padding: 16px 0px 40px;
  scrollbar-width: none;
}

.services__nav {
  position: absolute;
  top: 50%;
  display: grid;
  align-items: center;
  justify-items: center;
  width: 48px;
  height: 48px;
  padding: 0px;
  border: 1px solid var(--color-sand);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--color-white);
  color: rgb(21, 21, 21);
  box-shadow: rgba(29, 63, 53, 0.04) 0px 2px 4px, rgba(29, 63, 53, 0.06) 0px 12px 28px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms var(--ease-default);
}

@media (max-width: 768px) {
  .services__nav {
  opacity: 1;
  pointer-events: auto;
  }
}

.services__nav--prev {
  left: 12px;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  .services__nav--prev {
  left: 8px;
  }
}

.services__nav--next {
  right: 12px;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  .services__nav--next {
  right: 8px;
  }
}

.services__slider {
  position: relative;
}

.services__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  margin-top: var(--space-8);
}

.process__head {
  display: grid;
  gap: var(--space-4);
  margin-bottom: var(--space-10);
  opacity: var(--ph-dim, 1);
  transition-property: opacity;
  transition-duration: 320ms;
  transition-timing-function: var(--ease-in-out);
  transition-delay: 0s;
}

.process__icon {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: var(--space-3);
  border: var(--border-card) solid var(--scheme-border);
  border-radius: var(--radius-pill);
  color: var(--color-green);
}

.process__step {
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #1d3f35;
}

.process__card {
  display: grid;
  gap: var(--space-3);
  align-content: start;
  border-radius: var(--radius-card);
  background-color: var(--process-card-bg, transparent);
  filter: opacity(var(--pc-dim, 1));
  transition-property: filter;
  transition-duration: 320ms;
  transition-timing-function: var(--ease-in-out);
  transition-delay: 0s;
}

.process__grid {
  display: grid;
  gap: var(--space-6);
}

@media (min-width: 768px) {
  .process__grid {
  grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .process__grid {
  grid-template-columns: repeat(4, 1fr);
  }
}

.stats__group-label {
  text-transform: uppercase;
  color: var(--text-body-inverted);
}

.stats__group {
  margin-top: var(--space-s);
}

.contact-form__price-note {
  font-style: italic;
  font-size: var(--text-small);
  color: var(--primary);
  font-weight: 400;
}

.site-footer__tagline {
  max-width: 34ch;
  font-size: var(--text-small);
  color: var(--scheme-muted);
}

.site-footer__col-title {
  font-size: var(--text-small);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.02em;
  color: var(--scheme-muted);
}

.site-footer__col {
  display: grid;
  gap: var(--space-3);
  align-content: start;
}

.btn--sm {
  row-gap: 8px;
  column-gap: 8px;
  min-height: 34px;
  height: 34px;
  padding: 0px 18px;
  font-size: 14px;
}

.reveal--delay-80 {
  transition-delay: 80ms;
}

@media (prefers-reduced-motion: reduce) {
  .reveal--delay-80 {
  transition-delay: 0s;
  }
}

.reveal--delay-200 {
  transition-delay: 200ms;
}

@media (prefers-reduced-motion: reduce) {
  .reveal--delay-200 {
  transition-delay: 0s;
  }
}

.icon--chevron-down-thin {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E");
}

.reveal--delay-140 {
  transition-delay: 140ms;
}

@media (prefers-reduced-motion: reduce) {
  .reveal--delay-140 {
  transition-delay: 0s;
  }
}

.reveal--delay-120 {
  transition-delay: 120ms;
}

@media (prefers-reduced-motion: reduce) {
  .reveal--delay-120 {
  transition-delay: 0s;
  }
}

.reveal--delay-160 {
  transition-delay: 160ms;
}

@media (prefers-reduced-motion: reduce) {
  .reveal--delay-160 {
  transition-delay: 0s;
  }
}

.reveal--delay-240 {
  transition-delay: 240ms;
}

@media (prefers-reduced-motion: reduce) {
  .reveal--delay-240 {
  transition-delay: 0s;
  }
}

.reveal--delay-320 {
  transition-delay: 320ms;
}

@media (prefers-reduced-motion: reduce) {
  .reveal--delay-320 {
  transition-delay: 0s;
  }
}

.icon--trending-up {
  mask-image: url("https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@latest/rounded/trending_up.svg");
}

html {
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
  scroll-behavior: auto;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  font-family: var(--font-heading);
  font-weight: var(--fw-regular);
  letter-spacing: var(--ls-heading);
  text-wrap-mode: initial;
  text-wrap-style: balance;
}

h1 {
  margin: 0px;
  font-family: var(--font-heading);
  font-weight: var(--fw-regular);
  letter-spacing: -0.02em;
  text-wrap-mode: initial;
  text-wrap-style: balance;
  font-size: var(--text-h1);
  line-height: var(--lh-h1);
}

h2 {
  margin: 0px;
  font-family: var(--font-heading);
  font-weight: var(--fw-regular);
  letter-spacing: -0.025em;
  text-wrap-mode: initial;
  text-wrap-style: balance;
  font-size: var(--text-h2);
  line-height: var(--lh-h2);
}

h3 {
  margin: 0px;
  font-family: var(--font-heading);
  font-weight: var(--fw-regular);
  letter-spacing: var(--ls-heading);
  text-wrap-mode: initial;
  text-wrap-style: balance;
  font-size: var(--text-h3);
  line-height: var(--lh-h3);
}

h4 {
  margin: 0px;
  font-family: var(--font-heading);
  font-weight: var(--fw-regular);
  letter-spacing: var(--ls-heading);
  text-wrap-mode: initial;
  text-wrap-style: balance;
  font-size: var(--text-h4);
  line-height: var(--lh-h4);
}

h5 {
  margin: 0px;
  font-family: var(--font-heading);
  font-weight: var(--fw-regular);
  letter-spacing: var(--ls-heading);
  text-wrap-mode: initial;
  text-wrap-style: balance;
  font-size: var(--text-h5);
  line-height: var(--lh-h5);
}

p {
  margin: 0px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
  font-family: "Lexend", sans-serif;
  color: var(--text-body);
}

figure {
  margin: 0px;
}

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
}

img, svg {
  display: block;
  max-width: 100%;
}

img {
  height: auto;
}

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline-color: currentcolor;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 3px;
}

input, textarea {
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-variant-alternates: inherit;
  font-variant-position: inherit;
  font-variant-emoji: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  color: var(--text-body);
}

.muted {
  color: var(--scheme-muted,var(--color-ink-60));
}

.btn--primary:hover, .btn--primary:focus-visible, a.btn--primary:hover, a.btn--primary:focus-visible, button.btn--primary:hover, button.btn--primary:focus-visible {
  background-color: var(--scheme-btn-bg-hover);
  border-color: var(--scheme-btn-bg-hover);
  color: var(--scheme-btn-text);
  opacity: 1;
}

.media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.field__control::placeholder {
  color: var(--scheme-muted);
}

.field__control:hover {
  background-color: var(--scheme-wash);
}

textarea.field__control {
  min-height: 11.25rem;
  resize: vertical;
}

.field__control[aria-invalid="true"] ~ .field__error {
  display: block;
}

.checkbox input {
  appearance: none;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.25rem 0px 0px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  border: var(--border-card) solid var(--scheme-border);
  border-radius: var(--radius-checkbox);
  background-color: transparent;
  cursor: pointer;
  transition: background-color var(--motion-fast) var(--ease-in-out);
}

.checkbox input:checked {
  background-color: var(--scheme-text);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 0.75rem auto;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
}

.scheme-3 .checkbox input:checked, .scheme-4 .checkbox input:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3F35' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

.form-status[data-state="success"] {
  display: block;
  border: var(--border-card) solid var(--scheme-border);
}

.accordion__item:last-child {
  border-bottom: var(--border-hairline) solid var(--scheme-rule);
}

.site-nav__toggle::before {
  content: "";
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%3E%3Cpath%20d='M3%206h18'/%3E%3Cpath%20d='M3%2012h18'/%3E%3Cpath%20d='M3%2018h18'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.site-nav[data-menu-open="true"] .site-nav__toggle::before {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%3E%3Cpath%20d='M6%206l12%2012'/%3E%3Cpath%20d='M18%206L6%2018'/%3E%3C/svg%3E");
}

.site-nav[data-menu-open="true"] .site-nav__overlay {
  opacity: 1;
  visibility: visible;
}

.site-nav__overlay-links a {
  padding-block: var(--space-2);
  font-size: var(--text-h4);
  line-height: 1.2;
  letter-spacing: var(--ls-heading);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

@media (min-width: 768px) {
  .site-nav__overlay-links a {
  font-size: var(--text-h3);
  }
}

.fundament__head h2 {
  max-width: 24ch;
  width: auto;
  text-align: center;
  text-wrap-mode: initial;
  text-wrap-style: balance;
}

.fundament__item h3 {
  font-size: var(--text-h4);
}

.fundament__item p {
  max-width: 32ch;
  font-size: var(--text-small);
}

.prime__step:last-child {
  padding-bottom: 0px;
}

.pricing__feature p {
  font-size: var(--text-regular);
}

.pricing__feature ul {
  display: grid;
  gap: var(--space-2);
  font-size: var(--text-regular);
}

.channel h3 {
  font-size: var(--text-h4);
}

.channel p {
  font-size: var(--text-regular);
  color: var(--scheme-muted);
}

.channel a {
  font-size: var(--text-regular);
}

.legal h2 {
  font-size: var(--text-h4);
  margin-bottom: var(--space-4);
}

.legal h3 {
  font-size: var(--text-h5);
  margin-bottom: var(--space-3);
}

.legal p {
  margin-bottom: var(--space-4);
  font-size: var(--text-regular);
}

.legal p:last-child {
  margin-bottom: 0px;
}

.legal ul {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  font-size: var(--text-regular);
}

.legal li {
  padding-left: var(--space-5);
  position: relative;
}

.legal li::before {
  content: "—";
  position: absolute;
  left: 0px;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: var(--reveal-delay, 0ms);
}

@media (prefers-reduced-motion: reduce) {
  * {
  animation-duration: 0.01ms !important;
  transition-duration: 0.01ms !important;
  }
}

a.btn, button.btn {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.005em;
  line-height: 1;
}

a.btn--sm, button.btn--sm {
  font-size: 14px;
}

.btn--wave:hover {
  box-shadow: none;
  -webkit-mask-size: 12px var(--wave-band), 0% var(--wave-band), 100% calc(100% - var(--wave-band) + 1px);
  mask-size: 12px var(--wave-band), 0% var(--wave-band), 100% calc(100% - var(--wave-band) + 1px);
}

.wave-link:hover {
  opacity: 1;
}

.wave-link:hover .wave-link__wave, .wave-link:focus-visible .wave-link__wave {
  width: 100%;
}

.wave-link__wave img {
  width: 240px;
  height: 10px;
  max-width: none;
}

.scroll-cue:hover {
  opacity: 1;
  transform: translateY(-3px);
}

.scroll-cue:hover .scroll-cue__label {
  transform: translateY(-3px);
}

.scroll-cue:hover .icon {
  transform: translateY(4px);
}

.hero--center .hero__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.authority__item::before {
  content: "";
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 1.125rem;
  height: 1px;
  background-color: var(--scheme-muted);
}

.split__list li {
  display: flex;
  gap: var(--space-4);
  font-size: var(--text-regular);
}

.services__track::-webkit-scrollbar {
  display: none;
}

.services__nav::after {
  content: "";
  width: 18px;
  height: 18px;
  background-color: currentcolor;
  mask-repeat: no-repeat;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012h14M13%206l6%206-6%206'/%3E%3C/svg%3E");
}

.services__slider:hover .services__nav:not([disabled]), .services__nav:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

.services__nav--prev::after {
  transform: rotate(180deg);
}

.services__foot p {
  max-width: var(--measure-md);
}

.service-card:hover {
  transform: translateY(-0.625rem);
}

.service-card--dark .service-card__media {
  background-color: var(--color-green-dark);
  color: var(--color-white-60);
}

.service-card--dark .service-card__price {
  color: var(--color-white-60);
}

.service-card__body h3 {
  font-size: var(--text-h4);
  line-height: var(--lh-h4);
}

.service-card:hover .service-card__more, .service-card:focus-within .service-card__more {
  grid-template-rows: 1fr;
  opacity: 1;
}

.service-card__more > p {
  overflow-x: hidden;
  overflow-y: hidden;
  margin-top: var(--space-3);
  font-size: var(--text-small);
}

.process__card h3 {
  font-size: var(--text-h4);
  line-height: var(--lh-h4);
}

.process__card p {
  font-size: var(--text-small);
}

.stats--groups .stats__head {
  display: grid;
  gap: var(--space-4);
  margin-bottom: var(--space-12);
}

.stats--groups .stats__grid {
  display: grid;
  gap: var(--space-8);
  margin-top: var(--space-8);
}

@media (min-width: 768px) {
  .stats--groups .stats__grid {
  grid-template-columns: repeat(3, 1fr);
  }
}

.site-footer__col a {
  font-size: var(--text-small);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

@media (min-width: 768px) {
  .hero--center .hero__benefit-col:first-child {
  text-align: right;
  }
}

@media (min-width: 768px) {
  .hero--center .hero__benefit-col:last-child {
  text-align: left;
  }
}

.container-nav {
  width: 100%;
}

.container-sub-nav {
  display: flex;
  align-items: center;
}

.align-right {
  display: flex;
  justify-content: flex-end;
}

.align-center {
  display: flex;
  justify-content: center;
}

.align-left {
  display: flex;
  justify-content: flex-start;
}

@media (max-width: 768px) {
  .display-tablet-down-none {
  display: none;
  }
}

a:focus-visible {
  outline-color: currentcolor;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 3px;
}

button:focus-visible {
  outline-color: currentcolor;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 3px;
}

input:focus-visible {
  outline-color: currentcolor;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 3px;
}

textarea:focus-visible {
  outline-color: currentcolor;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 3px;
}

summary:focus-visible {
  outline-color: currentcolor;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 3px;
}

h6 {
  margin: 0px;
  font-family: var(--font-heading);
  font-weight: var(--fw-regular);
  letter-spacing: var(--ls-heading);
  text-wrap-mode: initial;
  text-wrap-style: balance;
}

ol {
  margin: 0px;
  padding: 0px;
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
}

.btn--arrow::after {
  content: "";
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 18px;
  height: 18px;
  background-color: currentcolor;
  mask-repeat: no-repeat;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012h14'/%3E%3Cpath%20d='m12%205%207%207-7%207'/%3E%3C/svg%3E");
  transition: transform var(--motion-medium) var(--ease-default);
}

.btn--arrow:hover::after {
  transform: translateX(var(--btn-arrow-shift));
}

.hero-center-inner {
  display: grid;
  gap: var(--space-10);
  justify-items: center;
  text-align: center;
}

.hero-center-title {
  max-width: 22ch;
  font-weight: var(--fw-regular);
}

@media (min-width: 1024px) {
  .hero-center-title {
  max-width: 18ch;
  }
}

.hero-center-benefits {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  font-size: var(--text-small);
}

@media (min-width: 768px) {
  .hero-center-benefits {
  grid-template-columns: 1fr auto 1fr;
  gap: var(--space-10);
  align-items: center;
  }
}

@media (max-width: 375px) {
  .hero-center-benefits {
  gap: var(--space-4xs);
  }
}

.hero-center-benefit-col {
  display: grid;
  gap: var(--space-1);
}

.hero-center-col-right {
  text-align: center;
}

@media (min-width: 768px) {
  .hero-center-col-right {
  text-align: right;
  }
}

.hero-center-col-left {
  text-align: center;
}

@media (min-width: 768px) {
  .hero-center-col-left {
  text-align: left;
  }
}

.hero-center-footnote {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  font-weight: var(--fw-medium);
  color: #1d3f35;
  font-family: "Lexend", sans-serif;
}

.hero-center-actions {
  display: grid;
  gap: var(--space-4);
  justify-items: center;
}

.hero-center-video {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-image);
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-sand);
}

.stats-groups-head {
  display: grid;
  gap: var(--space-4);
  margin-bottom: var(--space-12);
}

.stats-groups-groups {
  display: grid;
  gap: var(--space-12);
}

.stats-groups-group-label {
  padding-bottom: var(--space-5);
  border-bottom: var(--border-hairline) solid var(--scheme-rule);
  font-size: var(--text-small);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.02em;
  color: var(--text-body-inverted);
}

.stats-groups-grid {
  display: grid;
  gap: var(--space-8);
  margin-top: var(--space-8);
}

@media (min-width: 768px) {
  .stats-groups-grid {
  grid-template-columns: repeat(3, 1fr);
  }
}

.stats-groups-figure {
  font-size: clamp(3.67rem, 5.33vw, 5rem);
  line-height: 1;
  letter-spacing: -0.01em;
  font-weight: var(--fw-regular);
}

.stats-groups-note {
  margin-top: var(--space-4);
  font-size: var(--text-small);
}

.stats-groups-sources {
  margin-top: var(--space-12);
  font-size: var(--text-small);
  color: var(--scheme-muted);
}

.service-card-dark-media {
  background-color: var(--color-green-dark);
  color: var(--color-white-60);
}

.service-card-dark-price {
  color: var(--color-white-60);
}

.site-footer-columns-top {
  display: grid;
  gap: var(--space-10);
  align-items: start;
  padding-bottom: var(--space-10);
}

@media (min-width: 768px) {
  .site-footer-columns-top {
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: var(--space-12);
  }
}

.scroll-cue::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: currentcolor;
  mask-repeat: no-repeat;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E");
  transition: transform var(--motion-wave-link) var(--ease-material);
}

.scroll-cue:hover::after {
  transform: translateY(7px);
}

.scroll-cue-icon-hidden {
  display: none;
}

.services-foot-text {
  max-width: var(--measure-md);
}

.process-card-heading {
  font-size: var(--text-h4);
  line-height: var(--lh-h4);
}

.service-card-heading {
  font-size: var(--text-h4);
  line-height: var(--lh-h4);
}

.service-card-more-text {
  overflow-x: hidden;
  overflow-y: hidden;
  margin-top: var(--space-3);
  font-size: var(--text-small);
}

.service-card-more-open {
  grid-template-rows: 1fr;
  opacity: 1;
}

.services-nav-visible {
  opacity: 1;
  pointer-events: auto;
}

.field-error-shown {
  display: block;
}

.site-footer-link {
  font-size: var(--text-small);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.logo-img {
  height: 1.8rem;
  width: auto;
}

.site-nav-overlay-link {
  padding-block: var(--space-2);
  font-size: var(--text-h4);
  line-height: 1.2;
  letter-spacing: var(--ls-heading);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

@media (max-width: 768px) {
  .site-nav-overlay-link {
  text-align: right;
  }
}

@media (max-width: 375px) {
  .site-nav-overlay-link {
  text-align: right;
  }
}

.media-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.checkbox-input {
  appearance: none;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.25rem 0px 0px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  border: var(--border-card) solid var(--scheme-border);
  border-radius: var(--radius-checkbox);
  background-color: transparent;
  cursor: pointer;
  transition: background-color var(--motion-fast) var(--ease-in-out);
}

.checkbox-input:checked {
  background-color: var(--scheme-text);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 0.75rem auto;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
}

.btn-arrow-sm::after {
  width: 16px;
  height: 16px;
}

.site-nav-overlay-open {
  opacity: 1;
  visibility: visible;
}

.site-nav-toggle-open::before {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%3E%3Cpath%20d='M6%206l12%2012'/%3E%3Cpath%20d='M18%206L6%2018'/%3E%3C/svg%3E");
}

.nav-cta-desktop-only {
  display: inline-flex;
}

@media (max-width: 768px) {
  .nav-cta-desktop-only {
  display: none;
  }
}

.nav-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .nav-actions {
  display: flex;
  }
}

.nav-toggle-flush {
  margin-right: 0px;
}

.btn-arrow-hover::after {
  transform: translateX(var(--btn-arrow-shift));
}

.scroll-cue-hover {
  transform: translateY(-3px);
}

.scroll-cue-hover::after {
  transform: translateY(7px);
}

.wave-underline::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -10px;
  width: var(--wave-w, 0px);
  height: 10px;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2010'%20fill='none'%20stroke='%23000'%20stroke-width='1.2'%20stroke-linecap='round'%3E%3Cpath%20d='M0%205%20c1.5%20-4.5%204.5%20-4.5%206%200%20s4.5%204.5%206%200'/%3E%3C/svg%3E");
  mask-repeat: repeat-x;
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  mask-size: 12px 10px;
  transition-property: width;
  transition-duration: var(--motion-wave-link);
  transition-timing-function: var(--ease-material);
}

::before, ::after {
  box-sizing: border-box;
}

[data-instatic-loop] {
  display: contents;
}

.note-line:first-child {
  padding-top: 0px;
}

.filter-summary {
  font-variant-numeric: tabular-nums;
}

.btn-add::before {
  content: "";
  width: 19px;
  height: 19px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  background-color: currentcolor;
  pointer-events: none;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h13'/%3E%3Cpath d='M3 11h13'/%3E%3Cpath d='M3 16h7'/%3E%3Cpath d='M14.5 17.5h7'/%3E%3Cpath d='M18 14v7'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.filter-toggle-btn::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: currentcolor;
  flex-shrink: 0;
}

.filter-toggle-btn::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  width: 1.5em;
  height: 1.5em;
  transform: translateY(-50%);
  background-color: rgb(233, 232, 227);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 3h12l-4.5 5.5V13l-3 1.5V8.5L2 3z' stroke='white' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: 60% auto;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.field-control-invalid {
  border-color: var(--color-danger);
}

.field-error-visible {
  display: block;
}

.services-nav-off {
  opacity: 0.3;
  pointer-events: none;
}

.problemfan-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-16);
}

.problemfan-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  text-align: center;
}

.problemfan-title {
  max-width: 20ch;
}

.problemfan-fan {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  column-gap: var(--space-6);
  row-gap: var(--space-16);
  width: 100%;
  padding-top: var(--space-6);
}

.problemfan-card {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-8);
  border: var(--border-card) solid var(--scheme-border);
  border-radius: var(--radius-card);
  background-color: var(--scheme-wash);
  transition: transform var(--motion-medium) var(--ease-default);
  border-color: #122a23;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

.problemfan-card-left {
  transform: rotate(-3.5deg) translateY(clamp(0rem, -48000rem + 100000vw, 1rem));
}

.problemfan-card-center {
  background-color: var(--color-green);
  transform: translateY(clamp(-1rem, 48000rem - 100000vw, 0rem));
}

.problemfan-card-right {
  transform: rotate(3.5deg) translateY(clamp(0rem, -48000rem + 100000vw, 1rem));
}

.problemfan-card-left:hover {
  transform: rotate(-3.5deg) translateY(0.5rem);
}

.problemfan-card-center:hover {
  transform: translateY(-1.5rem);
}

.problemfan-card-right:hover {
  transform: rotate(3.5deg) translateY(0.5rem);
}

.problemfan-icon {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: var(--border-card) solid var(--scheme-border);
  border-radius: var(--radius-pill);
}

.problemfan-card-title {
  font-size: var(--text-h4);
  line-height: var(--lh-h4);
}

.problemfan-card-text {
  font-size: var(--text-regular);
  color: var(--text-body-inverted);
}

.problemfan-rule {
  width: 100%;
  height: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top: var(--border-hairline) solid var(--scheme-rule);
  margin: 0px;
}

.problemfan-statement {
  width: 100%;
  display: grid;
  gap: var(--space-10);
  align-items: start;
}

@media (min-width: 768px) {
  .problemfan-statement {
  grid-template-columns: 1fr 1fr;
  gap: var(--space-20);
  }
}

.problemfan-statement-title {
  max-width: 18ch;
}

.problemfan-prose {
  display: grid;
  gap: var(--space-6);
  max-width: var(--measure-md);
}

.problemfan-prose-text {
  font-size: var(--text-regular);
  color: var(--text-body-inverted);
  font-weight: 300;
}

.problemfan-prose-lead {
  font-size: var(--text-medium);
  line-height: var(--lh-body);
  color: var(--text-body-inverted);
}

.icon--forum {
  mask-image: url("https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@latest/rounded/forum.svg");
}

.icon--search {
  mask-image: url("https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@latest/rounded/search.svg");
}

.problemfan-slot {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 16rem;
  min-width: 15rem;
  max-width: 24rem;
  display: flex;
}

.reveal:not(.is-visible) {
  transition-duration: var(--motion-medium);
  transition-delay: 0ms;
}

.wave-underline:hover::after {
  width: 100%;
}

.wave-underline:focus-visible::after {
  width: 100%;
}

.process__card:hover {
  background-color: var(--process-card-hover-bg, transparent);
}

.process__card:hover {
  background-color: var(--process-card-hover-bg, transparent);
}

.trennlinie-hero {
  width: 0.5px;
  height: 100%;
  background-color: #151515;
}

.authority__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 768px) {
  .authority__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  }
}

@media (max-width: 375px) {
  .authority__container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  }
}

.authority__svg {
  height: 5rem;
  width: 5rem;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .text-align-center {
  text-align: center;
  }
}

.padding-bottom-indi-l {
  padding-bottom: var(--space-xl);
}

.process-stage {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  isolation: isolate;
}

.process-stage-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.process-stage-video {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: var(--pv-on, 0);
  transition-property: opacity;
  transition-duration: 520ms;
  transition-timing-function: var(--ease-in-out);
  transition-delay: 0s;
}

.process-stage-scrim {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: var(--scheme-bg);
  opacity: var(--ps-scrim, 0.55);
  transition-property: opacity;
  transition-duration: 520ms;
  transition-timing-function: var(--ease-in-out);
  transition-delay: 0s;
}

.process-stage-content {
  position: relative;
  z-index: 1;
}

.text-align-right {
  text-align: right;
}

.max-width-m {
  max-width: 70%;
}

@media (max-width: 768px) {
  .max-width-m {
  max-width: 85%;
  }
}

.kv-title {
  font-size: 28px;
  line-height: 1.2;
}

.kv-hint {
  font-size: 14px;
  line-height: 1.5;
}

.kv-t7 {
  background-color: rgb(0, 255, 0);
  color: rgb(16, 16, 16);
  font-size: 16px;
}

.kv-t1 {
  background-color: rgb(16, 16, 16);
  color: rgb(255, 255, 255);
}

@media (min-width: 768px) {
  .kv-t1 {
  background-color: rgb(0, 255, 0);
  color: rgb(16, 16, 16);
  }
}

.kv-t2 {
  background-color: rgb(16, 16, 16);
  color: var(--kv-probe, #FFFFFF);
}

.kv-t3 {
  background-color: rgb(16, 16, 16);
  color: rgb(255, 255, 255);
}

.kv-t4 {
  background-color: rgb(16, 16, 16);
  color: rgb(255, 255, 255);
}

.kv-t5 {
  background-color: rgb(16, 16, 16);
  color: rgb(255, 255, 255);
}

.kv-t6 {
  background-color: rgb(16, 16, 16);
  color: rgb(255, 255, 255);
  font: 400 var(--text-h3)/var(--lh-h3) Lexend, sans-serif;
}

.kv-t8 {
  background-color: rgb(16, 16, 16);
  color: rgb(255, 255, 255);
}

.kv-t9 {
  background-color: rgb(16, 16, 16);
  color: rgb(255, 255, 255);
}

.kv-page {
  display: block;
  padding: 40px;
}

.kv-t4p .kv-t4 {
  background-color: rgb(0, 255, 0);
  color: rgb(16, 16, 16);
}

.kv-t5[data-kv="on"] {
  background-color: rgb(0, 255, 0);
  color: rgb(16, 16, 16);
}

.kv-t8:hover::after {
  content: " HOVER";
  color: rgb(0, 255, 0);
}

.impressum-block {
  margin-bottom: 40px;
}

.impressum-block h2 {
  font-family: var(--font-heading);
  color: var(--primary);
  font-size: 1.25rem;
  margin: 0px 0px 12px;
}

.impressum-block p {
  font-family: var(--font-primary);
  line-height: 1.65;
  margin: 0px 0px 8px;
  color: var(--primary-d-2);
}

.impressum-block a {
  color: var(--primary);
}

.impressum-placeholder {
  color: var(--secondary);
  font-style: italic;
}

.navbar-container {
  display: flex;
  justify-content: space-between;
}

.media-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(70%);
}

.service-img-1 {
  background-image: url("/uploads/fqhpoj3xn42eHnMkxLz9r-website-fuer-restaurant-stuttgart-w453.webp");
  background-image: image-set(url("/uploads/fqhpoj3xn42eHnMkxLz9r-website-fuer-restaurant-stuttgart-w64.webp") 0.06x, url("/uploads/fqhpoj3xn42eHnMkxLz9r-website-fuer-restaurant-stuttgart-w320.webp") 0.31x, url("/uploads/fqhpoj3xn42eHnMkxLz9r-website-fuer-restaurant-stuttgart-w453.webp") 0.44x);
  object-fit: fill;
  object-position: center center;
  background-repeat: repeat;
  background-size: 100%;
  filter: grayscale(70%);
}

.service-img-2 {
  background-image: url("/uploads/jpO0LOif9y4LnR-3tcWeH-social-media-produktion-restaurants-f-w453.webp");
  background-image: image-set(url("/uploads/jpO0LOif9y4LnR-3tcWeH-social-media-produktion-restaurants-f-w64.webp") 0.06x, url("/uploads/jpO0LOif9y4LnR-3tcWeH-social-media-produktion-restaurants-f-w320.webp") 0.31x, url("/uploads/jpO0LOif9y4LnR-3tcWeH-social-media-produktion-restaurants-f-w453.webp") 0.44x);
  background-size: 100%;
  background-repeat: repeat;
  object-fit: cover;
  object-position: center center;
  filter: grayscale(70%);
}

.service-img-3 {
  background-image: url("/uploads/TgNASt4h5wc8oUQq3H7yM-Speisekarte-digitalisieren-Restaurants-Stuttgart-w453.webp");
  background-image: image-set(url("/uploads/TgNASt4h5wc8oUQq3H7yM-Speisekarte-digitalisieren-Restaurants-Stuttgart-w64.webp") 0.06x, url("/uploads/TgNASt4h5wc8oUQq3H7yM-Speisekarte-digitalisieren-Restaurants-Stuttgart-w320.webp") 0.31x, url("/uploads/TgNASt4h5wc8oUQq3H7yM-Speisekarte-digitalisieren-Restaurants-Stuttgart-w453.webp") 0.44x);
  background-size: 100%;
  background-repeat: repeat;
  object-fit: cover;
  object-position: center center;
  filter: grayscale(70%);
}

.service-img-4 {
  background-image: url("/uploads/PEO2pNg2QkgLCsM9Q1ho8-google-maps-feedback-management-stuttgart-w453.webp");
  background-image: image-set(url("/uploads/PEO2pNg2QkgLCsM9Q1ho8-google-maps-feedback-management-stuttgart-w64.webp") 0.06x, url("/uploads/PEO2pNg2QkgLCsM9Q1ho8-google-maps-feedback-management-stuttgart-w320.webp") 0.31x, url("/uploads/PEO2pNg2QkgLCsM9Q1ho8-google-maps-feedback-management-stuttgart-w453.webp") 0.44x);
  background-size: 100%;
  background-repeat: repeat;
  object-fit: cover;
  object-position: center center;
  filter: grayscale(70%);
}

.service-img-5 {
  background-image: url("/uploads/u62XeNzE3uHSFjQOzVgsl-seo-aeo-bei-ki-vorgeschlagen-werden-stuttgart-w453.webp");
  background-image: image-set(url("/uploads/u62XeNzE3uHSFjQOzVgsl-seo-aeo-bei-ki-vorgeschlagen-werden-stuttgart-w64.webp") 0.06x, url("/uploads/u62XeNzE3uHSFjQOzVgsl-seo-aeo-bei-ki-vorgeschlagen-werden-stuttgart-w320.webp") 0.31x, url("/uploads/u62XeNzE3uHSFjQOzVgsl-seo-aeo-bei-ki-vorgeschlagen-werden-stuttgart-w453.webp") 0.44x);
  background-size: 100%;
  background-repeat: repeat;
  object-fit: cover;
  object-position: center center;
  filter: grayscale(70%);
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-600 {
  font-weight: 600;
}