.lc-page {
  font-family: var(--font-body);
  background: var(--surface);
  overflow-x: clip;
  overflow-y: clip;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-1: 130ms;
  --dur-2: 240ms;
  --dur-3: 420ms;
  --r-pill: 999px;
  --r-card: 16px;
  --r-badge: 8px;
  --r-media: 18px;
  --shell: #FAFAF8;
  --tint: #F3F2EE;
  --tint-deep: #EAE8E2;
  --ink-warm: #33342E;
  color: var(--ink-warm);
}

.lc-wrap {
  width: 100%;
  max-width: 1240px;
  margin: 0px auto;
  padding: 0px 20px;
  padding-inline-start: clamp(1.25rem, 0.9rem + 1.5vw, 2rem);
  padding-inline-end: clamp(1.25rem, 0.9rem + 1.5vw, 2rem);
  margin-inline-start: auto;
  margin-inline-end: auto;
}

@media (min-width: 768px) {
  .lc-wrap {
  padding: 0px 32px;
  }
}

.lc-hdr {
  border-bottom: 1px solid var(--line);
  position: sticky;
  inset-block-start: 0px;
  z-index: 50;
  background: color-mix(in srgb, var(--surface) 84%, transparent);
  backdrop-filter: saturate(180%) blur(14px);
  border-block-end: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-1: 130ms;
  --dur-2: 240ms;
  --dur-3: 420ms;
  --r-pill: 999px;
  --r-card: 16px;
  --r-badge: 8px;
  --r-media: 18px;
  --ink-warm: #33342E;
}

