.about-story-premium {
  position: relative;

  width: 100%;

  overflow: hidden;

  padding:
    80px
    0
    68px;

  background:
    radial-gradient(
      circle at 67% 35%,
      rgba(230, 184, 75, .08),
      transparent 26%
    ),
    linear-gradient(
      110deg,
      #fffaf0 0%,
      #fffaf3 45%,
      #fff7e9 100%
    );

  border-top:
    1px solid
    rgba(184, 139, 53, .16);
}

.about-story-inner {
  position: relative;

  z-index: 5;

  width:
    min(
      1500px,
      calc(100% - 70px)
    );

  margin:
    0
    auto;

  display: grid;

  grid-template-columns:
    minmax(410px, .84fr)
    minmax(0, 1.16fr);

  align-items: center;

  gap:
    clamp(
      40px,
      5vw,
      90px
    );
}

.about-story-copy {
  position: relative;

  z-index: 10;

  padding:
    15px
    0;
}

.about-story-eyebrow {
  display: flex;

  align-items: center;

  gap: 7px;

  margin-bottom: 22px;

  color: #24473c;

  font-family:
    "Jost",
    sans-serif;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.eyebrow-leaf {
  color: #c89432;

  font-size: 18px;

  transform:
    rotate(-18deg);
}

.eyebrow-leaf-right {
  transform:
    scaleX(-1)
    rotate(-18deg);
}

.about-story-title {
  max-width: 720px;

  margin:
    0;

  color: #123f34;

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:
    clamp(
      43px,
      4.1vw,
      69px
    );

  font-weight: 600;

  line-height: 1.03;

  letter-spacing:
    -.035em;
}

.about-story-title > span {
  display: block;
}

.about-story-title em {
  display: inline-block;

  margin-left: 7px;

  color: #e85a30;

  font-style: normal;

  font-weight: 600;
}

.about-story-divider {
  width: 150px;

  margin:
    27px
    0
    24px;

  display: flex;

  align-items: center;

  gap: 9px;
}

.about-story-divider span {
  width: 115px;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      #d7a443,
      #e7c270
    );
}

.about-story-divider i {
  color: #c58c2c;

  font-size: 13px;

  font-style: normal;
}

.about-story-description {
  max-width: 570px;

  margin: 0;

  color: #344840;

  font-family:
    "Jost",
    sans-serif;

  font-size: 17px;

  line-height: 1.65;

  font-weight: 400;
}

.about-story-stats {
  margin-top: 42px;

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  align-items: stretch;
}

.story-stat {
  position: relative;

  display: grid;

  grid-template-columns:
    50px
    1fr;

  gap: 11px;

  align-items: center;

  min-width: 0;

  padding:
    0
    18px;
}

.story-stat:first-child {
  padding-left: 0;
}

.story-stat:not(:last-child)::after {
  content: "";

  position: absolute;

  top: 8px;
  right: 0;
  bottom: 8px;

  width: 1px;

  background:
    rgba(178, 135, 54, .28);
}

.story-stat-icon {
  width: 48px;
  height: 48px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  color: #bf8728;

  font-size: 24px;

  background:
    rgba(255,255,255,.5);

  border:
    1px solid
    rgba(196, 143, 43, .26);

  box-shadow:
    0 8px 18px
    rgba(70, 50, 22, .06);

  transition:
    transform .35s
    cubic-bezier(.2,.8,.2,1),
    box-shadow .35s ease;
}

.story-stat-text {
  min-width: 0;
}

.story-stat-text strong {
  display: block;

  margin-bottom: 2px;

  color: #153f35;

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  

  
}

.story-stat-text small {
  display: block;

  color: #53635d;

  font-family:
    "Jost",
    sans-serif;

  

  
}

.story-stat-text small b {
  display: block;

  color: #203d35;

  
}

.story-stat:hover
.story-stat-icon {
  transform:
    translateY(-5px)
    scale(1.07);

  box-shadow:
    0 14px 25px
    rgba(196, 143, 43, .17);
}

.about-story-visual {
  position: relative;

  min-height: 525px;

  perspective: 1200px;
}

.story-main-photo {
  position: absolute;

  top: 0;
  right: -70px;

  width: 100%;
  height: 480px;

  overflow: hidden;

  clip-path: polygon(
    10% 8%,
    25% 4%,
    43% 5%,
    58% 2%,
    74% 4%,
    88% 3%,
    100% 7%,

    100% 100%,

    4% 100%,
    1% 86%,
    0% 67%,
    2% 49%,
    1% 31%,
    5% 16%
  );

  filter:
    drop-shadow(
      0 24px 45px
      rgba(34, 27, 15, .18)
    );
}

.story-main-photo::after {
  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      105deg,
      rgba(11,55,43,.04),
      transparent 40%,
      rgba(0,0,0,.08)
    );

  pointer-events: none;
}

.story-main-photo img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  object-position:
    center
    center;

  display: block;

  transition:
    transform 1.4s
    cubic-bezier(.2,.8,.2,1);
}

.about-story-premium:hover
.story-main-photo img {
  transform:
    scale(1.035);
}

.story-photo-card {
  position: absolute;

  z-index: 10;

  overflow: hidden;

  padding: 5px;

  border-radius: 18px;

  background: #fff;

  box-shadow:
    0 18px 35px
    rgba(40, 29, 15, .22);

  transform-style:
    preserve-3d;

  transition:
    transform .55s
    cubic-bezier(.2,.8,.2,1),
    box-shadow .55s ease;

  will-change:
    transform;
}

.story-photo-card img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  border-radius: 13px;

  display: block;
}

.story-photo-card-one {
  left: 6%;
  bottom: 5px;

  width: 235px;
  height: 190px;

  transform:
    rotate(-2deg);
}

.story-photo-card-two {
  left: 37%;
  bottom: 1px;

  width: 225px;
  height: 185px;

  transform:
    rotate(2.5deg);
}

.story-photo-card-three {
  right: 13%;
  bottom: -3px;

  width: 150px;
  height: 180px;

  transform:
    rotate(6deg);
}

.story-photo-card:hover {
  z-index: 30;

  transform:
    translateY(-10px)
    rotate(0deg)
    scale(1.04);

  box-shadow:
    0 28px 45px
    rgba(40, 29, 15, .28);
}

.story-leaf {
  position: absolute;

  z-index: 4;

  pointer-events: none;

  object-fit: contain;

  
}

.story-leaf-left {
  width: 115px;

  left: -35px;
  top: 235px;

  transform:
    rotate(-18deg);
}

.story-leaf-right {
  width: 190px;

  right: -85px;
  bottom: 40px;

  transform:
    rotate(-14deg);
}

.about-story-dot {
  position: absolute;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: #dba63c;

  opacity: .55;
}

.dot-1 {
  left: 46%;
  top: 85px;
}