@media (prefers-reduced-motion: reduce) {
  .lc-hdr {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

@supports (animation-timeline: scroll()) {
  .lc-hdr {
  animation-duration: auto;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-hdr-shadow;
  animation-timeline: scroll(root);
  animation-range-start: 0px;
  animation-range-end: 140px;
  }
}

.lc-hdr-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding: 14px 0px;
  padding-block-start: clamp(0.75rem, 0.6rem + 0.6vw, 1.125rem);
  padding-block-end: clamp(0.75rem, 0.6rem + 0.6vw, 1.125rem);
  padding-inline-start: clamp(1.25rem, 0.9rem + 1.5vw, 2rem);
  padding-inline-end: clamp(1.25rem, 0.9rem + 1.5vw, 2rem);
}

@media (min-width: 1024px) {
  .lc-hdr-in {
  padding: 18px 0px;
  }
}

.lc-logo {
  display: flex;
  flex-direction: column;
  line-height: 1;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.lc-nav {
  display: none;
  row-gap: 26px;
  column-gap: 26px;
  align-items: center;
}

@media (min-width: 1024px) {
  .lc-nav {
  display: flex;
  }
}

@media (max-width: 1023px) {
  .lc-nav {
  display: none;
  position: absolute;
  inset-inline-start: 0px;
  inset-inline-end: 0px;
  inset-block-start: 100%;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0px;
  column-gap: 0px;
  background: var(--surface);
  border-block-end: 1px solid var(--line);
  box-shadow: color-mix(in srgb, rgb(16, 40, 24) 16%, transparent) 0px 20px 44px;
  padding-block-start: 6px;
  padding-block-end: 16px;
  max-block-size: calc(-100% + 100dvh);
  overflow-y: auto;
  }
}

.lc-nav-link {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--ink);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  padding: 6px 0px;
  transition-behavior: normal, normal;
  transition-duration: 200ms, 200ms;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: color, border-color;
  position: relative;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

@media (max-width: 1023px) {
  .lc-nav-link {
  padding: 15px clamp(1.25rem, 0.9rem + 1.5vw, 2rem);
  font-size: 13px;
  }
}

.lc-burger {
  display: inline-flex;
  flex-direction: column;
  row-gap: 5px;
  column-gap: 5px;
  position: relative;
  inline-size: 44px;
  block-size: 44px;
  padding: 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;
  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;
  cursor: pointer;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

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

.lc-hero {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  background: var(--brand-deep);
}

.lc-hero-in {
  position: relative;
  padding: 44px 0px 48px;
  padding-block-start: clamp(2.75rem, 1.2rem + 6.6vw, 5.25rem);
  padding-block-end: clamp(2.75rem, 1.2rem + 6.6vw, 5.25rem);
}

@media (min-width: 768px) {
  .lc-hero-in {
  padding: 88px 0px 96px;
  }
}

@media (min-width: 1024px) {
  .lc-hero-in {
  padding: 84px 0px 88px;
  }
}

.lc-panel {
  background: var(--overlay);
  padding: 28px 24px 30px;
  max-width: 100%;
  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(13, 28, 18, 0.66);
  backdrop-filter: blur(3px);
  padding-block-start: clamp(1.75rem, 1rem + 3.2vw, 3.125rem);
  padding-block-end: clamp(1.875rem, 1.05rem + 3.5vw, 3.375rem);
  padding-inline-start: clamp(1.5rem, 0.6rem + 3.8vw, 3.375rem);
  padding-inline-end: clamp(1.5rem, 0.6rem + 3.8vw, 3.375rem);
}

@media (min-width: 768px) {
  .lc-panel {
  padding: 40px 40px 44px;
  }
}

@media (min-width: 1024px) {
  .lc-panel {
  width: 840px;
  max-width: 100%;
  padding: 50px 54px 54px;
  }
}

.lc-h1 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.16;
  color: rgb(255, 255, 255);
  margin: 0px;
  animation-duration: 760ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 80ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-rise;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  font-size: clamp(2rem, 1.736rem + 1.127vw, 2.75rem);
  text-wrap-mode: initial;
  text-wrap-style: balance;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

@media (min-width: 1024px) {
  .lc-h1 {
  line-height: 1.18;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lc-h1 {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

.lc-note {
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.84);
  margin: 14px 0px 0px;
  animation-duration: 760ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 200ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-rise;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  font-size: clamp(0.9375rem, 0.894rem + 0.188vw, 1.0625rem);
  text-wrap-mode: initial;
  text-wrap-style: pretty;
}

@media (min-width: 1024px) {
  .lc-note {
  margin-top: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lc-note {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

.lc-rule {
  height: 1px;
  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(255, 255, 255, 0.26);
  margin: 24px 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;
  animation-duration: 900ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 320ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-wipe;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  transform-origin: left center;
}

@media (min-width: 1024px) {
  .lc-rule {
  margin: 30px 0px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lc-rule {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  transform: none;
  }
}

.lc-stats {
  display: flex;
  flex-wrap: wrap;
  row-gap: 22px;
  column-gap: 28px;
}

@media (min-width: 768px) {
  .lc-stats {
  flex-wrap: nowrap;
  row-gap: 32px;
  column-gap: 32px;
  }
}

@media (min-width: 1024px) {
  .lc-stats {
  row-gap: 44px;
  column-gap: 44px;
  }
}

.lc-stat {
  min-width: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 132px;
  animation-duration: 700ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-rise;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

@media (prefers-reduced-motion: reduce) {
  .lc-stat {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

.lc-stat-ic {
  border: 2px solid var(--leaf);
  background-image: none;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  width: 24px;
  height: 24px;
  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-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
  background-size: contain;
  margin-bottom: 12px;
}

.lc-stat-num {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.05;
  color: rgb(255, 255, 255);
  display: block;
  letter-spacing: -0.01em;
  font-size: clamp(1.625rem, 1.493rem + 0.563vw, 2rem);
}

.lc-stat-lbl {
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.76);
  margin: 7px 0px 0px;
  display: block;
}

@media (min-width: 1024px) {
  .lc-stat-lbl {
  font-size: 14px;
  }
}

.lc-btn {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 26px;
  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;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  transition-behavior: normal, normal, normal;
  transition-duration: 220ms, 220ms, 220ms;
  transition-timing-function: ease, cubic-bezier(0.22, 1, 0.36, 1), ease;
  transition-delay: 0s, 0s, 0s;
  transition-property: background-color, transform, box-shadow;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  isolation: isolate;
  transition: transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), color var(--dur-2) var(--ease-soft);
  background: var(--amber);
  color: rgb(36, 31, 18);
  border-radius: var(--r-pill);
  padding: 15px 26px;
}

@media (min-width: 1024px) {
  .lc-btn {
  font-size: 13px;
  padding: 17px 24px;
  margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .lc-btn {
  white-space-collapse: collapse;
  text-wrap-mode: wrap;
  max-inline-size: 100%;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 10px;
  row-gap: 6px;
  letter-spacing: 0.06em;
  padding: 15px 20px;
  }
}

.lc-btn-ic {
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  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-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition-behavior: normal, normal;
  transition-duration: 260ms, 220ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), ease;
  transition-delay: 0s, 0s;
  transition-property: transform, background-color;
  transition: transform var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease-soft), border-color var(--dur-2) var(--ease-soft);
  border-top-color: color-mix(in srgb, rgb(36, 31, 18) 42%, transparent);
  border-right-color: color-mix(in srgb, rgb(36, 31, 18) 42%, transparent);
  border-bottom-color: color-mix(in srgb, rgb(36, 31, 18) 42%, transparent);
  border-left-color: color-mix(in srgb, rgb(36, 31, 18) 42%, transparent);
}

.lc-sec {
  padding: 64px 0px;
  padding-block-start: clamp(3.5rem, 2.4rem + 4.7vw, 5.5rem);
  padding-block-end: clamp(3.5rem, 2.4rem + 4.7vw, 5.5rem);
  background: var(--surface);
}

@media (min-width: 768px) {
  .lc-sec {
  padding: 88px 0px;
  }
}

.lc-h2 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.015em;
  margin: 0px;
  font-size: clamp(1.625rem, 1.405rem + 0.939vw, 2.25rem);
  text-wrap-mode: initial;
  text-wrap-style: balance;
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  color: var(--ink-warm);
}

@media (min-width: 1024px) {
  .lc-h2 {
  line-height: 1.22;
  }
}

@supports (animation-timeline: view()) {
  .lc-h2 {
  animation-duration: 700ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-rise;
  animation-timeline: view();
  animation-range-start: entry 5%;
  animation-range-end: cover 22%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lc-h2 {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

.lc-sub {
  line-height: 1.6;
  color: var(--muted);
  margin: 12px 0px 0px;
  max-width: 640px;
  font-size: clamp(0.9375rem, 0.915rem + 0.094vw, 1rem);
  text-wrap-mode: initial;
  text-wrap-style: pretty;
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  font-family: var(--font-body);
}

@supports (animation-timeline: view()) {
  .lc-sub {
  animation-duration: 700ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-rise;
  animation-timeline: view();
  animation-range-start: entry 8%;
  animation-range-end: cover 26%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lc-sub {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

.lc-grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
  column-gap: 24px;
  margin-top: 38px;
}

@media (min-width: 768px) {
  .lc-grid {
  grid-template-columns: repeat(2, 1fr);
  row-gap: 28px;
  column-gap: 28px;
  }
}

@media (min-width: 1024px) {
  .lc-grid {
  grid-template-columns: repeat(3, 1fr);
  row-gap: 30px;
  column-gap: 30px;
  }
}

.lc-prog {
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  container-name: prog;
  container-type: inline-size;
  transition-behavior: normal, normal, normal, normal;
  transition-duration: 300ms, 240ms, 300ms, 260ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), ease, ease, ease;
  transition-delay: 0s, 0s, 0s, 0s;
  transition-property: transform, border-color, box-shadow, opacity;
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  transition: transform var(--dur-3) var(--ease), border-color var(--dur-2) var(--ease-soft), box-shadow var(--dur-3) var(--ease), opacity var(--dur-2) var(--ease-soft);
  background: var(--surface);
  border-radius: var(--r-card);
  overflow-x: hidden;
  overflow-y: hidden;
}

@supports (animation-timeline: view()) {
  .lc-prog {
  animation-duration: 700ms;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-fade;
  animation-timeline: view();
  animation-range-start: entry 2%;
  animation-range-end: cover 26%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lc-prog {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  transition-behavior: normal;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: border-color;
  }
}

.lc-prog-media {
  position: relative;
  aspect-ratio: 4 / 3;
  background-image: linear-gradient(160deg, rgb(58, 95, 63), rgb(29, 58, 38));
  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;
  display: flex;
  align-items: flex-end;
  padding: 20px;
  transition-behavior: normal;
  transition-duration: 620ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s;
  transition-property: transform;
  transform-origin: center center;
  border-radius: var(--r-media);
  overflow-x: hidden;
  overflow-y: hidden;
}

.lc-prog-ph {
  position: absolute;
  top: 12px;
  left: 16px;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.34);
  display: none;
}

.lc-prog-title {
  position: relative;
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.18;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  margin: 0px;
  letter-spacing: 0.005em;
  font-size: clamp(1.3125rem, 1.203rem + 0.47vw, 1.625rem);
  text-wrap-mode: initial;
  text-wrap-style: balance;
}

.lc-prog-band {
  background: var(--leaf-soft);
  border-top: 4px solid var(--amber);
  padding: 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
}

@container prog (min-inline-size: 380px) {
  .lc-prog-band {
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  }
}

.lc-prog-num {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.2;
  color: var(--brand);
  display: block;
  font-size: clamp(1.25rem, 1.162rem + 0.376vw, 1.5rem);
}

.lc-prog-desc {
  font-size: 13px;
  line-height: 1.45;
  color: var(--muted);
  margin: 5px 0px 0px;
}

@media (min-width: 1024px) {
  .lc-prog-desc {
  font-size: 14px;
  }
}

.lc-prog-chart {
  width: 34px;
  height: 34px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border: 3px solid var(--brand);
  border-right-color: var(--leaf-soft);
  flex-shrink: 0;
}

.lc-prog-body {
  padding: 20px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
}

@container prog (min-inline-size: 380px) {
  .lc-prog-body {
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  }
}

.lc-prog-lbl {
  font-size: 13px;
  font-weight: 700;
  margin: 0px 0px 6px;
  color: var(--ink-warm);
}

@media (min-width: 1024px) {
  .lc-prog-lbl {
  font-size: 14px;
  }
}

.lc-prog-txt {
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
  margin: 0px 0px 18px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
}

@media (min-width: 1024px) {
  .lc-prog-txt {
  font-size: 14px;
  }
}

.lc-link {
  margin-top: auto;
  align-self: flex-start;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--brand);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  border-bottom: 2px solid var(--leaf);
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  transition-behavior: normal, normal, normal;
  transition-duration: 200ms, 200ms, 240ms;
  transition-timing-function: ease, ease, cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s, 0s, 0s;
  transition-property: color, border-color, gap;
  position: relative;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  padding-bottom: 6px;
}

.lc-cta-row {
  margin-top: 36px;
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

@supports (animation-timeline: view()) {
  .lc-cta-row {
  animation-duration: 700ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-rise;
  animation-timeline: view();
  animation-range-start: entry;
  animation-range-end: cover 20%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lc-cta-row {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

.lc-sec-alt {
  padding: 64px 0px;
  padding-block-start: clamp(3.5rem, 2.4rem + 4.7vw, 5.5rem);
  padding-block-end: clamp(3.5rem, 2.4rem + 4.7vw, 5.5rem);
  background: var(--shell);
}

@media (min-width: 768px) {
  .lc-sec-alt {
  padding: 88px 0px;
  }
}

.lc-proj {
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  container-name: proj;
  container-type: inline-size;
  transition-behavior: normal, normal, normal, normal;
  transition-duration: 300ms, 240ms, 300ms, 260ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), ease, ease, ease;
  transition-delay: 0s, 0s, 0s, 0s;
  transition-property: transform, border-color, box-shadow, opacity;
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  transition: transform var(--dur-3) var(--ease), border-color var(--dur-2) var(--ease-soft), box-shadow var(--dur-3) var(--ease), opacity var(--dur-2) var(--ease-soft);
  background: var(--surface);
  border-radius: var(--r-card);
  overflow-x: hidden;
  overflow-y: hidden;
}

@supports (animation-timeline: view()) {
  .lc-proj {
  animation-duration: 700ms;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-fade;
  animation-timeline: view();
  animation-range-start: entry 2%;
  animation-range-end: cover 26%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lc-proj {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  transition-behavior: normal;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: border-color;
  }
}

.lc-proj-media {
  background-image: linear-gradient(160deg, rgb(70, 96, 63), rgb(34, 50, 31));
  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;
  transition-behavior: normal;
  transition-duration: 620ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s;
  transition-property: transform;
  transform-origin: center center;
  position: relative;
  aspect-ratio: 16 / 10;
  border-radius: var(--r-media);
  overflow-x: hidden;
  overflow-y: hidden;
}

.lc-proj-body {
  padding: 22px 20px 24px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
}

.lc-proj-name {
  font-size: clamp(1.3125rem, 1.203rem + 0.47vw, 1.625rem);
  text-wrap-mode: initial;
  text-wrap-style: balance;
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.18;
  margin: 0px 0px 12px;
  color: var(--ink-warm);
}

.lc-tags {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
  margin-bottom: 18px;
}

.lc-tag {
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 7px 11px;
  transition-behavior: normal, normal, normal;
  transition-duration: 200ms, 200ms, 200ms;
  transition-timing-function: ease, ease, ease;
  transition-delay: 0s, 0s, 0s;
  transition-property: background-color, border-color, color;
  transition: background-color var(--dur-2) var(--ease-soft), border-color var(--dur-2) var(--ease-soft), color var(--dur-2) var(--ease-soft);
  background: var(--shell);
  border-radius: var(--r-pill);
}

@media (max-width: 768px) {
  .lc-tag {
  font-size: 11.5px;
  }
}

.lc-part-grid {
  display: grid;
  margin-top: 30px;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  row-gap: 12px;
  column-gap: 12px;
}

@media (min-width: 768px) {
  .lc-part-grid {
  grid-template-columns: repeat(4, 1fr);
  row-gap: 18px;
  column-gap: 18px;
  }
}

@media (min-width: 1024px) {
  .lc-part-grid {
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
  row-gap: 16px;
  column-gap: 16px;
  }
}

@media (min-width: 640px) {
  .lc-part-grid {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  row-gap: 14px;
  column-gap: 14px;
  }
}

.lc-part-cell {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--muted);
  text-align: center;
  transition-behavior: normal, normal, normal;
  transition-duration: 260ms, 240ms, 260ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), ease, ease;
  transition-delay: 0s, 0s, 0s;
  transition-property: transform, border-color, box-shadow;
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  transition: transform var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease-soft), box-shadow var(--dur-2) var(--ease);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--line) 55%, transparent);
  background: var(--surface);
  border-radius: var(--r-card);
  aspect-ratio: 600 / 225;
  padding: clamp(0.5rem, 0.4rem + 0.5vw, 0.875rem);
}

@supports (animation-timeline: view()) {
  .lc-part-cell {
  animation-duration: 600ms;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-fade;
  animation-timeline: view();
  animation-range-start: entry;
  animation-range-end: cover 20%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lc-part-cell {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  transition-behavior: normal;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: border-color;
  }
}

.lc-center {
  text-align: center;
}

.lc-part-cta {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.lc-contact-card {
  display: flex;
  flex-direction: column;
  row-gap: 0px;
  column-gap: 0px;
  margin-top: 8px;
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  background: var(--tint-deep);
  border-radius: var(--r-card);
}

@media (min-width: 1024px) {
  .lc-contact-card {
  flex-direction: row;
  align-items: stretch;
  }
}

@supports (animation-timeline: view()) {
  .lc-contact-card {
  animation-duration: 800ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-rise;
  animation-timeline: view();
  animation-range-start: entry 2%;
  animation-range-end: cover 24%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lc-contact-card {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

.lc-contact-panel {
  background: var(--brand);
  color: rgb(255, 255, 255);
  padding: 32px 26px;
}

@media (min-width: 768px) {
  .lc-contact-panel {
  padding: 40px 34px;
  }
}

@media (min-width: 1024px) {
  .lc-contact-panel {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 52px 44px;
  }
}

.lc-contact-h {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.24;
  margin: 0px 0px 18px;
  color: rgb(255, 255, 255);
  letter-spacing: -0.01em;
  font-size: clamp(1.5rem, 1.368rem + 0.563vw, 1.875rem);
  text-wrap-mode: initial;
  text-wrap-style: balance;
}

.lc-contact-p {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.86);
  margin: 0px 0px 10px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
}

.lc-form {
  padding: 28px 26px 32px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  column-gap: 16px;
}

@media (min-width: 768px) {
  .lc-form {
  grid-template-columns: repeat(2, 1fr);
  row-gap: 18px;
  column-gap: 20px;
  padding: 34px 32px 38px;
  }
}

@media (min-width: 1024px) {
  .lc-form {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  padding: 44px 44px 48px;
  }
}

.lc-field {
  display: flex;
  flex-direction: column;
  row-gap: 7px;
  column-gap: 7px;
}

.lc-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--ink-warm);
}

.lc-input {
  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(228, 230, 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: 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;
  padding: 13px 14px;
  font-family: var(--font-body);
  color: var(--ink);
  width: 100%;
  font-size: 14px;
  transition-behavior: normal, normal;
  transition-duration: 200ms, 200ms;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: background-color, border-color;
  transition: background-color var(--dur-2) var(--ease-soft), border-color var(--dur-2) var(--ease-soft), box-shadow var(--dur-2) var(--ease-soft);
  background: var(--surface);
  border: 1px solid var(--line);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.lc-textarea {
  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(228, 230, 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: 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;
  padding: 13px 14px;
  font-family: var(--font-body);
  color: var(--ink);
  width: 100%;
  min-height: 128px;
  resize: vertical;
  font-size: 14px;
  transition-behavior: normal, normal;
  transition-duration: 200ms, 200ms;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: background-color, border-color;
  transition: background-color var(--dur-2) var(--ease-soft), border-color var(--dur-2) var(--ease-soft), box-shadow var(--dur-2) var(--ease-soft);
  background: var(--surface);
  border: 1px solid var(--line);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.lc-foot {
  background: var(--brand-deep);
  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(12, 26, 17);
  color: rgb(255, 255, 255);
  padding: 0px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-1: 130ms;
  --dur-2: 240ms;
  --dur-3: 420ms;
  --r-pill: 999px;
  --r-card: 16px;
}

.lc-logo-img {
  height: 46px;
  width: auto;
  transition-behavior: normal;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s;
  transition-property: transform;
  block-size: clamp(52px, 44px + 1.4vw, 68px);
  inline-size: auto;
  display: block;
}

@keyframes lc-rise {
  0% {
    opacity: 0;
    transform: translateY(22px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes lc-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes lc-zoom {
  0% {
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes lc-wipe {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

.lc-stats .lc-stat:nth-child(1) {
  animation-delay: 420ms;
}

.lc-stats .lc-stat:nth-child(2) {
  animation-delay: 530ms;
}

.lc-stats .lc-stat:nth-child(3) {
  animation-delay: 640ms;
}

.lc-btn:active {
  scale: 0.975;
  transform: translateY(-1px) scale(0.98);
  transition-duration: var(--dur-1);
}

@media (prefers-reduced-motion: reduce) {
  .lc-btn:active {
  scale: 1;
  transform: none;
  }
}

.lc-prog:hover .lc-prog-media {
  transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
  .lc-prog:hover .lc-prog-media {
  transform: none;
  }
}

.lc-proj:hover .lc-proj-media {
  transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
  .lc-proj:hover .lc-proj-media {
  transform: none;
  }
}

.lc-car {
  position: relative;
}

.lc-car-track {
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  .lc-car-track {
  scroll-behavior: auto;
  }
}

@supports (scroll-marker-group: after) {
  .lc-car-track {
  scroll-marker-group: after;
  }
}

.lc-slide {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  min-width: 100%;
  position: relative;
  scroll-snap-align: start;
  overflow-x: hidden;
  overflow-y: hidden;
}

.lc-slide-media {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  animation-duration: 1400ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: lc-zoom;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  border-radius: var(--r-media);
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .lc-slide-media {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

.lc-slide-1 {
  background-image: linear-gradient(90deg, rgba(8, 20, 12, 0.86) 0%, rgba(8, 20, 12, 0.55) 48%, rgba(8, 20, 12, 0.18) 100%), url("/uploads/UTWycGLPhaYJNxZJAS9WG-hero-nature-based-solutions-w2400.webp");
  background-image: linear-gradient(90deg, rgba(8, 20, 12, 0.86) 0%, rgba(8, 20, 12, 0.55) 48%, rgba(8, 20, 12, 0.18) 100%), image-set(url("/uploads/UTWycGLPhaYJNxZJAS9WG-hero-nature-based-solutions-w64.webp") 0.06x, url("/uploads/UTWycGLPhaYJNxZJAS9WG-hero-nature-based-solutions-w320.webp") 0.31x, url("/uploads/UTWycGLPhaYJNxZJAS9WG-hero-nature-based-solutions-w640.webp") 0.63x, url("/uploads/UTWycGLPhaYJNxZJAS9WG-hero-nature-based-solutions-w1024.webp") 1x, url("/uploads/UTWycGLPhaYJNxZJAS9WG-hero-nature-based-solutions-w1600.webp") 1.56x, url("/uploads/UTWycGLPhaYJNxZJAS9WG-hero-nature-based-solutions-w2048.webp") 2x, url("/uploads/UTWycGLPhaYJNxZJAS9WG-hero-nature-based-solutions-w2400.webp") 2.34x);
  background-size: cover, cover;
  background-position-x: center, center;
  background-position-y: center, 42%;
  background-repeat: no-repeat, no-repeat;
}

.lc-slide-2 {
  background-image: linear-gradient(90deg, rgba(8, 20, 12, 0.86) 0%, rgba(8, 20, 12, 0.55) 48%, rgba(8, 20, 12, 0.18) 100%), url("/uploads/ln-x7DOib4DzkPVcUExtJ-hero-technologie-innovation-w2400.webp");
  background-image: linear-gradient(90deg, rgba(8, 20, 12, 0.86) 0%, rgba(8, 20, 12, 0.55) 48%, rgba(8, 20, 12, 0.18) 100%), image-set(url("/uploads/ln-x7DOib4DzkPVcUExtJ-hero-technologie-innovation-w64.webp") 0.06x, url("/uploads/ln-x7DOib4DzkPVcUExtJ-hero-technologie-innovation-w320.webp") 0.31x, url("/uploads/ln-x7DOib4DzkPVcUExtJ-hero-technologie-innovation-w640.webp") 0.63x, url("/uploads/ln-x7DOib4DzkPVcUExtJ-hero-technologie-innovation-w1024.webp") 1x, url("/uploads/ln-x7DOib4DzkPVcUExtJ-hero-technologie-innovation-w1600.webp") 1.56x, url("/uploads/ln-x7DOib4DzkPVcUExtJ-hero-technologie-innovation-w2048.webp") 2x, url("/uploads/ln-x7DOib4DzkPVcUExtJ-hero-technologie-innovation-w2400.webp") 2.34x);
  background-size: cover, cover;
  background-position-x: center, center;
  background-position-y: center, 45%;
  background-repeat: no-repeat, no-repeat;
}

.lc-slide-3 {
  background-image: linear-gradient(90deg, rgba(8, 20, 12, 0.88) 0%, rgba(8, 20, 12, 0.58) 48%, rgba(8, 20, 12, 0.2) 100%), url("/uploads/nbwQ_Ncu16Tigkkjbqsz0-hero-food-security-riz-w1080.webp");
  background-image: linear-gradient(90deg, rgba(8, 20, 12, 0.88) 0%, rgba(8, 20, 12, 0.58) 48%, rgba(8, 20, 12, 0.2) 100%), image-set(url("/uploads/nbwQ_Ncu16Tigkkjbqsz0-hero-food-security-riz-w64.webp") 0.06x, url("/uploads/nbwQ_Ncu16Tigkkjbqsz0-hero-food-security-riz-w320.webp") 0.31x, url("/uploads/nbwQ_Ncu16Tigkkjbqsz0-hero-food-security-riz-w640.webp") 0.63x, url("/uploads/nbwQ_Ncu16Tigkkjbqsz0-hero-food-security-riz-w1024.webp") 1x, url("/uploads/nbwQ_Ncu16Tigkkjbqsz0-hero-food-security-riz-w1080.webp") 1.05x);
  background-size: cover, cover;
  background-position-x: center, center;
  background-position-y: center, 55%;
  background-repeat: no-repeat, no-repeat;
}

.lc-car-nav {
  left: 0px;
  right: 0px;
  bottom: 22px;
  position: absolute;
  inset-inline-start: 0px;
  inset-inline-end: 0px;
  inset-block-end: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  row-gap: 10px;
  column-gap: 10px;
  z-index: 4;
}

@supports (scroll-marker-group: after) {
  .lc-car-nav {
  display: none;
  }
}

@media (max-width: 768px) {
  .lc-car-nav {
  bottom: 14px;
  inset-block-end: 14px;
  }
}

.lc-dot {
  width: 30px;
  height: 4px;
  display: block;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  inline-size: 30px;
  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;
  padding: 0px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-color: color-mix(in srgb, rgb(255, 255, 255) 34%, transparent);
  cursor: pointer;
  transition-behavior: normal, normal;
  transition-duration: 220ms, 260ms;
  transition-timing-function: ease, cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s, 0s;
  transition-property: background-color, inline-size;
  block-size: 24px;
  padding-block-start: 10px;
  padding-block-end: 10px;
  background-clip: content-box;
}

@media (prefers-reduced-motion: reduce) {
  .lc-dot {
  transition-behavior: normal;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: background-color;
  }
}

.lc-arrow {
  top: 50%;
  width: 44px;
  height: 44px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transform: translateY(-50%);
  position: absolute;
  inset-block-start: 50%;
  translate: 0px -50%;
  inline-size: clamp(2.375rem, 2rem + 1.6vw, 2.75rem);
  block-size: clamp(2.375rem, 2rem + 1.6vw, 2.75rem);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  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: color-mix(in srgb, rgb(255, 255, 255), transparent);
  border-right-color: color-mix(in srgb, rgb(255, 255, 255), transparent);
  border-bottom-color: color-mix(in srgb, rgb(255, 255, 255), transparent);
  border-left-color: color-mix(in srgb, rgb(255, 255, 255), transparent);
  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: color-mix(in srgb, rgb(10, 24, 15) 34%, transparent);
  backdrop-filter: blur(4px);
  color: rgb(255, 255, 255);
  font-size: 1.0625rem;
  line-height: 1;
  padding: 0px;
  cursor: pointer;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-behavior: normal, normal, normal;
  transition-duration: 220ms, 220ms, 240ms;
  transition-timing-function: ease, ease, cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s, 0s, 0s;
  transition-property: background-color, border-color, scale;
  transition: background-color var(--dur-2) var(--ease-soft), border-color var(--dur-2) var(--ease-soft), transform var(--dur-2) var(--ease);
  border-radius: var(--r-pill);
}

@media (max-width: 768px) {
  .lc-arrow {
  width: 38px;
  height: 38px;
  font-size: 15px;
  }
}

.lc-arrow-prev {
  left: 18px;
  inset-inline-start: clamp(0.625rem, 0.2rem + 1.8vw, 1.5rem);
  inset-inline-end: auto;
}

@media (max-width: 768px) {
  .lc-arrow-prev {
  left: 10px;
  }
}

.lc-arrow-next {
  right: 18px;
  inset-inline-end: clamp(0.625rem, 0.2rem + 1.8vw, 1.5rem);
  inset-inline-start: auto;
}

@media (max-width: 768px) {
  .lc-arrow-next {
  right: 10px;
  }
}

.lc-car-track::-webkit-scrollbar {
  display: none;
}

.lc-dot:hover {
  width: 44px;
  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: color-mix(in srgb, rgb(255, 255, 255) 72%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  .lc-dot:hover {
  width: 30px;
  }
}

.lc-arrow:hover {
  background: var(--brand);
  border-color: var(--leaf);
  scale: 1.08;
}

@media (prefers-reduced-motion: reduce) {
  .lc-arrow:hover {
  transform: translateY(-50%);
  scale: 1;
  }
}

.lc-arrow-prev:hover {
  transform: translateY(-50%) translateX(-4px) scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
  .lc-arrow-prev:hover {
  transform: translateY(-50%);
  }
}

.lc-arrow-next:hover {
  transform: translateY(-50%) translateX(4px) scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
  .lc-arrow-next:hover {
  transform: translateY(-50%);
  }
}

@keyframes lc-hdr-shadow {
  100% {
    box-shadow: color-mix(in srgb, rgb(12, 40, 22) 18%, transparent) 0px 8px 28px;
  }
}

.lc-grid:has(.lc-prog:hover) .lc-prog:not(:hover) {
  opacity: 0.7;
}

@media (prefers-reduced-motion: reduce) {
  .lc-grid:has(.lc-prog:hover) .lc-prog:not(:hover) {
  opacity: 1;
  }
}

.lc-grid:has(.lc-proj:hover) .lc-proj:not(:hover) {
  opacity: 0.7;
}

@media (prefers-reduced-motion: reduce) {
  .lc-grid:has(.lc-proj:hover) .lc-proj:not(:hover) {
  opacity: 1;
  }
}

.lc-ft-in {
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding-inline-start: clamp(1.5rem, 0.6rem + 3.8vw, 4rem);
  padding-inline-end: clamp(1.5rem, 0.6rem + 3.8vw, 4rem);
  padding-block-start: clamp(2.5rem, 1.6rem + 3.8vw, 3.75rem);
  padding-block-end: 1.875rem;
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  column-gap: 2.5rem;
  max-inline-size: 1600px;
}

.lc-ft-cols {
  display: flex;
  flex-wrap: wrap;
  row-gap: 3rem;
  column-gap: 3rem;
  justify-content: space-between;
}

@media (max-width: 900px) {
  .lc-ft-cols {
  row-gap: 2.25rem;
  column-gap: 2.25rem;
  }
}

@media (max-width: 640px) {
  .lc-ft-cols {
  row-gap: 2rem;
  column-gap: 2rem;
  }
}

.lc-ft-brand {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  column-gap: 1rem;
  inline-size: 320px;
  max-inline-size: 100%;
}

@media (max-width: 640px) {
  .lc-ft-brand {
  inline-size: 100%;
  }
}

.lc-ft-logo {
  display: flex;
  align-items: center;
  block-size: 40px;
}

.lc-ft-logo-img {
  block-size: 40px;
  inline-size: auto;
  display: block;
  transition-behavior: normal;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: opacity;
}

.lc-ft-tag {
  font-size: 13px;
  line-height: 1.5;
  margin: 0px;
  white-space-collapse: preserve-breaks;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
  color: color-mix(in srgb, var(--leaf) 42%, #C9D3C9);
}

.lc-ft-socials {
  display: flex;
  row-gap: 12px;
  column-gap: 12px;
}

.lc-ft-soc {
  inline-size: 32px;
  block-size: 32px;
  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, 46);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal, normal;
  transition-duration: 220ms, 240ms;
  transition-timing-function: ease, cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s, 0s;
  transition-property: background-color, transform;
  background: color-mix(in srgb, var(--leaf) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--leaf) 26%, transparent);
  color: rgb(255, 255, 255);
  transition: background-color var(--dur-2) var(--ease-soft), border-color var(--dur-2) var(--ease-soft), transform var(--dur-2) var(--ease);
  border-radius: var(--r-pill);
}

@media (max-width: 768px) {
  .lc-ft-soc {
  inline-size: 42px;
  block-size: 42px;
  }
}

.lc-ft-soc svg {
  inline-size: 15px;
  block-size: 15px;
  display: block;
}

.lc-ft-col {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}

.lc-ft-col-prog {
  inline-size: 220px;
}

@media (max-width: 900px) {
  .lc-ft-col-prog {
  inline-size: 200px;
  }
}

@media (max-width: 640px) {
  .lc-ft-col-prog {
  inline-size: 100%;
  }
}

.lc-ft-col-nav {
  inline-size: 180px;
}

@media (max-width: 900px) {
  .lc-ft-col-nav {
  inline-size: 160px;
  }
}

@media (max-width: 640px) {
  .lc-ft-col-nav {
  inline-size: 100%;
  }
}

.lc-ft-col-ctc {
  inline-size: 300px;
  max-inline-size: 100%;
}

@media (max-width: 640px) {
  .lc-ft-col-ctc {
  inline-size: 100%;
  }
}

.lc-ft-title {
  font-size: 14px;
  font-weight: 700;
  margin: 0px;
  letter-spacing: 0.01em;
  color: var(--ink-warm);
}

.lc-ft-link {
  font-size: 13px;
  font-weight: 400;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: color;
  color: color-mix(in srgb, var(--leaf) 34%, #C2CCC2);
  transition: color var(--dur-2) var(--ease-soft);
}

@media (max-width: 768px) {
  .lc-ft-link {
  display: inline-block;
  padding-block-start: 10px;
  padding-block-end: 10px;
  }
}

.lc-ft-txt {
  font-size: 13px;
  font-weight: 400;
  margin: 0px;
  line-height: 1.5;
  white-space-collapse: preserve-breaks;
  text-wrap-mode: wrap;
  color: color-mix(in srgb, var(--leaf) 34%, #C2CCC2);
}

.lc-ft-bottom {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 24px;
  justify-content: space-between;
  align-items: center;
  padding-block-start: 20px;
  border-block-start-width: 1px;
  border-block-start-style: solid;
  border-block-start-color: rgb(51, 51, 51);
  border-block-start: 1px solid color-mix(in srgb, var(--leaf) 20%, transparent);
}

@media (max-width: 640px) {
  .lc-ft-bottom {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 12px;
  column-gap: 12px;
  }
}

.lc-ft-copy {
  font-size: 11px;
  margin: 0px;
  color: color-mix(in srgb, var(--leaf) 28%, #A8B4A8);
}

@media (max-width: 768px) {
  .lc-ft-copy {
  font-size: 12px;
  }
}

.lc-ft-legal {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
}

.lc-ft-legal a {
  font-size: 11px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: color;
  color: color-mix(in srgb, var(--leaf) 28%, #A8B4A8);
}

@media (max-width: 768px) {
  .lc-ft-legal a {
  display: inline-block;
  padding-block-start: 8px;
  padding-block-end: 8px;
  font-size: 12px;
  }
}

.lc-ft-link:hover {
  color: var(--leaf);
}

.lc-ft-soc:hover {
  background: var(--brand);
  border-color: var(--leaf);
  transform: translateY(-3px) scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
  .lc-ft-soc:hover {
  transform: none;
  }
}

.lc-ft-logo:hover .lc-ft-logo-img {
  opacity: 0.82;
}

.lc-ft-legal a:hover {
  color: var(--leaf);
}

.lc-arrow:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 3px;
}

.lc-dot:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 4px;
}

.lc-dot[aria-current="true"] {
  background: var(--leaf);
  inline-size: 46px;
}

.lc-btn:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 3px;
}

.lc-link:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 3px;
}

.lc-btn::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--dur-3) var(--ease);
  background: color-mix(in srgb, var(--amber) 78%, #7a4d00);
  border-radius: var(--r-pill);
}

@media (prefers-reduced-motion: reduce) {
  .lc-btn::before {
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
  }
}

.lc-btn:hover::before {
  transform: scaleX(1);
}

.lc-btn:focus-visible::before {
  transform: scaleX(1);
}

.lc-link::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 2px;
  width: 100%;
  background: var(--leaf);
  transform: scaleX(1);
  transform-origin: left center;
  transition: transform var(--dur-3) var(--ease), background-color var(--dur-2) var(--ease-soft);
}

@media (prefers-reduced-motion: reduce) {
  .lc-link::after {
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
  }
}

.lc-link:hover::after {
  background: var(--brand);
}

.lc-nav-link::after {
  left: 0px;
  bottom: 0px;
  height: 2px;
  width: 100%;
  content: "";
  position: absolute;
  inset-inline-start: 0px;
  inset-inline-end: 0px;
  inset-block-end: 0px;
  block-size: 2px;
  background: var(--leaf);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease-soft);
}

@media (prefers-reduced-motion: reduce) {
  .lc-nav-link::after {
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
  }
}

@media (max-width: 1023px) {
  .lc-nav-link::after {
  content: none;
  }
}

.lc-nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: left center;
}

.lc-arrow:active {
  transform: translateY(-50%) scale(0.94);
  transition-duration: var(--dur-1);
}

@media (prefers-reduced-motion: reduce) {
  .lc-arrow:active {
  transform: translateY(-50%);
  }
}

.lc-eyebrow {
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px 0px 14px;
  display: inline-block;
  border: 1px solid color-mix(in srgb, var(--amber) 72%, transparent);
  color: color-mix(in srgb, var(--amber) 82%, #6b4300);
  border-radius: var(--r-badge);
  padding: 6px 12px;
  font-size: 11px;
  letter-spacing: 0.1em;
  margin-block-end: 20px;
  font-family: var(--font-sub);
}

@media (max-width: 430px) {
  .lc-eyebrow {
  font-size: 10px;
  letter-spacing: 0.06em;
  padding: 5px 10px;
  }
}

@media (max-width: 768px) {
  .lc-eyebrow {
  font-size: 11px;
  letter-spacing: 0.05em;
  padding: 5px 11px;
  }
}

.lc-sec-prog {
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
}

.lc-sec-prog::before {
  content: "";
  position: absolute;
  inset-block-start: -10%;
  inset-inline-end: -7%;
  inline-size: min(680px, 56vw);
  aspect-ratio: 768 / 844.8;
  background-color: color-mix(in srgb, var(--brand) 7%, transparent);
  mask-image: url("/uploads/ykfQJUZWdhX37-mAJoveq-locagri-mark.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  pointer-events: none;
  z-index: 0;
}

@media (max-width: 768px) {
  .lc-sec-prog::before {
  inline-size: 78vw;
  inset-block-start: -4%;
  inset-inline-end: -22%;
  background-color: color-mix(in srgb, var(--brand) 5%, transparent);
  }
}

.lc-prog-media-food {
  background-repeat: no-repeat;
}

.lc-prog-media-nbs {
  background-repeat: no-repeat;
}

.lc-prog-media-ti {
  background-repeat: no-repeat;
}

.lc-prog-media.lc-prog-media-food {
  background-image: linear-gradient(to top, rgba(8, 20, 12, 0.88) 0%, rgba(8, 20, 12, 0.44) 40%, rgba(8, 20, 12, 0.06) 70%), url("/uploads/cKBmb51Yax2M9IDdbcEWT-card-food-security-w1400.webp");
  background-image: linear-gradient(to top, rgba(8, 20, 12, 0.88) 0%, rgba(8, 20, 12, 0.44) 40%, rgba(8, 20, 12, 0.06) 70%), image-set(url("/uploads/cKBmb51Yax2M9IDdbcEWT-card-food-security-w64.webp") 0.06x, url("/uploads/cKBmb51Yax2M9IDdbcEWT-card-food-security-w320.webp") 0.31x, url("/uploads/cKBmb51Yax2M9IDdbcEWT-card-food-security-w640.webp") 0.63x, url("/uploads/cKBmb51Yax2M9IDdbcEWT-card-food-security-w1024.webp") 1x, url("/uploads/cKBmb51Yax2M9IDdbcEWT-card-food-security-w1400.webp") 1.37x);
  background-size: cover, cover;
  background-position-x: center, center;
  background-position-y: center, center;
  background-repeat: no-repeat, no-repeat;
}

.lc-prog-media.lc-prog-media-nbs {
  background-image: linear-gradient(to top, rgba(8, 20, 12, 0.88) 0%, rgba(8, 20, 12, 0.44) 40%, rgba(8, 20, 12, 0.06) 70%), url("/uploads/eZHSO-r6CNN5qNM6d5gBw-card-nature-based-solutions-w1400.webp");
  background-image: linear-gradient(to top, rgba(8, 20, 12, 0.88) 0%, rgba(8, 20, 12, 0.44) 40%, rgba(8, 20, 12, 0.06) 70%), image-set(url("/uploads/eZHSO-r6CNN5qNM6d5gBw-card-nature-based-solutions-w64.webp") 0.06x, url("/uploads/eZHSO-r6CNN5qNM6d5gBw-card-nature-based-solutions-w320.webp") 0.31x, url("/uploads/eZHSO-r6CNN5qNM6d5gBw-card-nature-based-solutions-w640.webp") 0.63x, url("/uploads/eZHSO-r6CNN5qNM6d5gBw-card-nature-based-solutions-w1024.webp") 1x, url("/uploads/eZHSO-r6CNN5qNM6d5gBw-card-nature-based-solutions-w1400.webp") 1.37x);
  background-size: cover, cover;
  background-position-x: center, center;
  background-position-y: center, center;
  background-repeat: no-repeat, no-repeat;
}

.lc-prog-media.lc-prog-media-ti {
  background-image: linear-gradient(to top, rgba(8, 20, 12, 0.88) 0%, rgba(8, 20, 12, 0.44) 40%, rgba(8, 20, 12, 0.06) 70%), url("/uploads/G33QOAnZh4zWR9TpiVJ17-card-technologie-innovation-w1400.webp");
  background-image: linear-gradient(to top, rgba(8, 20, 12, 0.88) 0%, rgba(8, 20, 12, 0.44) 40%, rgba(8, 20, 12, 0.06) 70%), image-set(url("/uploads/G33QOAnZh4zWR9TpiVJ17-card-technologie-innovation-w64.webp") 0.06x, url("/uploads/G33QOAnZh4zWR9TpiVJ17-card-technologie-innovation-w320.webp") 0.31x, url("/uploads/G33QOAnZh4zWR9TpiVJ17-card-technologie-innovation-w640.webp") 0.63x, url("/uploads/G33QOAnZh4zWR9TpiVJ17-card-technologie-innovation-w1024.webp") 1x, url("/uploads/G33QOAnZh4zWR9TpiVJ17-card-technologie-innovation-w1400.webp") 1.37x);
  background-size: cover, cover;
  background-position-x: center, center;
  background-position-y: center, center;
  background-repeat: no-repeat, no-repeat;
}

.lc-part-img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
  display: block;
  filter: grayscale(1);
  opacity: 0.58;
  transition: filter var(--dur-3) var(--ease-soft), opacity var(--dur-3) var(--ease-soft);
}

@media (prefers-reduced-motion: reduce) {
  .lc-part-img {
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
  }
}

.lc-part-cell:hover .lc-part-img {
  filter: grayscale(0);
  opacity: 1;
}

.lc-proj-tag {
  display: inline-block;
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brand);
  background: var(--leaf-soft);
  padding: 6px 10px;
  margin: 0px 0px 14px;
}

@media (max-width: 768px) {
  .lc-proj-tag {
  font-size: 11.5px;
  }
}

.lc-proj-kpi {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.125rem, 1rem + 0.55vw, 1.375rem);
  line-height: 1.25;
  color: var(--brand);
  margin: 0px 0px 18px;
}

.lc-proj-media-rizao {
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-image: url("/uploads/9EgcnQw7GJYcnOSYUcIOP-projet-rizao-w1400.webp");
  background-image: image-set(url("/uploads/9EgcnQw7GJYcnOSYUcIOP-projet-rizao-w64.webp") 0.06x, url("/uploads/9EgcnQw7GJYcnOSYUcIOP-projet-rizao-w320.webp") 0.31x, url("/uploads/9EgcnQw7GJYcnOSYUcIOP-projet-rizao-w640.webp") 0.63x, url("/uploads/9EgcnQw7GJYcnOSYUcIOP-projet-rizao-w1024.webp") 1x, url("/uploads/9EgcnQw7GJYcnOSYUcIOP-projet-rizao-w1400.webp") 1.37x);
  background-size: cover;
  background-position-x: center;
  background-position-y: 42%;
  background-repeat: no-repeat;
}

.lc-proj-media-resicao {
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-image: url("/uploads/KeTr8tp8LvHwK5XwTjzIX-projet-resicao-w1400.webp");
  background-image: image-set(url("/uploads/KeTr8tp8LvHwK5XwTjzIX-projet-resicao-w64.webp") 0.06x, url("/uploads/KeTr8tp8LvHwK5XwTjzIX-projet-resicao-w320.webp") 0.31x, url("/uploads/KeTr8tp8LvHwK5XwTjzIX-projet-resicao-w640.webp") 0.63x, url("/uploads/KeTr8tp8LvHwK5XwTjzIX-projet-resicao-w1024.webp") 1x, url("/uploads/KeTr8tp8LvHwK5XwTjzIX-projet-resicao-w1400.webp") 1.37x);
  background-size: cover;
  background-position-x: center;
  background-position-y: 40%;
  background-repeat: no-repeat;
}

.lc-proj-media-rdue {
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-image: url("/uploads/u4stRKO4BBUkEBjSxyWH6-projet-remediation-rdue-w1400.webp");
  background-image: image-set(url("/uploads/u4stRKO4BBUkEBjSxyWH6-projet-remediation-rdue-w64.webp") 0.06x, url("/uploads/u4stRKO4BBUkEBjSxyWH6-projet-remediation-rdue-w320.webp") 0.31x, url("/uploads/u4stRKO4BBUkEBjSxyWH6-projet-remediation-rdue-w640.webp") 0.63x, url("/uploads/u4stRKO4BBUkEBjSxyWH6-projet-remediation-rdue-w1024.webp") 1x, url("/uploads/u4stRKO4BBUkEBjSxyWH6-projet-remediation-rdue-w1400.webp") 1.37x);
  background-size: cover;
  background-position-x: center;
  background-position-y: 45%;
  background-repeat: no-repeat;
}

.lc-fact {
  display: contents;
}

.lc-facts {
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 8px;
  column-gap: 16px;
  margin: 0px 0px 22px;
  padding: 16px 0px 0px;
  border-top: 1px solid var(--line);
}

.lc-fact dt {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  padding-top: 2px;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

@media (max-width: 768px) {
  .lc-fact dt {
  font-size: 11px;
  }
}

.lc-fact dd {
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink);
  margin: 0px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
}

.lc-sr-only {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0px;
  margin: -1px;
  overflow-x: hidden;
  overflow-y: hidden;
  clip-path: inset(50%);
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  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;
}

.lc-nav-drop {
  position: relative;
}

@media (max-width: 1023px) {
  .lc-nav-drop {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  }
}

.lc-drop-item {
  display: block;
  padding: 12px 14px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  border-inline-start-width: 2px;
  border-inline-start-style: solid;
  border-inline-start-color: transparent;
  transition: background-color var(--dur-2) var(--ease-soft), border-color var(--dur-2) var(--ease-soft);
}

@media (max-width: 1023px) {
  .lc-drop-item {
  border-inline-start: 2px solid var(--line);
  margin-inline-start: clamp(1.25rem, 0.9rem + 1.5vw, 2rem);
  padding: 11px 16px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding-block-start: 13px;
  padding-block-end: 13px;
  }
}

.lc-drop-t {
  display: block;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 14px;
  color: var(--ink);
  letter-spacing: 0.005em;
}

.lc-drop-d {
  display: block;
  font-size: 12px;
  line-height: 1.45;
  color: var(--muted);
  margin-block-start: 3px;
}

@media (max-width: 1023px) {
  .lc-drop-d {
  display: none;
  }
}

.lc-drop-item:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: -2px;
}

.lc-phero {
  position: static;
  overflow-x: visible;
  overflow-y: visible;
  padding-block-start: clamp(2.5rem, 1.6rem + 3.8vw, 5rem);
  padding-block-end: clamp(2.5rem, 1.6rem + 3.8vw, 5rem);
  background: var(--surface);
}

@media (min-width: 900px) {
  .lc-phero {
  padding-block-start: clamp(2rem, 1.2rem + 2.4vw, 3.25rem);
  padding-block-end: clamp(2rem, 1.2rem + 2.4vw, 3.25rem);
  }
}

.lc-phero-in {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: clamp(2rem, 1.2rem + 3.4vw, 4rem);
  column-gap: clamp(2rem, 1.2rem + 3.4vw, 4rem);
  align-items: center;
  max-inline-size: none;
  padding-block-start: 0px;
  padding-block-end: 0px;
  position: static;
}

@media (min-width: 900px) {
  .lc-phero-in {
  grid-template-columns: minmax(0px, 600fr) minmax(0px, 612fr);
  min-block-size: min(76vh, 680px);
  align-items: center;
  }
}

.lc-crumb {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 12px;
  color: var(--muted);
  margin-block-end: 20px;
}

.lc-crumb a {
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: color var(--dur-2) var(--ease-soft);
  color: var(--muted);
}

.lc-crumb a:hover {
  color: var(--brand);
}

.lc-ph-title {
  font-family: var(--font-display);
  font-weight: 700;
  margin: 0px 0px 20px;
  text-wrap-mode: initial;
  text-wrap-style: balance;
  color: var(--ink-warm);
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.16;
  font-size: clamp(2.125rem, 1.5rem + 2.8vw, 4rem);
}

@media (min-width: 900px) {
  .lc-ph-title {
  font-size: clamp(2.5rem, 1.6rem + 3.4vw, 4.5rem);
  }
}

.lc-ph-lead {
  font-size: clamp(0.9375rem, 0.88rem + 0.35vw, 1.125rem);
  line-height: 1.62;
  margin: 0px 0px 30px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
  color: var(--muted);
  font-family: var(--font-body);
}

@media (min-width: 900px) {
  .lc-ph-lead {
  font-size: clamp(1rem, 0.92rem + 0.5vw, 1.25rem);
  max-inline-size: 34em;
  }
}

.lc-figs {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1px;
  column-gap: 1px;
  border: 1px solid var(--line);
  background: var(--line);
  border-color: var(--line);
  border-radius: var(--r-card);
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (min-width: 640px) {
  .lc-figs {
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}

.lc-fig {
  padding: clamp(1.25rem, 0.9rem + 1.5vw, 2rem);
  background: var(--surface);
}

.lc-fig-num {
  display: block;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2.125rem);
  line-height: 1.1;
  color: var(--brand);
  letter-spacing: -0.01em;
}

.lc-fig-lbl {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  color: var(--muted);
  margin-block-start: 8px;
  font-family: var(--font-sub);
}

.lc-two {
  display: grid;
  row-gap: clamp(2rem, 1.2rem + 3.4vw, 3.5rem);
  column-gap: clamp(2rem, 1.2rem + 3.4vw, 3.5rem);
  align-items: center;
  grid-template-columns: 1fr;
}

@media (min-width: 900px) {
  .lc-two {
  grid-template-columns: minmax(0px, 560fr) minmax(0px, 624fr);
  }
}

.lc-two-media {
  background-image: linear-gradient(155deg, rgb(53, 88, 59), rgb(23, 48, 30));
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  aspect-ratio: 560 / 340;
  background-color: var(--tint-deep);
  border-radius: var(--r-media);
}

.lc-lead-p {
  font-size: clamp(0.9375rem, 0.9rem + 0.25vw, 1.0625rem);
  line-height: 1.68;
  color: var(--muted);
  margin: 18px 0px 0px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
  font-family: var(--font-body);
}

.lc-accent-p {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(1rem, 0.94rem + 0.3vw, 1.1875rem);
  line-height: 1.5;
  color: var(--brand);
  margin: 22px 0px 0px;
  padding-inline-start: 18px;
  border-inline-start: 3px solid var(--leaf);
  text-wrap-mode: initial;
  text-wrap-style: pretty;
}

.lc-cards3 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
  column-gap: 20px;
  margin-block-start: 38px;
}

@media (min-width: 900px) {
  .lc-cards3 {
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  row-gap: 24px;
  column-gap: 24px;
  }
}

.lc-card {
  background: var(--surface);
  border: 1px solid var(--line);
  padding: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  display: flex;
  flex-direction: column;
  transition: transform var(--dur-3) var(--ease), border-color var(--dur-2) var(--ease-soft), box-shadow var(--dur-3) var(--ease);
  border-radius: var(--r-card);
}

.lc-card:hover {
  transform: translateY(-6px);
  border-color: var(--leaf);
  box-shadow: color-mix(in srgb, rgb(16, 40, 24) 14%, transparent) 0px 18px 40px;
}

@media (prefers-reduced-motion: reduce) {
  .lc-card:hover {
  transform: none;
  box-shadow: none;
  }
}

.lc-card-n {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--leaf);
  margin: 0px 0px 16px;
}

.lc-card-t {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  line-height: 1.28;
  margin: 0px 0px 12px;
  text-wrap-mode: initial;
  text-wrap-style: balance;
  color: var(--ink-warm);
}

.lc-card-d {
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
  margin: 0px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
  font-family: var(--font-body);
}

.lc-bens {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
  column-gap: 24px;
  margin-block-start: 38px;
}

@media (min-width: 900px) {
  .lc-bens {
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  row-gap: 32px;
  column-gap: 32px;
  }
}

.lc-ben {
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 16px;
  column-gap: 16px;
  align-items: start;
}

.lc-ben-ic {
  inline-size: 30px;
  block-size: 30px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background: var(--leaf-soft);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  flex-shrink: 0;
  border-radius: var(--r-pill);
}

.lc-ben-t {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.0625rem;
  margin: 3px 0px 8px;
  color: var(--ink-warm);
}

.lc-ben-d {
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
  margin: 0px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
  font-family: var(--font-body);
}

.lc-sig {
  background: var(--brand-deep);
  color: rgb(255, 255, 255);
  overflow-x: clip;
  overflow-y: clip;
}

.lc-sig-in {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0px;
  column-gap: 0px;
  align-items: stretch;
}

@media (min-width: 900px) {
  .lc-sig-in {
  grid-template-columns: minmax(0px, 624fr) minmax(0px, 560fr);
  }
}

.lc-sig-panel {
  padding: clamp(2.25rem, 1.4rem + 3.6vw, 4rem);
  border-inline-start: 4px solid var(--leaf);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-inline-start-style: initial;
  border-inline-start-color: initial;
  border-inline-start-width: 0px;
}

.lc-sig-h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.5rem, 1.25rem + 1.1vw, 2.125rem);
  line-height: 1.2;
  color: rgb(255, 255, 255);
  margin: 14px 0px 18px;
  letter-spacing: -0.015em;
  text-wrap-mode: initial;
  text-wrap-style: balance;
  margin-block-start: 16px;
  margin-block-end: 18px;
}

.lc-sig-p {
  font-size: clamp(0.9375rem, 0.9rem + 0.25vw, 1.0625rem);
  line-height: 1.66;
  color: color-mix(in srgb, rgb(255, 255, 255) 84%, transparent);
  margin: 0px 0px 28px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
  max-inline-size: 52ch;
}

.lc-sig-media {
  background-size: cover;
  background-repeat: no-repeat;
  min-block-size: 0px;
  aspect-ratio: 560 / 360;
  border-radius: var(--r-media);
  background-position-x: center;
  background-position-y: 55%;
}

.lc-phero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 900px) {
  .lc-phero-copy {
  padding-block-start: clamp(1rem, 0.5rem + 1.5vw, 2.5rem);
  padding-block-end: clamp(1rem, 0.5rem + 1.5vw, 2.5rem);
  }
}

.lc-phero-visual {
  aspect-ratio: 612 / 372;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-color: var(--canvas);
  border-radius: var(--r-media);
}

@media (min-width: 900px) {
  .lc-phero-visual {
  aspect-ratio: auto;
  block-size: 100%;
  min-block-size: min(76vh, 680px);
  }
}

.lc-page > section:nth-of-type(5) {
  background: var(--tint);
}

.lc-sec .lc-card {
  background: var(--surface);
}

.lc-page > section:nth-of-type(5) .lc-card {
  background: var(--surface);
}

.lc-page > section:nth-of-type(5) .lc-ben-ic {
  background: var(--surface);
  border: 1px solid color-mix(in srgb, var(--leaf) 45%, transparent);
}

.lc-sec-alt .lc-part-cell {
  background: var(--surface);
}

.lc-sig .lc-btn, .lc-phero .lc-btn {
  color: rgb(36, 31, 18);
}

.lc-sig .lc-eyebrow {
  color: var(--leaf);
  border-color: color-mix(in srgb, var(--leaf) 60%, transparent);
}

.lc-pcar-head {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  align-items: flex-start;
  margin-block-end: 34px;
}

.lc-pcar {
  position: relative;
}

.lc-pcar-track {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
  padding-block-end: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .lc-pcar-track {
  scroll-behavior: auto;
  }
}

.lc-pcar-track::-webkit-scrollbar {
  display: none;
}

.lc-pcard {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: min(416px, 82vw);
  scroll-snap-align: start;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  transition: transform var(--dur-3) var(--ease), border-color var(--dur-2) var(--ease-soft), box-shadow var(--dur-3) var(--ease);
}

.lc-pcard:hover {
  transform: translateY(-6px);
  border-color: var(--leaf);
  box-shadow: color-mix(in srgb, rgb(16, 40, 24) 14%, transparent) 0px 18px 40px;
}

@media (prefers-reduced-motion: reduce) {
  .lc-pcard:hover {
  transform: none;
  box-shadow: none;
  }
}

.lc-pcard-media {
  block-size: 200px;
  background: var(--tint-deep);
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
}

.lc-pcard-body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

.lc-pcard-t {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
  color: var(--ink-warm);
  margin: 0px;
}

.lc-pcard-kpi {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.3;
  color: var(--brand);
  margin: 0px;
}

.lc-pcar-btn {
  position: absolute;
  inset-block-start: 100px;
  inline-size: 44px;
  block-size: 44px;
  border-radius: var(--r-pill);
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink-warm);
  font-size: 17px;
  line-height: 1;
  padding: 0px;
  cursor: pointer;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: color-mix(in srgb, rgb(16, 40, 24) 12%, transparent) 0px 6px 18px;
  transition: background-color var(--dur-2) var(--ease-soft), color var(--dur-2) var(--ease-soft), scale var(--dur-2) var(--ease);
}

.lc-pcar-btn:hover {
  background: var(--brand);
  color: rgb(255, 255, 255);
  border-color: var(--brand);
  scale: 1.07;
}

@media (prefers-reduced-motion: reduce) {
  .lc-pcar-btn:hover {
  scale: 1;
  }
}

.lc-pcar-btn:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 3px;
}

.lc-pcar-prev {
  inset-inline-start: -14px;
}

@media (max-width: 900px) {
  .lc-pcar-prev {
  display: none;
  }
}

.lc-pcar-next {
  inset-inline-end: -14px;
}

@media (max-width: 900px) {
  .lc-pcar-next {
  display: none;
  }
}

.lc-pcar-nav {
  display: flex;
  justify-content: center;
  row-gap: 10px;
  column-gap: 10px;
  margin-block-start: 26px;
}

.lc-pdot {
  inline-size: 28px;
  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;
  padding: 0px;
  border-radius: var(--r-pill);
  background: var(--line);
  cursor: pointer;
  transition: background-color var(--dur-2) var(--ease-soft), inline-size var(--dur-2) var(--ease);
  block-size: 24px;
  padding-block-start: 10px;
  padding-block-end: 10px;
  background-clip: content-box;
}

.lc-pdot[aria-current="true"] {
  background: var(--brand);
  inline-size: 42px;
}

.lc-pdot:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 4px;
}

.lc-nav-link[aria-current="page"] {
  color: var(--brand);
}

@media (max-width: 1023px) {
  .lc-nav-link[aria-current="page"] {
  color: var(--brand);
  background: color-mix(in srgb, var(--leaf) 12%, transparent);
  }
}

.lc-marq {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-block-start: clamp(1.25rem, 1rem + 1vw, 2rem);
  padding-block-end: clamp(1.25rem, 1rem + 1vw, 2rem);
  mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  .lc-marq {
  overflow-x: auto;
  scrollbar-width: none;
  }
}

.lc-marq-track {
  display: flex;
  inline-size: max-content;
  animation-duration: 64s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: lc-marquee;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .lc-marq-track {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

.lc-marq-set {
  display: flex;
  align-items: center;
  row-gap: clamp(2.75rem, 2rem + 3vw, 4.75rem);
  column-gap: clamp(2.75rem, 2rem + 3vw, 4.75rem);
  padding-inline-end: clamp(2.75rem, 2rem + 3vw, 4.75rem);
}

.lc-marq-img {
  inline-size: auto;
  object-fit: contain;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  filter: grayscale(1);
  opacity: 0.62;
  transition: filter var(--dur-3) var(--ease-soft), opacity var(--dur-3) var(--ease-soft);
  block-size: clamp(60px, 48px + 2.4vw, 84px);
}

@media (prefers-reduced-motion: reduce) {
  .lc-marq-img {
  filter: none;
  opacity: 1;
  }
}

.lc-marq-img:hover {
  filter: grayscale(0);
  opacity: 1;
}

@keyframes lc-marquee {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-50%);
  }
}

.lc-marq:hover .lc-marq-track {
  animation-play-state: paused;
}

@media (max-width: 1023px) {
  .lc-hdr[data-menu="open"] .lc-nav {
  display: flex;
  }
}

.lc-menu {
  position: absolute;
  inset-block-start: calc(100% + 14px);
  inset-inline-start: 0px;
  inline-size: 340px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  box-shadow: color-mix(in srgb, rgb(16, 40, 24) 16%, transparent) 0px 18px 44px;
  padding: 8px;
  display: grid;
  row-gap: 2px;
  column-gap: 2px;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--dur-2) var(--ease-soft), visibility 0s linear var(--dur-2);
  z-index: 60;
}

@media (max-width: 1023px) {
  .lc-menu {
  position: static;
  opacity: 1;
  visibility: visible;
  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;
  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-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  box-shadow: none;
  padding: 0px;
  display: none;
  inline-size: 100%;
  }
}

.lc-menu::before {
  content: "";
  position: absolute;
  inset-block-end: 100%;
  inset-inline-start: 0px;
  inset-inline-end: 0px;
  block-size: 18px;
}

@media (max-width: 1023px) {
  .lc-menu::before {
  content: none;
  }
}

.lc-nav-drop:hover .lc-menu {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s, 0s;
}

.lc-nav-drop:focus-within .lc-menu {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s, 0s;
}

.lc-burger::before {
  content: "";
  position: absolute;
  inset-inline-start: 10px;
  inset-inline-end: 10px;
  block-size: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  inset-block-start: 14px;
  background: var(--brand);
  box-shadow: 0 7px 0 var(--brand);
  transition-behavior: normal, normal, normal;
  transition-duration: 240ms, 130ms, 240ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), ease, cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s, 0s, 0s;
  transition-property: transform, box-shadow, inset-block-start;
}

.lc-burger::after {
  content: "";
  position: absolute;
  inset-inline-start: 10px;
  inset-inline-end: 10px;
  block-size: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  inset-block-end: 14px;
  background: var(--brand);
  transition-behavior: normal, normal;
  transition-duration: 240ms, 240ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s, 0s;
  transition-property: transform, inset-block-end;
}

.lc-hdr[data-menu="open"] .lc-burger::before {
  inset-block-start: 21px;
  transform: rotate(45deg);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
}

.lc-hdr[data-menu="open"] .lc-burger::after {
  inset-block-end: 21px;
  transform: rotate(-45deg);
}

.lc-burger:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 3px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.lc-sub-toggle {
  display: none;
}

@media (max-width: 1023px) {
  .lc-sub-toggle {
  display: block;
  position: relative;
  inline-size: 48px;
  block-size: 48px;
  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;
  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;
  cursor: pointer;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  }
}

@media (max-width: 1023px) {
  .lc-sub-toggle::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  inline-size: 9px;
  block-size: 9px;
  border-inline-end: 2px solid var(--brand);
  border-block-end: 2px solid var(--brand);
  transform: translate(-50%, -70%) rotate(45deg);
  transition-behavior: normal;
  transition-duration: 240ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s;
  transition-property: transform;
  }
}

@media (max-width: 1023px) {
  .lc-sub-toggle:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: -4px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  }
}

@media (max-width: 1023px) {
  .lc-nav-drop[data-sub="open"] .lc-sub-toggle::before {
  transform: translate(-50%, -30%) rotate(225deg);
  }
}

@media (max-width: 1023px) {
  .lc-nav-drop[data-sub="open"] .lc-menu {
  display: grid;
  }
}

.lc-cards4 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
  column-gap: 20px;
  margin-block-start: 38px;
}

@media (min-width: 1024px) {
  .lc-cards4 {
  row-gap: 24px;
  column-gap: 24px;
  grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .lc-cards4 {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

.lc-progcard {
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  overflow-x: hidden;
  overflow-y: hidden;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: transform var(--dur-3) var(--ease), border-color var(--dur-2) var(--ease-soft), box-shadow var(--dur-3) var(--ease);
}

.lc-progcard:hover {
  transform: translateY(-6px);
  border-color: var(--leaf);
  box-shadow: color-mix(in srgb, rgb(16, 40, 24) 14%, transparent) 0px 18px 40px;
}

.lc-progcard-media {
  block-size: 220px;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-color: var(--tint-deep);
}

.lc-progcard-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

.lc-progcard-k {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--amber) 82%, #6b4300);
  font-family: var(--font-sub);
}

@media (max-width: 768px) {
  .lc-progcard-k {
  font-size: 11.5px;
  }
}

.lc-progcard-t {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem);
  line-height: 1.22;
  color: var(--ink-warm);
  margin: 0px;
  text-wrap-mode: initial;
  text-wrap-style: balance;
}

.lc-progcard-d {
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
  margin: 0px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
}

.lc-progcard-go {
  margin-block-start: auto;
  padding-block-start: 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--brand);
}

.lc-hdr-line {
  position: absolute;
  inset-block-end: 0px;
  inset-inline-end: 0px;
  block-size: 3px;
  inline-size: min(46vw, 560px);
  background: var(--leaf);
  pointer-events: none;
}

.lc-cta {
  background: var(--brand-deep);
  background-color: rgb(255, 255, 255);
  color: rgb(51, 52, 46);
  overflow-x: clip;
  overflow-y: clip;
}

.lc-cta-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 20px;
  column-gap: 20px;
  padding-block-start: clamp(3.25rem, 2.2rem + 3.6vw, 5rem);
  padding-block-end: clamp(3.25rem, 2.2rem + 3.6vw, 5rem);
}

.lc-cta-h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.625rem, 1.3rem + 1.5vw, 2.5rem);
  line-height: 1.18;
  letter-spacing: -0.015em;
  color: rgb(255, 255, 255);
  margin: 0px;
  text-wrap-mode: initial;
  text-wrap-style: balance;
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-inline-size: 22ch;
}

.lc-cta-p {
  font-size: clamp(0.9375rem, 0.9rem + 0.3vw, 1.125rem);
  line-height: 1.6;
  color: color-mix(in srgb, rgb(255, 255, 255) 82%, transparent);
  margin: 0px;
  text-wrap-mode: initial;
  text-wrap-style: pretty;
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-inline-size: 54ch;
}

.lc-circuit {
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  z-index: 0;
}

.lc-circuit::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: url("/uploads/JD9NInBz4-6dmNO-iQtza-motif-circuit.svg");
  background-repeat: repeat;
  pointer-events: none;
  background-size: 980px 980px;
  opacity: 0.2;
  z-index: -1;
}

.lc-tl {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 26px;
  column-gap: 26px;
  margin-block-start: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  border-block-start: 1px solid var(--line);
  padding-block-start: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
}

@media (min-width: 700px) {
  .lc-tl {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

@media (min-width: 1000px) {
  .lc-tl {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  }
}

.lc-tl-y {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2rem);
  color: var(--brand);
  margin-block-start: 0px;
  margin-block-end: 10px;
  line-height: 1.1;
}

.lc-tl-d {
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-block-start: 0px;
  margin-block-end: 0px;
}

.lc-exp {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 26px;
  column-gap: 34px;
  margin-block-start: 38px;
}

@media (min-width: 820px) {
  .lc-exp {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

.lc-disc {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 10px;
  margin-block-start: 26px;
}

.lc-disc-i {
  display: inline-block;
  border: 1px solid color-mix(in srgb, var(--leaf) 45%, transparent);
  color: var(--brand);
  background: var(--surface);
  border-radius: var(--r-pill);
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
}

.lc-cgrid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 28px;
  column-gap: 36px;
  align-items: start;
}

@media (min-width: 940px) {
  .lc-cgrid {
  grid-template-columns: minmax(0px, 1.55fr) minmax(0px, 1fr);
  column-gap: 44px;
  }
}

.lc-cpanel {
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: var(--surface);
  padding: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
}

.lc-cpanel-h {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--ink-warm);
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  margin-block-start: 0px;
  margin-block-end: 22px;
}

.lc-cinfo {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
}

.lc-cinfo-row {
  display: flex;
  align-items: flex-start;
  column-gap: 12px;
}

.lc-cinfo-ic {
  inline-size: 30px;
  block-size: 30px;
  border-radius: var(--r-pill);
  background: var(--leaf-soft);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}

.lc-cinfo-lbl {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-block-start: 0px;
  margin-block-end: 4px;
}

.lc-cinfo-val {
  display: block;
  color: var(--ink);
  font-size: 0.95rem;
  line-height: 1.5;
  margin-block-start: 0px;
  margin-block-end: 0px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.lc-crow {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 18px;
  column-gap: 18px;
}

@media (min-width: 620px) {
  .lc-crow {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

.lc-consent {
  display: flex;
  align-items: flex-start;
  column-gap: 10px;
  margin-block-start: 20px;
  font-size: 0.875rem;
  color: var(--muted);
  line-height: 1.5;
}

@media (max-width: 768px) {
  .lc-consent {
  padding-block-start: 6px;
  padding-block-end: 6px;
  column-gap: 12px;
  }
}

.lc-office {
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: var(--surface);
  padding: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
}

.lc-office-t {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--ink-warm);
  font-size: 1.125rem;
  margin-block-start: 0px;
  margin-block-end: 12px;
}

.lc-office-a {
  color: var(--muted);
  line-height: 1.7;
  margin-block-start: 0px;
  margin-block-end: 16px;
  font-size: 0.95rem;
}

.lc-cform {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 18px;
}

.lc-pjhero {
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  min-block-size: clamp(340px, 150px + 30vw, 520px);
  display: grid;
  align-items: center;
}

.lc-pjhero-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-size: cover;
  background-position-x: center;
  background-position-y: 46%;
}

.lc-pjhero-veil {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(9, 32, 18, 0.62) 0%, rgba(9, 32, 18, 0.72) 100%);
  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;
}

.lc-pjhero-in {
  position: relative;
  z-index: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block-start: clamp(3rem, 2rem + 4vw, 5rem);
  padding-block-end: clamp(3rem, 2rem + 4vw, 5rem);
}

.lc-pjhero-crumb {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  margin-block-start: 0px;
  margin-block-end: 18px;
}

.lc-pjhero-crumb a {
  color: rgba(255, 255, 255, 0.72);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.lc-pjhero-crumb a:hover {
  color: rgb(255, 255, 255);
}

.lc-pjhero-t {
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.05;
  color: rgb(255, 255, 255);
  font-size: clamp(2.5rem, 1.6rem + 4vw, 4.75rem);
  margin-block-start: 0px;
  margin-block-end: 14px;
}

.lc-pjhero-s {
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);
  margin-block-start: 0px;
  margin-block-end: 22px;
}

.lc-pjhero-p {
  color: rgba(255, 255, 255, 0.8);
  max-inline-size: 66ch;
  line-height: 1.7;
  margin-block-start: 0px;
  margin-block-end: 0px;
}

.lc-pjfigs {
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0px;
  column-gap: 0px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  box-shadow: rgba(16, 40, 24, 0.11) 0px 22px 54px;
  margin-block-start: calc(-1 * clamp(2.25rem, 1.2rem + 4vw, 4.5rem));
  padding: 0px;
}

@media (min-width: 769px) {
  .lc-pjfigs {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

.lc-pjlayout {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 26px;
  column-gap: 34px;
  align-items: start;
  margin-block-start: 30px;
}

@media (min-width: 960px) {
  .lc-pjlayout {
  grid-template-columns: 274px minmax(0px, 1fr);
  }
}

.lc-pjside {
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: var(--surface);
  padding: 22px;
  inset-block-start: 96px;
  position: static;
  z-index: 1;
}

@media (min-width: 960px) {
  .lc-pjside {
  position: sticky;
  inset-block-start: 232px;
  }
}

@media (max-width: 768px) {
  .lc-pjside {
  padding: 12px 18px;
  }
}

.lc-pjside-h {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--ink-warm);
  font-size: 1rem;
  margin-block-start: 0px;
  margin-block-end: 16px;
}

@media (max-width: 768px) {
  .lc-pjside-h {
  display: none;
  }
}

.lc-pjside-lbl {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  margin-block-start: 22px;
  margin-block-end: 10px;
}

@media (max-width: 768px) {
  .lc-pjside-lbl {
  font-size: 11px;
  }
}

.lc-pjopt {
  display: flex;
  align-items: center;
  column-gap: 9px;
  padding-block-start: 5px;
  padding-block-end: 5px;
  font-size: 0.9rem;
  color: var(--ink);
  cursor: pointer;
}

@media (max-width: 768px) {
  .lc-pjopt {
  min-block-size: 44px;
  padding-block-start: 8px;
  padding-block-end: 8px;
  column-gap: 12px;
  }
}

.lc-pjcount {
  color: var(--muted);
  font-size: 0.8rem;
  margin-inline-start: auto;
}

.lc-pjreset {
  margin-block-start: 20px;
  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: 1px solid var(--line);
  border-radius: var(--r-pill);
  padding: 8px 14px;
  font-size: 0.8125rem;
  color: var(--ink-warm);
  cursor: pointer;
  font-family: var(--font-body);
}

@media (max-width: 768px) {
  .lc-pjreset {
  min-block-size: 44px;
  padding-inline-start: 18px;
  padding-inline-end: 18px;
  }
}

.lc-pjbar {
  display: flex;
  align-items: baseline;
  column-gap: 8px;
  flex-wrap: wrap;
  margin-block-end: 18px;
}

.lc-pjbar-n {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--ink-warm);
}

.lc-pjbar-x {
  color: var(--muted);
  font-size: 0.9rem;
}

.lc-pjlist {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 14px;
}

.lc-pj {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 22px;
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: var(--surface);
  padding: 20px 22px;
  transition: border-color var(--dur-2) var(--ease-soft), transform var(--dur-2) var(--ease-soft);
}

@media (min-width: 720px) {
  .lc-pj {
  grid-template-columns: 176px minmax(0px, 1fr);
  }
}

.lc-pj:hover {
  border-color: var(--leaf);
  transform: translateY(-2px);
}

.lc-pj-when {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 8px;
}

.lc-pj-year {
  font-weight: 600;
  color: var(--ink-warm);
  font-size: 0.875rem;
  line-height: 1.4;
}

.lc-pj-st {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: var(--r-pill);
  padding: 4px 10px;
}

.lc-pj-st-encours {
  background: var(--leaf-soft);
  color: var(--brand);
}

.lc-pj-st-termine {
  background: var(--shell);
  color: var(--muted);
}

.lc-pj-t {
  font-weight: 600;
  color: var(--ink-warm);
  font-size: 1rem;
  line-height: 1.5;
  margin-block-start: 0px;
  margin-block-end: 8px;
  font-family: var(--font-body);
}

.lc-pj-k {
  color: var(--brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-block-start: 0px;
  margin-block-end: 12px;
  display: inline-block;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: color var(--dur-2) var(--ease-soft);
}

.lc-pj-tags {
  display: flex;
  flex-wrap: wrap;
  row-gap: 7px;
  column-gap: 7px;
}

.lc-pj-tag {
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  background: var(--shell);
  color: var(--muted);
  font-size: 12px;
  padding: 4px 10px;
}

@media (max-width: 768px) {
  .lc-pj-tag {
  font-size: 11.5px;
  }
}

.lc-pjvoid {
  border: 1px dashed var(--line);
  border-radius: var(--r-card);
  padding: 34px;
  text-align: center;
  color: var(--muted);
}

.lc-pgn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
  margin-block-start: 28px;
}

.lc-pgn-b {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink-warm);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  padding: 9px 16px;
  cursor: pointer;
  transition: border-color var(--dur-2) var(--ease-soft), color var(--dur-2) var(--ease-soft);
}

.lc-pgn-b:hover {
  border-color: var(--leaf);
  color: var(--brand);
}

.lc-pgn-b:disabled {
  opacity: 0.38;
  cursor: default;
}

.lc-pgn-b:disabled:hover {
  border-color: var(--line);
  color: var(--ink-warm);
}

.lc-pgn-nums {
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 6px;
}

.lc-pgn-n {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  min-inline-size: 38px;
  block-size: 38px;
  color: var(--ink-warm);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  cursor: pointer;
  transition: border-color var(--dur-2) var(--ease-soft), background-color var(--dur-2) var(--ease-soft), color var(--dur-2) var(--ease-soft);
}

.lc-pgn-n:hover {
  border-color: var(--leaf);
  color: var(--brand);
}

.lc-pgn-n[aria-current="page"] {
  background: var(--brand);
  border-color: var(--brand);
  color: rgb(255, 255, 255);
}

.lc-pgn-b:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 2px;
}

.lc-pgn-n:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 2px;
}