.dot-2 {
  left: 48%;
  top: 115px;
}

.dot-3 {
  left: 44%;
  top: 145px;
}

.about-story-copy {
  opacity: 0;

  transform:
    translateX(-35px);

  transition:
    opacity .8s ease,
    transform .8s
    cubic-bezier(.2,.8,.2,1);
}

.about-story-visual {
  opacity: 0;

  transform:
    translateX(35px);

  transition:
    opacity .9s ease .12s,
    transform .9s
    cubic-bezier(.2,.8,.2,1)
    .12s;
}

.about-story-premium.story-visible
.about-story-copy,
.about-story-premium.story-visible
.about-story-visual {
  opacity: 1;

  transform:
    translateX(0);
}

@media (max-width: 1100px) {.about-story-inner {
    grid-template-columns:
      1fr;

    width:
      min(
        850px,
        calc(100% - 50px)
      );
  }.about-story-copy {
    text-align: center;
  }.about-story-eyebrow,
  .about-story-divider {
    justify-content: center;

    margin-left: auto;
    margin-right: auto;
  }.about-story-title,
  .about-story-description {
    margin-left: auto;
    margin-right: auto;
  }.about-story-stats {
    max-width: 760px;

    margin-left: auto;
    margin-right: auto;
  }.about-story-visual {
    width: 100%;
    max-width: 850px;

    min-height: 540px;

    margin:
      25px
      auto
      0;
  }.story-main-photo {
    right: 0;

    width: 100%;
  }}

@media (max-width: 650px) {.about-story-premium {
    padding:
      55px
      0
      45px;
  }.about-story-inner {
    width:
      calc(100% - 32px);

    gap: 25px;
  }.about-story-eyebrow {
    font-size: 10px;

    letter-spacing: .14em;
  }.about-story-title {
    font-size:
      clamp(
        35px,
        10vw,
        43px
      );
  }.about-story-title em {
    margin-left: 3px;
  }.about-story-description {
    max-width: 350px;

    font-size: 14px;

    line-height: 1.65;
  }.about-story-stats {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

    gap:
      22px
      4px;

    margin-top: 32px;
  }.story-stat {
    padding:
      0
      8px;

    grid-template-columns:
      42px
      1fr;
  }.story-stat:first-child {
    padding-left: 8px;
  }.story-stat::after {
    display: none;
  }.story-stat-icon {
    width: 40px;
    height: 40px;

    font-size: 19px;
  }.story-stat-text strong {
    font-size: 20px;
  }.story-stat-text small {
    font-size: 9px;
  }.about-story-visual {
    min-height: 430px;

    margin-top: 10px;
  }.story-main-photo {
    width: 112%;

    right: -6%;

    height: 280px;
  }.story-photo-card {
    border-radius: 13px;

    padding: 4px;
  }.story-photo-card-one {
    left: 1%;
    bottom: 3px;

    width: 42%;
    height: 140px;
  }.story-photo-card-two {
    left: 35%;
    bottom: -4px;

    width: 39%;
    height: 138px;
  }.story-photo-card-three {
    right: 0;
    bottom: 2px;

    width: 27%;
    height: 128px;
  }.story-leaf-left {
    width: 75px;

    left: -20px;
    top: 210px;
  }.story-leaf-right {
    width: 105px;

    right: -35px;
    bottom: 28px;
  }}

@media (max-width: 420px) {.about-story-title {
    font-size: 34px;
  }.about-story-visual {
    min-height: 400px;
  }.story-main-photo {
    height: 255px;
  }.story-photo-card-one {
    height: 125px;
  }.story-photo-card-two {
    height: 122px;
  }.story-photo-card-three {
    height: 115px;
  }}

.story-leaf {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;

  filter:
    drop-shadow(
      0 10px 16px
      rgba(32, 67, 37, .16)
    );
}

.story-leaf-left {
  transform-origin: 70% 80%;

  animation:
    leafFloatLeft
    4.8s
    cubic-bezier(.45, .05, .55, .95)
    infinite;
}

.story-leaf-right {
  transform-origin: 25% 90%;

  animation:
    leafFloatRight
    5.6s
    cubic-bezier(.45, .05, .55, .95)
    infinite;
}

.our-story-section {
  position: relative;

  width: 100%;

  padding:
    60px
    0
    70px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 75% 40%,
      rgba(218, 174, 87, .09),
      transparent 34%
    ),
    #fffaf0;
}

.our-story-container {
  position: relative;

  width:
    min(
      calc(100% - 80px),
      1380px
    );

  min-height: 470px;

  margin-inline: auto;

  display: grid;

  grid-template-columns:
    390px
    minmax(0, 1fr);

  gap: 48px;

  align-items: stretch;

  border-radius: 26px;

  background:
    rgba(255, 250, 240, .82);

  box-shadow:
    0 18px 50px
    rgba(88, 58, 18, .06);

  overflow: hidden;
}

.our-story-visual {
  position: relative;

  height: 470px;

  overflow: hidden;

  border-radius:
    24px
    0
    0
    24px;
}

.our-story-main-image {
  position: absolute;

  inset: 0;

  overflow: hidden;

  border-radius:
    24px
    0
    0
    24px;
}

.our-story-main-image::after {
  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(6, 53, 40, .08),
      transparent 40%
    );

  pointer-events: none;
}

.our-story-main-image img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  object-position:
    center
    center;

  display: block;

  transition:
    transform 1.3s
    cubic-bezier(.16, 1, .3, 1);
}

.our-story-visual:hover
.our-story-main-image img {
  transform:
    scale(1.045);
}

.our-story-badge {
  position: absolute;

  z-index: 5;

  top: 120px;
  left: 0;

  width: 92px;
  height: 165px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border-radius:
    0
    9px
    9px
    0;

  border:
    1px solid
    rgba(202, 157, 64, .75);

  border-left: 0;

  background:
    linear-gradient(
      160deg,
      #0a3b2d,
      #0b4a37
    );

  box-shadow:
    7px 8px 22px
    rgba(7, 49, 37, .18);
}

.badge-title {
  color:
    #f3c963;

  font-family:
    "Jost",
    sans-serif;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.35;

  letter-spacing: .13em;
}

.badge-line {
  position: relative;

  width: 27px;
  height: 1px;

  margin:
    13px
    0
    15px;

  background:
    rgba(229, 186, 84, .60);
}

.badge-line::after {
  content: "";

  position: absolute;

  width: 4px;
  height: 4px;

  left: 50%;
  top: 50%;

  border-radius: 50%;

  background:
    #d8ac49;

  transform:
    translate(
      -50%,
      -50%
    );
}

.badge-flower {
  color:
    rgba(214, 169, 71, .50);

  font-size: 43px;

  line-height: 1;
}