.lc-figsec {
  padding-block-start: 0px !important;
  padding-block-end: clamp(2.5rem, 1.8rem + 3vw, 4rem) !important;
}

.lc-pjfig {
  position: relative;
  z-index: 1;
  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;
  padding: clamp(1.375rem, 1rem + 1.5vw, 2.25rem) clamp(1.25rem, 1rem + 1vw, 1.75rem);
}

.lc-pjfig-n {
  display: block;
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--brand);
  letter-spacing: -0.02em;
  line-height: 1;
  font-size: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);
  margin-block-end: 12px;
}

.lc-pjfig-l {
  display: block;
  color: var(--ink-warm);
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-family: var(--font-sub);
}

.lc-pjfig-s {
  display: block;
  color: var(--muted);
  font-size: 0.8125rem;
  line-height: 1.5;
  margin-block-start: 4px;
}

.lc-figmark {
  position: absolute;
  inset-block-end: -58px;
  inset-inline-end: 26px;
  inline-size: 166px;
  block-size: 244px;
  transform: rotate(-7deg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
  background-position-y: center;
  opacity: 0.08;
  pointer-events: none;
  z-index: 0;
}

@media (max-width: 768px) {
  .lc-figmark {
  inset-block-end: -40px;
  inset-inline-end: 12px;
  inline-size: 120px;
  block-size: 176px;
  opacity: 0.06;
  }
}

.lc-pjfig + .lc-pjfig {
  border-block-start: 1px solid var(--line);
}

@media (min-width: 769px) {
  .lc-pjfig + .lc-pjfig {
  border-block-start-width: 0px;
  border-block-start-style: initial;
  border-block-start-color: initial;
  border-inline-start: 1px solid var(--line);
  }
}

.lc-empty {
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-block-start: clamp(3.5rem, 2.4rem + 4.7vw, 6rem);
  padding-block-end: clamp(3.5rem, 2.4rem + 4.7vw, 6rem);
}

.lc-empty-in {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lc-empty-logo {
  block-size: clamp(96px, 11vw, 150px);
  inline-size: auto;
  display: block;
  margin-block-end: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
}

.lc-empty-h {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--ink-warm);
  letter-spacing: -0.02em;
  line-height: 1.08;
  text-wrap-mode: initial;
  text-wrap-style: balance;
  font-size: clamp(2.125rem, 1.3rem + 3.6vw, 4rem);
  margin-block-start: 0px;
  margin-block-end: 18px;
}

.lc-empty-p {
  color: var(--muted);
  font-size: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  line-height: 1.7;
  max-inline-size: 56ch;
  margin-block-start: 0px;
  margin-block-end: 30px;
}

.lc-empty-note {
  display: inline-flex;
  align-items: center;
  row-gap: 9px;
  column-gap: 9px;
  border: 1px solid color-mix(in srgb, var(--amber) 60%, transparent);
  color: color-mix(in srgb, var(--amber) 82%, #6b4300);
  border-radius: var(--r-pill);
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-block-end: 26px;
}

.lc-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-block-start: clamp(4rem, 3rem + 6vw, 8rem);
  padding-block-end: clamp(4rem, 3rem + 6vw, 8rem);
}

.lc-404-code {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--leaf-soft);
  letter-spacing: -0.03em;
  line-height: 1;
  font-size: clamp(5rem, 3rem + 12vw, 11rem);
  margin-block-start: 0px;
  margin-block-end: 6px;
}