.our-story-content {
  position: relative;

  min-width: 0;

  padding:
    34px
    42px
    28px
    0;
}

.story-outline-leaf {
  

  

  
  

  
  

  

  color:
    rgba(199, 147, 48, .12);

  font-size: 260px;

  line-height: 1;

  

  transform:
    rotate(-20deg);
}

.story-outline-leaf span {
  display: block;
}

.story-heading-area {
  position: relative;

  z-index: 3;

  max-width: 650px;
}

.story-heading-area h2 {
  margin: 0;

  color:
    #123f32;

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:
    clamp(
      35px,
      3vw,
      48px
    );

  font-weight: 600;

  line-height: 1.02;

  letter-spacing:
    -.028em;
}

.story-heading-area h2 span {
  display: block;
}

.story-heading-line {
  width: 105px;

  display: flex;

  align-items: center;

  gap: 7px;

  margin:
    15px
    0
    15px;
}

.story-heading-line span {
  width: 75px;
  height: 1px;

  background:
    #d99a2b;
}

.story-heading-line i {
  color:
    #c68c24;

  font-size: 8px;

  font-style: normal;
}

.story-heading-area p {
  max-width: 660px;

  margin: 0;

  color:
    #4f544e;

  font-family:
    "Jost",
    sans-serif;

  font-size: 16px;

  line-height: 1.55;
}

.story-timeline {
  position: relative;

  z-index: 4;

  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0, 1fr)
    );

  gap: 10px;

  margin-top: 25px;

  padding-top: 0;
}

.story-timeline-line {
  position: absolute;

  z-index: 0;

  left: 9%;
  right: 9%;

  top: 31px;

  height: 1px;

  background:
    rgba(198, 143, 43, .38);

  overflow: hidden;
}

.timeline-progress {
  display: block;

  width: 0;
  height: 100%;

  background:
    linear-gradient(
      90deg,
      #cf942f,
      #dfb75b
    );

  transition:
    width 2s
    cubic-bezier(.16, 1, .3, 1);
}

.our-story-section.story-active
.timeline-progress {
  width: 100%;
}

.story-timeline-item {
  position: relative;

  z-index: 2;

  text-align: center;

  opacity: 0;

  transform:
    translateY(22px);

  transition:
    opacity .7s ease,
    transform .7s
    cubic-bezier(.16, 1, .3, 1);
}

.our-story-section.story-active
.story-timeline-item {
  opacity: 1;

  transform:
    translateY(0);
}

.our-story-section.story-active
.story-timeline-item:nth-child(2) {
  transition-delay:
    .15s;
}

.our-story-section.story-active
.story-timeline-item:nth-child(3) {
  transition-delay:
    .30s;
}

.our-story-section.story-active
.story-timeline-item:nth-child(4) {
  transition-delay:
    .45s;
}

.our-story-section.story-active
.story-timeline-item:nth-child(5) {
  transition-delay:
    .60s;
}

.timeline-image-wrap {
  position: relative;

  width: 70px;
  height: 70px;

  margin:
    0
    auto
    11px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background:
    #fff8e9;

  border:
    2px solid
    #cf8c21;

  box-shadow:
    0 0 0 4px
    rgba(255, 250, 238, .98),
    0 8px 18px
    rgba(72, 48, 12, .12);

  transition:
    transform .55s
    cubic-bezier(.16,1,.3,1),
    box-shadow .55s ease;
}

.timeline-image {
  width: 58px;
  height: 58px;

  overflow: hidden;

  border-radius: 50%;
}

.timeline-image img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;

  filter:
    sepia(.15)
    saturate(.8);

  transition:
    transform .7s
    cubic-bezier(.16,1,.3,1);
}

.story-timeline-item:hover
.timeline-image-wrap {
  transform:
    translateY(-6px)
    scale(1.06);

  box-shadow:
    0 0 0 5px
    rgba(255,250,238,.98),
    0 15px 30px
    rgba(72,48,12,.18);
}

.story-timeline-item:hover
.timeline-image img {
  transform:
    scale(1.09);
}

.timeline-dot {
  position: absolute;

  top: 27px;

  width: 11px;
  height: 11px;

  border-radius: 50%;

  background:
    #0b4837;

  box-shadow:
    0 0 0 3px
    #fffaf0;
}

.story-timeline-item:not(:last-child)
.timeline-dot {
  right: -10px;
}

.story-timeline-item:last-child
.timeline-dot {
  display: none;
}

.timeline-content {
  max-width: 155px;

  margin-inline: auto;
}

.timeline-content strong {
  display: block;

  margin-bottom: 4px;

  color:
    #39443e;

  font-family:
    "Jost",
    sans-serif;

  font-size: 17px;

  font-weight: 600;
}

.timeline-content h3 {
  min-height: 38px;

  margin:
    0
    0
    7px;

  color:
    #263a32;

  font-family:
    "Jost",
    sans-serif;

  font-size: 13px;

  font-weight: 600;

  line-height: 1.25;
}

.timeline-content p {
  margin: 0;

  color:
    #626660;

  font-family:
    "Jost",
    sans-serif;

  font-size: 14px;

  line-height: 1.45;
}

@media (max-width: 1100px) {.our-story-container {
    width:
      calc(100% - 50px);

    grid-template-columns:
      320px
      minmax(0, 1fr);

    gap: 35px;
  }.our-story-content {
    padding-right: 25px;
  }.story-heading-area h2 {
    font-size: 36px;
  }.timeline-image-wrap {
    width: 62px;
    height: 62px;
  }.timeline-image {
    width: 51px;
    height: 51px;
  }.story-timeline-line {
    top: 27px;
  }.timeline-dot {
    top: 23px;
  }}

@media (max-width: 800px) {.our-story-section {
    padding:
      40px
      0;
  }.our-story-container {
    width:
      calc(100% - 30px);

    display: block;

    overflow: visible;

    border-radius: 20px;
  }.our-story-visual {
    height: 400px;

    border-radius:
      20px
      20px
      0
      0;
  }.our-story-main-image {
    border-radius:
      20px
      20px
      0
      0;
  }.our-story-content {
    padding:
      32px
      22px
      35px;
  }.story-heading-area h2 {
    font-size:
      clamp(
        32px,
        8vw,
        41px
      );
  }.story-heading-area p {
    font-size: 13px;
  }.story-timeline {
    grid-template-columns:
      1fr;

    gap: 25px;

    margin-top: 35px;

    padding-left: 15px;
  }.story-timeline-line {
    top: 34px;
    bottom: 34px;

    left: 48px;
    right: auto;

    width: 1px;
    height: auto;
  }.timeline-progress {
    width: 100%;
    height: 0;
  }.our-story-section.story-active
  .timeline-progress {
    width: 100%;
    height: 100%;
  }.story-timeline-item {
    min-height: 90px;

    display: grid;

    grid-template-columns:
      70px
      1fr;

    column-gap: 18px;

    align-items: center;

    text-align: left;
  }.timeline-image-wrap {
    margin: 0;

    grid-row: 1;
  }.timeline-content {
    max-width: none;

    margin: 0;
  }.timeline-content h3 {
    min-height: 0;
  }.timeline-dot {
    display: none !important;
  }}

.story-outline-leaf {
  position: absolute;

  z-index: 1;

  top: -25px;
  right: -35px;

  width: 330px;
  height: 260px;

  pointer-events: none;

  overflow: hidden;

  opacity: 0.22;
}

.story-outline-leaf img {
  width: 100%;
  height: 100%;

  object-fit: contain;

  object-position: top right;

  display: block;

  transform:
    rotate(-8deg)
    scale(1.08);

  transform-origin:
    top right;

  filter:
    sepia(.15)
    saturate(.8);

  transition:
    transform 1.2s
    cubic-bezier(.16,1,.3,1);
}

.values-section {
  position: relative;

  width: 100%;

  margin: 70px 0;

  padding:
    56px
    0
    58px;

  overflow: hidden;

  color: #ffffff;

  background:
    radial-gradient(
      circle at 70% 50%,
      rgba(10, 91, 72, .35),
      transparent 42%
    ),
    linear-gradient(
      105deg,
      #003e31 0%,
      #004c3c 45%,
      #003d31 100%
    );
}

.values-section::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  opacity: .20;

  background:
    radial-gradient(
      circle at 15% 30%,
      rgba(255,255,255,.05),
      transparent 25%
    ),
    radial-gradient(
      circle at 75% 70%,
      rgba(255,255,255,.035),
      transparent 30%
    );
}

.values-torn {
  position: absolute;

  left: -1%;
  z-index: 10;

  width: 102%;
  height: 28px;

  background: #fffaf0;

  pointer-events: none;
}

.values-torn-top {
  top: -14px;

  clip-path: polygon(
    0 0,
    100% 0,
    100% 45%,
    97% 52%,
    94% 39%,
    91% 58%,
    88% 45%,
    85% 63%,
    82% 47%,
    79% 56%,
    76% 44%,
    73% 62%,
    70% 46%,
    67% 57%,
    64% 43%,
    61% 62%,
    58% 47%,
    55% 58%,
    52% 42%,
    49% 60%,
    46% 45%,
    43% 56%,
    40% 43%,
    37% 61%,
    34% 46%,
    31% 57%,
    28% 42%,
    25% 59%,
    22% 45%,
    19% 57%,
    16% 43%,
    13% 61%,
    10% 46%,
    7% 57%,
    4% 43%,
    0 55%
  );
}

.values-torn-bottom {
  bottom: -14px;

  clip-path: polygon(
    0 45%,
    4% 58%,
    7% 43%,
    10% 57%,
    13% 42%,
    16% 60%,
    19% 46%,
    22% 58%,
    25% 41%,
    28% 57%,
    31% 45%,
    34% 61%,
    37% 44%,
    40% 58%,
    43% 42%,
    46% 60%,
    49% 45%,
    52% 57%,
    55% 41%,
    58% 60%,
    61% 46%,
    64% 58%,
    67% 43%,
    70% 61%,
    73% 45%,
    76% 57%,
    79% 42%,
    82% 60%,
    85% 45%,
    88% 58%,
    91% 42%,
    94% 60%,
    97% 45%,
    100% 56%,
    100% 100%,
    0 100%
  );
}

.values-container {
  position: relative;

  z-index: 3;

  width:
    min(
      94%,
      1500px
    );

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    270px
    minmax(0, 1fr);

  gap: 45px;

  align-items: center;
}

.values-intro {
  padding-left: 10px;
}

.values-eyebrow {
  display: flex;
  align-items: center;

  gap: 7px;

  margin-bottom: 10px;

  color: #d59a2c;

  font-family:
    "Jost",
    sans-serif;

  font-size: 14px;

  font-weight: 600;

  letter-spacing: 2px;
}

.values-eyebrow i {
  font-size: 13px;
}

.values-title {
  margin: 0;

  color: #fffdf6;

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:
    clamp(
      36px,
      3vw,
      50px
    );

  line-height: 1.03;

  font-weight: 600;

  letter-spacing: -.5px;
}

.values-title span {
  display: block;
}

.values-description {
  margin:
    15px
    0
    0;

  color:
    rgba(
      255,
      255,
      255,
      .88
    );

  font-family:
    "Jost",
    sans-serif;

  font-size: 17px;

  line-height: 1.45;

  font-weight: 400;
}

.values-list {
  display: grid;

  grid-template-columns:
    repeat(
      5,
      minmax(0, 1fr)
    );

  align-items: center;
}

.value-item {
  position: relative;

  min-height: 160px;

  padding:
    5px
    24px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;
}

.value-item:not(:last-child)::after {
  content: "";

  position: absolute;

  top: 16px;
  right: 0;

  width: 1px;
  height: 132px;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(213,154,44,.70) 18%,
      rgba(213,154,44,.70) 82%,
      transparent
    );
}

.value-icon {
  width: 55px;
  height: 55px;

  margin-bottom: 7px;

  display: grid;

  place-items: center;

  color: #d79a2c;

  font-size: 40px;

  line-height: 1;
}

.value-icon i {
  display: block;
}

.value-item h3 {
  margin:
    0
    0
    10px;

  color: #efc469;

  font-family:
    "Jost",
    sans-serif;

  font-size: 18px;

  line-height: 1.05;

  font-weight: 600;
}

.value-item h3 span {
  display: block;
}

.value-item p {
  max-width: 145px;

  margin: 0;

  color:
    rgba(
      255,
      255,
      255,
      .88
    );

  font-family:
    "Jost",
    sans-serif;

  font-size: 15px;

  line-height: 1.5;

  font-weight: 400;
}

.value-item {
  transition:
    transform .4s ease;
}

.value-icon {
  transition:
    transform .45s
    cubic-bezier(.16,1,.3,1),
    color .4s ease;
}

.value-item:hover {
  transform:
    translateY(-5px);
}

.value-item:hover
.value-icon {
  color: #f0c86c;

  transform:
    translateY(-3px)
    scale(1.08);
}

@media (max-width: 1200px) {.values-container {
    grid-template-columns:
      230px
      1fr;

    gap: 25px;
  }.value-item {
    padding:
      5px
      14px;
  }.value-item p {
    font-size: 10px;
  }}

@media (max-width: 950px) {.values-section {
    padding:
      65px
      0;
  }.values-container {
    grid-template-columns: 1fr;

    gap: 40px;
  }.values-intro {
    text-align: center;

    padding: 0;
  }.values-eyebrow {
    justify-content: center;
  }.values-description br {
    display: none;
  }.values-list {
    grid-template-columns:
      repeat(
        3,
        1fr
      );

    row-gap: 35px;
  }.value-item:nth-child(3)::after {
    display: none;
  }}