.lc-404-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 10px;
  column-gap: 10px;
  margin-block-start: 32px;
}

.lc-404-l {
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  background: var(--surface);
  color: var(--ink-warm);
  font-size: 0.875rem;
  font-weight: 600;
  padding: 9px 16px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: border-color var(--dur-2) var(--ease-soft), color var(--dur-2) var(--ease-soft);
}

.lc-404-l:hover {
  border-color: var(--leaf);
  color: var(--brand);
}

.lc-anchor {
  scroll-margin-block-start: 110px;
}

.lc-legal {
  max-inline-size: 74ch;
}

.lc-legal-h {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--ink-warm);
  font-size: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
  margin-block-start: clamp(2rem, 1.4rem + 2vw, 2.75rem);
  margin-block-end: 12px;
}

.lc-legal-p {
  color: var(--muted);
  line-height: 1.75;
  margin-block-start: 0px;
  margin-block-end: 14px;
}

.lc-legal-p strong {
  color: var(--ink-warm);
  font-weight: 600;
}

.lc-legal-p a {
  color: var(--brand);
}

@media (max-width: 768px) {
  input[type="radio"], input[type="checkbox"] {
  inline-size: 20px;
  block-size: 20px;
  flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  .lc-phero-swapm .lc-phero-in {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0px;
  }
}

@media (max-width: 768px) {
  .lc-phero-swapm .lc-phero-copy {
  display: contents;
  }
}

@media (max-width: 768px) {
  .lc-phero-swapm .lc-crumb {
  order: 1;
  }
}

@media (max-width: 768px) {
  .lc-phero-swapm .lc-eyebrow {
  order: 2;
  align-self: flex-start;
  }
}

@media (max-width: 768px) {
  .lc-phero-swapm .lc-ph-title {
  order: 3;
  }
}

@media (max-width: 768px) {
  .lc-phero-swapm .lc-phero-visual {
  order: 4;
  margin-block-start: 6px;
  margin-block-end: 26px;
  }
}

@media (max-width: 768px) {
  .lc-phero-swapm .lc-ph-lead {
  order: 5;
  }
}

@media (max-width: 768px) {
  .lc-phero-swapm .lc-btn {
  order: 6;
  align-self: flex-start;
  }
}

.lc-phero-swapm {
  position: relative;
}

.lc-vis-flow {
  inline-size: 100%;
  margin-block-start: 6px;
  margin-block-end: 26px;
}

@media (min-width: 900px) {
  .lc-vis-flow {
  display: none;
  }
}

.lc-vis-side {
  display: none;
}

@media (min-width: 900px) {
  .lc-vis-side {
  display: block;
  }
}

.lc-tm-flow {
  inline-size: 100%;
  margin-block-start: 4px;
  margin-block-end: 24px;
}

@media (min-width: 900px) {
  .lc-tm-flow {
  display: none;
  }
}

.lc-tm-side {
  display: none;
}

@media (min-width: 900px) {
  .lc-tm-side {
  display: block;
  }
}

body {
  font-family: var(--font-body);
}

.lc-pc-ic {
  inline-size: 46px;
  block-size: 46px;
  border-radius: var(--r-pill);
  background: var(--leaf-soft);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block-end: 16px;
  flex-shrink: 0;
}

.lc-motif-riz {
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
}

.lc-motif-riz::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-repeat: repeat;
  pointer-events: none;
  z-index: 0;
  background-image: url("/uploads/GpzSKDmUJG0n8RKNw9-jO-charte-motif-rizieres-v2.svg");
  background-size: 470px 470px;
  opacity: 0.095;
}