@media (max-width: 650px) {.values-container {
    width: 88%;
  }.values-title {
    font-size: 34px;
  }.values-list {
    grid-template-columns:
      1fr
      1fr;

    gap: 25px 0;
  }.value-item {
    min-height: 170px;

    padding:
      10px
      15px;
  }.value-item:nth-child(2)::after,
  .value-item:nth-child(4)::after {
    display: none;
  }.value-item:nth-child(3)::after {
    display: block;
  }.value-item p {
    font-size: 11px;
  }}

@media (max-width: 420px) {.values-list {
    grid-template-columns: 1fr;
  }.value-item {
    min-height: auto;

    padding:
      25px
      10px;
  }.value-item::after {
    display: none !important;
  }.value-item:not(:last-child) {
    border-bottom:
      1px solid
      rgba(
        213,
        154,
        44,
        .25
      );
  }}

.strength-section {
  position: relative;

  width: 100%;

  padding:
    65px
    0
    70px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 12% 50%,
      rgba(220, 179, 105, .08),
      transparent 30%
    ),
    #fffaf1;
}

.strength-shell {
  position: relative;

  width:
    min(
      calc(100% - 70px),
      1450px
    );

  min-height: 420px;

  margin-inline: auto;

  display: grid;

  grid-template-columns:
    minmax(260px, .72fr)
    minmax(680px, 2.28fr);

  gap: 48px;

  align-items: center;

  overflow: visible;
}

.strength-content {
  position: relative;

  z-index: 8;

  max-width: 340px;

  padding-left: 16px;
}

.strength-eyebrow {
  display: flex;

  align-items: center;

  gap: 7px;

  margin-bottom: 12px;

  color: #db6a38;

  font-family:
    "Jost",
    sans-serif;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.strength-eyebrow i {
  font-size: 12px;
}

.strength-title {
  margin: 0;

  color: #123e32;

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:
    clamp(
      38px,
      3.1vw,
      52px
    );

  font-weight: 600;

  line-height: .98;

  letter-spacing: -.035em;
}

.strength-title span {
  display: block;
}

.strength-title em {
  display: block;

  margin-top: 4px;

  color: #ef642f;

  font-family:
    "Yellowtail",
    cursive;

  font-size: 1.08em;

  font-weight: 400;

  line-height: 1;

  letter-spacing: 0;
}

.strength-description {
  max-width: 285px;

  margin:
    20px
    0
    22px;

  color: #49564f;

  font-family:
    "Jost",
    sans-serif;

  font-size: 16px;

  line-height: 1.65;
}

.strength-button {
  position: relative;

  min-height: 43px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 25px;

  padding:
    0
    20px;

  overflow: hidden;

  border-radius: 5px;

  background:
    linear-gradient(
      135deg,
      #074737,
      #0c5944
    );

  color: #ffffff;

  font-family:
    "Jost",
    sans-serif;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .08em;

  box-shadow:
    0 10px 22px
    rgba(8, 69, 52, .15);

  transition:
    transform .35s
    cubic-bezier(.16,1,.3,1),
    box-shadow .35s ease;
}

.strength-button::before {
  content: "";

  position: absolute;

  top: 0;
  left: -100%;

  width: 70%;
  height: 100%;

  background:
    linear-gradient(
      105deg,
      transparent,
      rgba(255,255,255,.25),
      transparent
    );

  transform: skewX(-20deg);

  transition:
    left .7s
    cubic-bezier(.16,1,.3,1);
}

.strength-button:hover {
  transform:
    translateY(-3px);

  box-shadow:
    0 16px 30px
    rgba(8, 69, 52, .22);
}

.strength-button:hover::before {
  left: 140%;
}

.strength-button i {
  color: #e0b54f;

  font-size: 13px;

  transition:
    transform .35s ease;
}

.strength-button:hover i {
  transform:
    translateX(5px);
}

.strength-gallery {
  position: relative;

  width: 100%;

  height: 390px;

  display: grid;

  grid-template-columns:
    1.1fr
    1fr;

  grid-template-rows:
    1fr
    .92fr;

  gap: 8px;

  perspective: 1200px;
}

.strength-photo {
  position: relative;

  overflow: hidden;

  border-radius: 14px;

  background: #ddd;

  box-shadow:
    0 18px 35px
    rgba(47, 38, 22, .12);

  transform-style: preserve-3d;

  transition:
    transform .65s
    cubic-bezier(.16,1,.3,1),
    box-shadow .6s ease;
}

.strength-photo img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;

  transition:
    transform 1s
    cubic-bezier(.16,1,.3,1);
}

.strength-photo-main {
  grid-column: 1;
  grid-row: 1 / 3;

  border-radius:
    14px
    14px
    14px
    14px;
}

.strength-photo-team {
  grid-column: 2;
  grid-row: 1;
}

.strength-photo-kitchen {
  grid-column: 2;
  grid-row: 2;
}

.strength-photo:hover {
  z-index: 10;

  transform:
    translateY(-6px)
    translateZ(18px);

  box-shadow:
    0 28px 52px
    rgba(47,38,22,.18);
}

.strength-photo:hover img {
  transform:
    scale(1.055);
}

.strength-badge {
  position: absolute;

  z-index: 20;

  left: 52%;
  top: 50%;

  width: 125px;
  height: 125px;

  transform:
    translate(
      -50%,
      -50%
    );

  display: grid;

  place-items: center;

  border-radius: 50%;

  padding: 7px;

  background:
    #fff9ea;

  border:
    2px solid
    #d3a542;

  box-shadow:
    0 14px 35px
    rgba(25, 42, 32, .24);

  
}

.strength-badge-inner {
  width: 100%;
  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 35% 25%,
      #156b55,
      #063f31 70%
    );

  color: #ffffff;

  box-shadow:
    inset
    0
    0
    20px
    rgba(255,255,255,.06);
}

.strength-badge strong {
  color: #fff9e9;

  font-family:
    "Playfair Display",
    serif;

  font-size: 33px;

  line-height: 1;

  font-weight: 500;
}

.strength-badge span {
  margin-top: 4px;

  color:
    rgba(255,255,255,.85);

  font-family:
    "Jost",
    sans-serif;

  font-size: 8px;

  letter-spacing: .09em;
}

.strength-badge b {
  color: #fff;

  font-family:
    "Jost",
    sans-serif;

  font-size: 8px;

  line-height: 1.2;

  letter-spacing: .05em;
}

.strength-shape {
  position: absolute;

  z-index: 0;

  border-radius: 50%;

  pointer-events: none;
}

.strength-shape-one {
  width: 300px;
  height: 300px;

  left: -180px;
  bottom: -150px;

  background:
    rgba(218, 175, 90, .08);
}

.strength-shape-two {
  width: 200px;
  height: 200px;

  right: -100px;
  top: -110px;

  border:
    1px solid
    rgba(208,164,78,.12);
}

@media (max-width: 1050px) {.strength-shell {
    grid-template-columns:
      300px
      1fr;

    gap: 30px;
  }.strength-gallery {
    height: 360px;
  }}

@media (max-width: 780px) {.strength-section {
    padding:
      50px
      0;
  }.strength-shell {
    width:
      calc(100% - 35px);

    display: flex;

    flex-direction: column;

    gap: 35px;
  }.strength-content {
    max-width: 100%;

    padding-left: 0;

    text-align: center;
  }.strength-eyebrow {
    justify-content: center;
  }.strength-description {
    max-width: 500px;

    margin-left: auto;
    margin-right: auto;
  }.strength-gallery {
    width: 100%;

    height: 480px;

    grid-template-columns:
      1fr
      1fr;

    grid-template-rows:
      1.2fr
      .8fr;
  }.strength-photo-main {
    grid-column:
      1 / 3;

    grid-row: 1;
  }.strength-photo-team {
    grid-column: 1;
    grid-row: 2;
  }.strength-photo-kitchen {
    grid-column: 2;
    grid-row: 2;
  }.strength-badge {
    left: 50%;
    top: 58%;

    width: 105px;
    height: 105px;
  }.strength-badge strong {
    font-size: 27px;
  }}

@media (max-width: 480px) {.strength-title {
    font-size: 38px;
  }.strength-gallery {
    height: 400px;

    gap: 6px;
  }.strength-photo {
    border-radius: 10px;
  }.strength-badge {
    width: 90px;
    height: 90px;
  }.strength-badge strong {
    font-size: 23px;
  }.strength-badge span,
  .strength-badge b {
    font-size: 6px;
  }}

.commitment-section {
  position: relative;

  width: 100%;

  padding:
    55px
    0
    65px;

  background:
    #fffaf1;
}

.commitment-card {
  position: relative;

  width:
    min(
      calc(100% - 55px),
      1460px
    );

  min-height: 220px;

  margin-inline: auto;

  display: grid;

  grid-template-columns:
    minmax(310px, 1.05fr)
    minmax(350px, 1fr)
    1px
    minmax(330px, .95fr);

  align-items: stretch;

  overflow: visible;

  border-radius: 24px;

  background:
    radial-gradient(
      circle at 88% 40%,
      rgba(16, 113, 88, .22),
      transparent 28%
    ),
    linear-gradient(
      105deg,
      #043e31 0%,
      #004d3c 48%,
      #003b30 100%
    );

  box-shadow:
    0 18px 40px
    rgba(40, 31, 15, .08);
}

.commitment-food {
  position: relative;

  min-height: 220px;

  overflow: hidden;

  border-radius:
    24px
    0
    0
    24px;
}

.commitment-food img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  object-position:
    center center;

  display: block;

  transition:
    transform 1.1s
    cubic-bezier(.16,1,.3,1);
}

.commitment-card:hover
.commitment-food img {
  transform:
    scale(1.04);
}

.commitment-food-overlay {
  position: absolute;

  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      transparent 55%,
      rgba(2, 61, 47, .78) 100%
    );
}

.commitment-center {
  position: relative;

  z-index: 5;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding:
    30px
    45px
    30px
    48px;
}

.commitment-eyebrow {
  margin-bottom: 12px;

  color:
    #d9a33d;

  font-family:
    "Jost",
    sans-serif;

  font-size: 11px;

  font-weight: 700;

  letter-spacing:
    .18em;

  text-transform:
    uppercase;
}

.commitment-title {
  margin: 0;

  max-width: 430px;

  color:
    #fffaf0;

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:
    clamp(
      34px,
      2.9vw,
      48px
    );

  line-height:
    1.02;

  font-weight:
    600;

  letter-spacing:
    -.03em;
}

.commitment-title span {
  display: block;
}

.commitment-title em {
  color:
    #e98925;

  font-family:
    "Yellowtail",
    cursive;

  font-size:
    1.02em;

  font-weight:
    400;

  font-style:
    normal;

  white-space:
    nowrap;
}

.commitment-divider {
  align-self: center;

  width: 1px;
  height: 155px;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(211, 163, 64, .70) 18%,
      rgba(211, 163, 64, .70) 82%,
      transparent
    );
}

.commitment-right {
  position: relative;

  z-index: 4;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding:
    28px
    70px
    28px
    35px;
}

.commitment-description {
  max-width: 350px;

  margin:
    0
    0
    14px;

  color:
    rgba(
      255,
      255,
      255,
      .90
    );

  font-family:
    "Jost",
    sans-serif;

  font-size:
    13px;

  line-height:
    1.55;
}

.commitment-list {
  display: grid;

  gap: 8px;

  margin: 0;

  padding: 0;

  list-style: none;
}

.commitment-list li {
  display: flex;

  align-items: center;

  gap: 9px;

  color:
    rgba(
      255,
      255,
      255,
      .88
    );

  font-family:
    "Jost",
    sans-serif;

  font-size:
    12px;
}

.commitment-check {
  width: 18px;
  height: 18px;

  flex:
    0
    0
    18px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      #e9b54b,
      #ca8b20
    );

  color:
    #064132;

  font-size: 11px;

  box-shadow:
    0 4px 10px
    rgba(0,0,0,.15);
}

.commitment-center::before {
  content: "";

  position: absolute;

  left: 48px;
  top: 25px;

  width: 40px;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      #d89b32,
      transparent
    );

  opacity:
    .55;
}

@media (max-width: 1100px) {.commitment-card {
    grid-template-columns:
      30%
      35%
      1px
      35%;
  }.commitment-center {
    padding:
      28px
      28px;
  }.commitment-right {
    padding:
      26px
      50px
      26px
      25px;
  }.commitment-title {
    font-size:
      34px;
  }}

@media (max-width: 780px) {.commitment-section {
    padding:
      40px
      0;
  }.commitment-card {
    width:
      calc(100% - 30px);

    display: block;

    overflow: hidden;

    border-radius:
      20px;
  }.commitment-food {
    height: 260px;

    min-height: 0;

    border-radius:
      20px
      20px
      0
      0;
  }.commitment-food-overlay {
    background:
      linear-gradient(
        0deg,
        rgba(3,61,48,.85),
        transparent 55%
      );
  }.commitment-center {
    padding:
      30px
      25px
      20px;
  }.commitment-divider {
    width:
      calc(100% - 50px);

    height: 1px;

    margin:
      0
      auto;

    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(211,163,64,.55),
        transparent
      );
  }.commitment-right {
    padding:
      22px
      25px
      45px;
  }.commitment-title {
    font-size:
      37px;
  }}