.lc-motif-riz > * {
  position: relative;
  z-index: 1;
}

.lc-motif-cacao {
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
}

.lc-motif-cacao::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: url("/uploads/LzryD98S5ky0gATbhTZ3h-charte-motif-cacao.svg");
  background-repeat: repeat;
  pointer-events: none;
  z-index: 0;
  background-size: 250px 250px;
  opacity: 0.1;
}

.lc-motif-cacao > * {
  position: relative;
  z-index: 1;
}

.lc-charte {
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  background-color: rgb(24, 46, 11);
  background-image: radial-gradient(120% 130% at 52% 34%, rgb(38, 71, 11) 0%, rgb(29, 55, 11) 38%, rgb(20, 37, 9) 72%, rgb(11, 24, 7) 100%);
}

.lc-charte::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: url("/uploads/n2gfhYmr3TT9W5rdSGljn-charte-grain-alpha-w200.webp");
  background-image: image-set(url("/uploads/n2gfhYmr3TT9W5rdSGljn-charte-grain-alpha-w64.webp") 0.06x, url("/uploads/n2gfhYmr3TT9W5rdSGljn-charte-grain-alpha-w200.webp") 0.2x);
  background-repeat: repeat;
  background-size: 200px 200px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.075;
}

.lc-charte > * {
  position: relative;
  z-index: 2;
}