@media (max-width: 780px) {.about-story-premium {
    padding: 45px 0 40px;
    overflow: hidden;
  }.about-story-inner {
    width: calc(100% - 28px);
    display: flex;
    flex-direction: column;
    gap: 28px;
  }.about-story-copy {
    width: 100%;
    text-align: center;
  }.about-story-eyebrow,
  .about-story-divider {
    justify-content: center;
  }.about-story-eyebrow {
    font-size: 10px;
    letter-spacing: .12em;
  }.about-story-title {
    font-size: clamp(36px, 10vw, 48px);
    line-height: 1.02;
  }.about-story-title span {
    display: block;
  }.about-story-description {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;

    font-size: 14px;
    line-height: 1.65;
  }.about-story-stats {
    width: 100%;
    max-width: 520px;

    margin:
      28px
      auto
      0;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap:
      18px
      8px;
  }.story-stat {
    min-width: 0;

    grid-template-columns:
      42px
      minmax(0, 1fr);

    gap: 8px;

    padding:
      8px
      7px;
  }.story-stat::after {
    display: none;
  }.story-stat-icon {
    width: 40px;
    height: 40px;

    font-size: 20px;
  }.story-stat-text {
    min-width: 0;

    text-align: left;
  }.story-stat-text strong {
    font-size: 20px;

    white-space: normal;
    overflow-wrap: anywhere;
  }.story-stat-text small {
    font-size: 9px;

    line-height: 1.3;
  }.story-stat:last-child
  .story-stat-text strong {
    font-size: 16px;
  }.about-story-visual {
    width: 100%;

    min-height: 420px;

    margin-top: 0;
  }.story-main-photo {
    top: 0;
    left: 0;
    right: auto;

    width: 100%;
    height: 280px;
  }.story-main-photo img {
    object-position: center center;
  }.story-photo-card {
    padding: 3px;

    border-radius: 12px;
  }.story-photo-card-one {
    left: 0;
    bottom: 5px;

    width: 43%;
    height: 135px;
  }.story-photo-card-two {
    left: 34%;
    bottom: 0;

    width: 40%;
    height: 132px;
  }.story-photo-card-three {
    right: 0;
    bottom: 7px;

    width: 28%;
    height: 122px;
  }.story-leaf-left {
    width: 60px;

    left: -18px;
    top: 210px;
  }.story-leaf-right {
    width: 85px;

    right: -28px;
    bottom: 25px;
  }.our-story-section {
    padding: 35px 0;
  }.our-story-container {
    width: calc(100% - 28px);

    display: block;

    border-radius: 18px;

    overflow: hidden;
  }.our-story-visual {
    width: 100%;
    height: 300px;

    border-radius:
      18px
      18px
      0
      0;
  }.our-story-main-image {
    width: 100%;
    height: 100%;

    border-radius:
      18px
      18px
      0
      0;
  }.our-story-main-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
  }.our-story-badge {
    transform: scale(.85);
    transform-origin: left center;
  }.our-story-content {
    width: 100%;

    padding:
      28px
      18px
      32px;
  }.story-heading-area {
    position: relative;
    z-index: 5;
  }.story-heading-area h2 {
    font-size: clamp(31px, 9vw, 40px);
    line-height: 1.05;
  }.story-heading-area p {
    font-size: 13px;
    line-height: 1.65;
  }.story-outline-leaf {
    width: 180px;
    height: 150px;

    top: -10px;
    right: -45px;

    opacity: .13;
  }.story-timeline {
    position: relative;

    display: grid;
    grid-template-columns: 1fr;

    gap: 25px;

    margin-top: 32px;

    padding-left: 0;
  }.story-timeline-line {
    left: 34px;
    right: auto;

    top: 30px;
    bottom: 30px;

    width: 1px;
    height: auto;
  }.timeline-progress {
    width: 100%;
    height: 0;
  }.our-story-section.story-active
  .timeline-progress {
    width: 100%;
    height: 100%;
  }.story-timeline-item {
    width: 100%;

    display: grid;

    grid-template-columns:
      68px
      minmax(0, 1fr);

    align-items: center;

    column-gap: 16px;

    min-height: 90px;

    text-align: left;
  }.timeline-image-wrap {
    width: 62px;
    height: 62px;

    margin: 0;

    grid-column: 1;
  }.timeline-image {
    width: 51px;
    height: 51px;
  }.timeline-content {
    grid-column: 2;

    width: 100%;
    max-width: none;

    margin: 0;
  }.timeline-content strong {
    font-size: 13px;
  }.timeline-content h3 {
    min-height: 0;

    margin-bottom: 5px;

    font-size: 14px;
  }.timeline-content p {
    max-width: 100%;

    font-size: 11px;
    line-height: 1.5;
  }.timeline-dot {
    display: none !important;
  }.values-section {
    margin:
      40px
      0;

    padding:
      55px
      0;
  }.values-container {
    width: calc(100% - 30px);

    display: block;
  }.values-intro {
    width: 100%;

    text-align: center;
  }.values-eyebrow {
    justify-content: center;
  }.values-title {
    font-size: 35px;

    line-height: 1.06;
  }.values-description {
    max-width: 360px;

    margin-left: auto;
    margin-right: auto;

    font-size: 13px;
  }.values-description br {
    display: none;
  }.values-list {
    width: 100%;

    margin-top: 35px;

    display: grid;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap:
      24px
      0;
  }.value-item {
    min-width: 0;
    min-height: 165px;

    padding:
      10px
      12px;
  }.value-icon {
    font-size: 31px;
  }.value-item h3 {
    font-size: 14px;
  }.value-item p {
    font-size: 10px;

    line-height: 1.5;
  }.value-item:nth-child(2)::after,
  .value-item:nth-child(4)::after {
    display: none;
  }.strength-section {
    padding: 45px 0;
  }.strength-shell {
    width: calc(100% - 28px);

    display: flex;
    flex-direction: column;

    gap: 30px;
  }.strength-content {
    width: 100%;
    max-width: none;

    padding: 0;

    text-align: center;
  }.strength-eyebrow {
    justify-content: center;
  }.strength-title {
    font-size: clamp(37px, 10vw, 48px);

    line-height: 1;
  }.strength-title span,
  .strength-title em {
    display: block;
  }.strength-description {
    max-width: 480px;

    margin-left: auto;
    margin-right: auto;

    font-size: 14px;
    line-height: 1.65;
  }.strength-button {
    margin-left: auto;
    margin-right: auto;
  }.strength-gallery {
    width: 100%;
    height: 440px;

    display: grid;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    grid-template-rows:
      1.18fr
      .82fr;

    gap: 7px;
  }.strength-photo-main {
    grid-column: 1 / 3;
    grid-row: 1;
  }.strength-photo-team {
    grid-column: 1;
    grid-row: 2;
  }.strength-photo-kitchen {
    grid-column: 2;
    grid-row: 2;
  }.strength-photo {
    border-radius: 12px;
  }.strength-badge {
    left: 50%;
    top: 57%;

    width: 95px;
    height: 95px;
  }.strength-badge strong {
    font-size: 25px;
  }.strength-badge span,
  .strength-badge b {
    font-size: 6px;
  }.commitment-section {
    padding: 38px 0 45px;
  }.commitment-card {
    width: calc(100% - 28px);

    display: flex;
    flex-direction: column;

    min-height: auto;

    overflow: hidden;

    border-radius: 18px;
  }.commitment-food {
    width: 100%;
    height: 240px;

    min-height: 0;

    border-radius:
      18px
      18px
      0
      0;
  }.commitment-food img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
  }.commitment-food-overlay {
    background:
      linear-gradient(
        0deg,
        rgba(3,61,48,.85),
        transparent 58%
      );
  }.commitment-center {
    width: 100%;

    padding:
      27px
      20px
      20px;

    text-align: center;
  }.commitment-eyebrow {
    text-align: center;
  }.commitment-title {
    font-size: clamp(32px, 9vw, 39px);

    line-height: 1.05;
  }.commitment-title span {
    display: block;
  }.commitment-divider {
    width: calc(100% - 40px);
    height: 1px;

    margin: 0 auto;
  }.commitment-right {
    width: 100%;

    padding:
      20px
      22px
      38px;
  }.commitment-description {
    font-size: 16px;
    line-height: 1.7;
  }.commitment-list {
    margin-top: 20px;
  }.commitment-list li {
    font-size: 12px;
  }}

@media (max-width: 430px) {.about-story-inner,
  .our-story-container,
  .strength-shell,
  .commitment-card {
    width: calc(100% - 20px);
  }.about-story-title {
    font-size: 36px;
  }.about-story-stats {
    gap:
      16px
      4px;
  }.story-stat {
    grid-template-columns:
      35px
      minmax(0, 1fr);

    padding:
      6px
      4px;
  }.story-stat-icon {
    width: 34px;
    height: 34px;

    font-size: 17px;
  }.story-stat-text strong {
    font-size: 18px;
  }.story-stat:last-child
  .story-stat-text strong {
    font-size: 14px;
  }.story-stat-text small {
    font-size: 8px;
  }.about-story-visual {
    min-height: 365px;
  }.story-main-photo {
    height: 245px;
  }.story-photo-card-one {
    height: 115px;
  }.story-photo-card-two {
    height: 112px;
  }.story-photo-card-three {
    height: 105px;
  }.our-story-visual {
    height: 260px;
  }.our-story-content {
    padding:
      25px
      16px
      30px;
  }.story-heading-area h2 {
    font-size: 31px;
  }.story-timeline-item {
    grid-template-columns:
      58px
      minmax(0, 1fr);

    column-gap: 12px;
  }.timeline-image-wrap {
    width: 54px;
    height: 54px;
  }.timeline-image {
    width: 44px;
    height: 44px;
  }.story-timeline-line {
    left: 27px;
  }.values-container {
    width: calc(100% - 26px);
  }.values-list {
    grid-template-columns: 1fr;
  }.value-item {
    min-height: auto;

    padding:
      18px
      12px;
  }.value-item::after {
    display: none !important;
  }.strength-title {
    font-size: 36px;
  }.strength-gallery {
    height: 370px;
  }.strength-badge {
    width: 82px;
    height: 82px;
  }.strength-badge strong {
    font-size: 21px;
  }.commitment-food {
    height: 210px;
  }.commitment-center {
    padding:
      24px
      17px
      18px;
  }.commitment-title {
    font-size: 32px;
  }.commitment-right {
    padding:
      18px
      17px
      32px;
  }}

@media (min-width: 1101px) {.about-story-premium {
    padding-top: 0 !important;
  }.about-story-inner {
    padding-top: 0 !important;
  }.about-story-visual {
    margin-top: 0 !important;
  }.story-main-photo {
    top: 0 !important;

    height: 560px !important;

    clip-path: polygon(
      10% 0,
      25% 0,
      42% 0,
      58% 0,
      75% 0,
      90% 0,
      100% 0,

      100% 100%,

      4% 100%,
      1% 86%,
      0% 68%,
      2% 48%,
      1% 28%,
      5% 12%
    ) !important;
  }}

@media (min-width: 1101px) {.story-main-photo {
    position: absolute !important;

    top: 0 !important;
    right: -70px !important;

    width: 100% !important;
    height: 520px !important;

    overflow: hidden !important;

    /* old polygon remove */
    clip-path: none !important;

    border-radius:
      180px 0 0 180px !important;

    filter:
      drop-shadow(
        0 20px 35px
        rgba(36, 25, 11, .16)
      ) !important;
  }.story-main-photo::before {
    content: "";

    position: absolute;
    z-index: 5;

    top: -8%;
    left: -135px;

    width: 210px;
    height: 116%;

    border-radius: 50%;

    background: #fffaf0;

    pointer-events: none;

    box-shadow:
      10px 0 0 rgba(205, 157, 67, .45);
  }.story-main-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    display: block;
  }}

@media (min-width: 1101px) {.story-main-photo::before {
        display: none !important;
    }}

.strength-badge {
  animation: none !important;
}

.strength-badge::before {
  content: "";

  position: absolute;

  inset: -9px;

  border-radius: 50%;

  border: 2px solid transparent;

  border-top-color: #d3a542;
  border-right-color: rgba(211, 165, 66, .25);
  border-bottom-color: #d3a542;
  border-left-color: rgba(211, 165, 66, .25);

  pointer-events: none;

  animation:
    strengthPremiumRingRotate
    6s
    linear
    infinite;
}

.strength-badge::after {
  content: "";

  position: absolute;

  width: 9px;
  height: 9px;

  top: -8px;
  left: 50%;

  border-radius: 50%;

  background: #d3a542;

  box-shadow:
    0 0 0 4px rgba(211,165,66,.13),
    0 0 16px rgba(211,165,66,.65);

  transform:
    translateX(-50%);

  transform-origin:
    50% 71px;

  animation:
    strengthBadgeDotOrbit
    6s
    linear
    infinite;

  pointer-events: none;
}

.strength-badge-inner {
  position: relative;

  z-index: 3;

  transform: none !important;
  animation: none !important;
}

.story-stat-text strong {
    font-size: 32px !important;
    line-height: 1 !important;
}

.story-stat-text small {
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.story-stat-text small b {
    font-size: 13px !important;
    font-weight: 600 !important;
}