.lc-charte-mark {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: -6%;
  inline-size: min(46%, 520px);
  aspect-ratio: 494 / 725;
  transform: translateY(-50%);
  background-image: url("/uploads/Lmr-cSpzMjdvpJYfb7cjp-charte-marque-blanche.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
  background-position-y: center;
  opacity: 0.045;
  pointer-events: none;
  z-index: 1;
}

.lc-pjside-t {
  display: none;
  inline-size: 100%;
  align-items: center;
  justify-content: space-between;
  min-block-size: 46px;
  padding: 6px 2px;
  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;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1rem;
  color: var(--ink-warm);
  text-align: start;
}

@media (max-width: 768px) {
  .lc-pjside-t {
  display: flex;
  }
}

@media (max-width: 768px) {
  .lc-pjside-body {
  display: none;
  padding-block-end: 10px;
  }
}

.lc-pjside-t::after {
  content: "▾";
  font-size: 15px;
  line-height: 1;
  color: var(--brand);
  transition: transform var(--dur-2) var(--ease-soft);
}

.lc-pjside-t:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 3px;
}

@media (max-width: 768px) {
  .lc-pjside[data-filtres="open"] .lc-pjside-body {
  display: block;
  }
}

@media (max-width: 768px) {
  .lc-pjside[data-filtres="open"] .lc-pjside-t::after {
  transform: rotate(180deg);
  }
}

.lc-pjhead {
  position: sticky;
  z-index: 4;
  background: var(--shell);
  padding-block-start: 16px;
  padding-block-end: 12px;
  margin-block-end: 6px;
  inset-block-start: 76px;
}

@media (min-width: 900px) {
  .lc-pjhead {
  inset-block-start: 98px;
  }
}

:root {
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-1: 130ms;
  --dur-2: 240ms;
  --dur-3: 420ms;
  --r-pill: 999px;
  --r-card: 16px;
  --r-badge: 8px;
  --r-media: 18px;
  --shell: #FAFAF8;
  --tint: #F3F2EE;
}

.lc-motif-feuilles {
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
}

.lc-motif-feuilles::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: url("/uploads/Q_P4OJIPwfyvvRhuGvq5t-charte-motif-feuilles.svg");
  background-repeat: repeat;
  background-size: 300px 300px;
  opacity: 0.13;
  pointer-events: none;
  z-index: 0;
}

.lc-motif-feuilles > * {
  position: relative;
  z-index: 1;
}

.lc-pj-k:hover {
  color: var(--ink-warm);
  text-decoration-line: underline;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  text-underline-offset: 3px;
}

.lc-pj-k:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}