/* ==============================
   ONE STOP VISUAL SCENE
============================== */
#onestop_visual_scene {
   position: relative;
   height: 320vh;
}

.onestop_visual_sticky {
   position: sticky;
   top: 0;
   width: 100%;
   height: 100vh;
   overflow: hidden;
}

/* 초기 타이틀 */
.onestop_visual_intro {
   position: absolute;
   left: 50%;
   top: 32%;
   transform: translateX(-50%);
   z-index: 4;
   text-align: center;
   width: max-content;
}

.onestop_visual_title {
   margin: 0;
   font-family: "Bahnschrift", "Pretendard", sans-serif;
   font-size: 140px;
   font-weight: 600;
   font-stretch: semi-condensed;
   line-height: 1;
   letter-spacing: 0.04em;
}

.tab_mo_onestop_visual_title {
   display: none;
}


/* 움직이는 이미지 */
.onestop_visual_img {
   position: absolute;
   left: 50%;
   top: 85%;
   width: clamp(560px, 37vw, 700px);
   aspect-ratio: 1.7 / 1;
   overflow: hidden;
   z-index: 5;
   will-change: left, top, width, height, transform;

   --visualOverlay: 0.03;
}

.onestop_visual_video {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center center;
   transform-origin: center center;
   will-change: filter, transform;
}

.onestop_visual_video {
   pointer-events: none;
}

.onestop_visual_img::after {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(25, 25, 25, var(--visualOverlay));
   z-index: 2;
   pointer-events: none;
}

.onestop_visual_text {
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 7;
   width: max-content;
   text-align: center;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
}

.onestop_visual_text p {
   font-size: 56px;
   font-weight: 700;
   line-height: 1.45;
   color: var(--color-text-light);
   text-shadow:
      0 4px 18px rgba(0, 0, 0, 0.25),
      0 1px 4px rgba(0, 0, 0, 0.18);
}



/* ==============================
   ONE STOP BUSINESS SCENE
============================== */
#onestop_business_scene {
   position: relative;
   height: 720vh;
   background: #fff;
}

.onestop_business_sticky {
   position: sticky;
   top: 0;
   width: 100%;
   height: 100dvh;
   overflow: hidden;
   background: #fff;
}

.onestop_business_intro {
   position: absolute;
   inset: 0;
   z-index: 4;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   pointer-events: none;
}

.onestop_business_strip {
   position: relative;
   width: 100%;
   height: clamp(340px, 25.1vw, 482px);
   will-change: transform, opacity;
}

.onestop_business_strip_img {
   position: absolute;
   left: 50%;
   top: 0;
   width: clamp(260px, 19vw, 366px);
   height: 100%;
   margin: 0;
   overflow: hidden;
   background: var(--color-bg-soft);
   will-change: transform, opacity;
}

.onestop_business_strip_img.is-main {
   z-index: 2;
}

.onestop_business_strip_img img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.onestop_business_inner {
   position: relative;
   z-index: 2;
   display: grid;
   grid-template-columns: minmax(620px, 40vw) minmax(0, 1fr);
   align-items: center;
   column-gap: 0;
   width: 100%;
   height: 100%;
   margin: 0 auto;
   opacity: 0;
   visibility: hidden;
}


/* ==============================
   MEDIA
============================== */
.onestop_business_media {
   position: relative;
   width: 100%;
   height: 100dvh;
   min-height: 100dvh;
   overflow: hidden;
   background: var(--color-bg-soft);
}

.onestop_business_img {
   position: absolute;
   inset: 0;
   height: 100%;
   overflow: hidden;
   opacity: 0;
   transform: scale(1.08);
   will-change: opacity, transform;
}

.onestop_business_img.is-active {
   opacity: 1;
   transform: scale(1);
}

.onestop_business_img img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center center;
}

.onestop_business_img::after {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.08);
   pointer-events: none;
}


/* ==============================
   CONTENT
============================== */
.onestop_business_content {
   position: relative;
   z-index: 2;
   width: 100%;
   height: 100dvh;
   box-sizing: border-box;
   overflow: hidden;
   padding: 80px 0 80px 120px;
   display: flex;
   flex-direction: column;
}

.onestop_business_eyebrow,
.onestop_business_kicker {
   display: block;
   font-size: 20px;
   font-weight: 400;
   color: var(--color-text-muted);
}

.onestop_business_eyebrow {
   flex: 0 0 auto;
   margin-bottom: clamp(44px, 7dvh, 64px);
}

.onestop_business_nav {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   gap: 10px;
}

.onestop_business_nav li {
   font-size: clamp(48px, 3vw, 58px);
   font-weight: 400;
   line-height: 1.06;
   color: var(--color-text-disabled);
   transition: color .25s ease, font-weight .25s ease, transform .25s ease;
   cursor: pointer;
}

.onestop_business_nav li.is-active {
   color: var(--color-brand);
   font-weight: 600;
   cursor: default;
}

.onestop_business_text {
   margin: 60px 0 clamp(42px, 6dvh, 58px);
}

.onestop_business_text h3 {
   display: none;
}

.onestop_business_text p:not(.onestop_business_kicker) {
   font-size: clamp(18px, 1.04vw, 20px);
   font-weight: 400;
   line-height: 1.34;
   color: var(--color-text-secondary);
   word-break: keep-all;
   letter-spacing: -0.02em;
   white-space: pre-line;
}

.mo_br {
   display: none;
}

.onestop_business_mobile_list {
   display: none;
}

.onestop_business_mobile_intro_text {
   display: none;
}

.onestop_business_sticky_mo {
   display: none;
}


/*------------------------------------
   탭 버전
------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
   #onestop_visual_scene {
      height: 260svh;
   }

   .onestop_visual_intro {
      top: 20%;
      width: calc(100% - 48px);
   }

   .onestop_visual_title {
      display: none;
   }

   .tab_mo_onestop_visual_title {
      display: block;
      font-family: "Bahnschrift", "Pretendard", sans-serif;
      font-size: clamp(120px, 15.5vw, 160px);
      line-height: 1.0;
      letter-spacing: 0.04em;
      margin: 0;
      font-weight: 600;
      font-stretch: semi-condensed;
   }

   .onestop_visual_img {
      top: 65%;
      width: min(calc(100vw - 40px), clamp(560px, 75vw, 700px));
   }

   .onestop_visual_text {
      width: max-content;
      max-width: calc(100% - 80px);
   }

   .onestop_visual_text p {
      font-size: clamp(30px, 5vw, 56px);
   }

   #onestop_business_scene {
      height: 680svh;
   }

   .onestop_business_sticky {
      height: 100dvh;
   }

   .onestop_business_inner {
      grid-template-columns: minmax(280px, 0.9fr) minmax(300px, 1fr);
      column-gap: 32px;
   }

   .onestop_business_content {
      max-width: none;
      height: auto;
      padding: 0;
      overflow: visible;
      display: block;
      padding-right: 24px;
   }

   .onestop_business_strip {
      --tab-card-h: clamp(480px, 52.7dvh, 540px);
      height: var(--tab-card-h);
   }

   .onestop_business_strip_img {
      width: calc(var(--tab-card-h) / 3);
      height: var(--tab-card-h);
   }

   .onestop_business_strip_img img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform-origin: center center;
   }

   /* 01. 도축 공정 */
   .onestop_business_strip_img:nth-child(1) img {
      object-position: 80% center;
      transform: scale(1.02);
   }

   /* 02. 가공 관리 */
   .onestop_business_strip_img:nth-child(2) img {
      object-position: 38% center;
      transform: scale(1.04);
   }

   /* 03. 종오리 관리 */
   .onestop_business_strip_img:nth-child(3) img {
      object-position: 45% center;
      transform: scale(1.03);
   }

   /* 04. 부화 관리 */
   .onestop_business_strip_img:nth-child(4) img {
      object-position: 50% center;
      transform: scale(1.03);
   }

   /* 05. 사육 관리 */
   .onestop_business_strip_img:nth-child(5) img {
      object-position: 50% center;
      transform: scale(1.02);
   }

   .onestop_business_media {
      height: 62dvh;
      max-height: none;
   }

   .onestop_business_img img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform-origin: center center;
   }

   /* 01. 종오리 관리 */
   .onestop_business_img:nth-child(1) img {
      object-position: 45% center;
      transform: scale(1.03);
   }

   /* 02. 부화 관리 */
   .onestop_business_img:nth-child(2) img {
      object-position: 50% center;
      transform: scale(1.03);
   }

   /* 03. 사육 관리 */
   .onestop_business_img:nth-child(3) img {
      object-position: 50% center;
      transform: scale(1.02);
   }

   /* 04. 도축 공정 */
   .onestop_business_img:nth-child(4) img {
      object-position: 80% center;
      transform: scale(1.02);
   }

   /* 05. 가공·포장 */
   .onestop_business_img:nth-child(5) img {
      object-position: 38% center;
      transform: scale(1.03);
   }

   /* 06. 유통·판매 */
   .onestop_business_img:nth-child(6) img {
      object-position: 50% center;
      transform: scale(1.02);
   }

   .onestop_business_eyebrow {
      font-size: clamp(13px, 1.5vw, 15px);
      margin-bottom: 60px;
   }

   .onestop_business_nav {
      justify-content: flex-start;
      gap: 8px;
   }

   .onestop_business_nav li {
      font-size: clamp(24px, 4.2vw, 38px);
   }

   .onestop_business_text {
      margin: 25px 0 50px;
   }

   .onestop_business_text h3 {
      font-size: clamp(30px, 4.2vw, 40px);
   }

   .onestop_business_text p:not(.onestop_business_kicker) {
      font-size: clamp(14px, 2vw, 16px);
      white-space: normal;
      word-break: keep-all;
   }

   .mo_br {
      display: inline;
   }

}


/*------------------------------------
   모바일 버전
------------------------------------*/
@media screen and (min-width: 300px) and (max-width: 599px) {
   #onestop_visual_scene {
      height: 260svh;
   }

   #onestop_visual_scene .onestop_visual_sticky {
      background: #fff;

      --mo-img-w: calc(100vw - 60px);
      --mo-img-center-y: 70svh;
      --mo-img-half-h: calc(var(--mo-img-w) / 3.7016);
      --mo-title-gap: 25px;
   }

   .onestop_visual_intro {
      top: auto;
      left: 50%;
      bottom: calc(100svh - var(--mo-img-center-y) + var(--mo-img-half-h) + var(--mo-title-gap));
      width: calc(100% - 60px);
      transform: translateX(-50%);
      text-align: center;
   }

   .onestop_visual_title {
      display: none;
   }

   .tab_mo_onestop_visual_title {
      display: block;
      font-family: "Bahnschrift", "Pretendard", sans-serif;
      font-size: clamp(60px, 18vw, 100px);
      line-height: 1;
      letter-spacing: 0.04em;
      margin: 0;
      font-weight: 600;
      font-stretch: semi-condensed;
   }

   .onestop_visual_img {
      left: 50%;
      top: var(--mo-img-center-y);
      width: var(--mo-img-w);
      aspect-ratio: 335 / 181;
   }

   .onestop_visual_text {
      width: max-content;
      max-width: calc(100% - 60px);
   }

   .onestop_visual_text p {
      font-size: clamp(26px, 7vw, 48px);
   }

   #onestop_business_scene {
      height: auto;
      padding: 0 0 110px;
   }

   .onestop_business_sticky {
      display: none;
   }

   .onestop_business_sticky_mo {
      position: relative;
      display: block;
      width: 100%;
      height: 100svh;
      overflow: hidden;
      background: #fff;
   }

   .onestop_business_mo_intro {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(100% - 40px);
      height: 100svh;
      margin: 0 auto;
      overflow: hidden;
      background: #fff;
   }

   .onestop_business_mo_strip {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
   }

   .onestop_business_mo_strip_img {
      position: absolute;
      left: auto;
      top: 50%;
      width: 100%;
      height: 140px;
      margin: 0;
      transform: none;
   }

   .onestop_business_mo_strip_img img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .onestop_business_mo_strip_img:nth-child(1) img {
      object-position: 78% center;
   }

   .onestop_business_mo_strip_img:nth-child(2) img {
      object-position: 42% center;
   }

   .onestop_business_mo_strip_img:nth-child(3) img {
      object-position: 45% center;
   }

   .onestop_business_mo_strip_img:nth-child(4) img,
   .onestop_business_mo_strip_img:nth-child(5) img {
      object-position: center center;
   }

   .onestop_business_inner {
      display: none;
   }

   .onestop_business_mo_feature {
      position: absolute;
      left: 50%;
      top: 262px;
      z-index: 2;
      width: calc(100% - 40px);
      margin: 0;
      transform: translateX(-50%);
      background: #fff;
   }

   .onestop_business_mobile_intro_text {
      display: none;
   }

   .onestop_business_mobile_list {
      display: flex;
      flex-direction: column;
      gap: 120px;
      width: calc(100% - 40px);
      margin: 0 auto;
      padding-top: 0;
   }

   .onestop_business_mobile_item:first-child {
      display: none;
   }

   .onestop_business_mobile_item,
   .onestop_business_mobile_intro_text,
   .onestop_business_mo_feature {
      margin: 0;
   }

   .onestop_business_mobile_item figure {
      width: 100%;
      height: clamp(118px, 34vw, 154px);
      margin: 0 0 20px;
      overflow: hidden;
      background: var(--color-bg-soft);
   }

   .onestop_business_mobile_item img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
   }

   .onestop_business_mobile_item:nth-child(1) img {
      object-position: 45% center;
   }

   .onestop_business_mobile_item:nth-child(4) img {
      object-position: 74% center;
   }

   .onestop_business_mobile_item:nth-child(5) img {
      object-position: 42% center;
   }

   .onestop_business_mobile_eyebrow {
      margin: 0 0 22px;
      font-size: 12px;
      font-weight: 400;
      line-height: 1;
      color: var(--color-text-disabled);
   }

   .onestop_business_mobile_item h3,
   .onestop_business_mobile_intro_text h3,
   .onestop_business_mo_feature h3 {
      margin: 0 0 26px;
      font-size: clamp(30px, 8.4vw, 38px);
      font-weight: 700;
      line-height: 1.15;
      color: var(--color-brand);
      letter-spacing: -0.04em;
   }

   .onestop_business_mobile_item p:not(.onestop_business_mobile_eyebrow):not(.onestop_business_mobile_note),
   .onestop_business_mobile_intro_text p:not(.onestop_business_mobile_eyebrow):not(.onestop_business_mobile_note),
   .onestop_business_mo_feature p:not(.onestop_business_mobile_eyebrow):not(.onestop_business_mobile_note) {
      margin: 0;
      font-size: clamp(14px, 3.65vw, 16px);
      font-weight: 400;
      line-height: 1.48;
      color: var(--color-text-secondary);
      letter-spacing: -0.035em;
      word-break: keep-all;
   }

   .onestop_business_mobile_item p+.onestop_business_mobile_note,
   .onestop_business_mobile_intro_text p+.onestop_business_mobile_note,
   .onestop_business_mo_feature p+.onestop_business_mobile_note {
      margin-top: 22px;
   }

   .onestop_business_mobile_note {
      color: var(--color-text-muted);
      font-size: 13px;
   }

   .mo_br {
      display: inline;
   }
}

/* ==============================
   ONE STOP CONTENT REDESIGN
============================== */
.onestop_redesign_inner {
   width: min(1600px, calc(100% - 120px));
   margin: 0 auto;
}

.onestop_redesign_eyebrow {
   margin: 0 0 28px;
   color: var(--color-brand);
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 0.04em;
}

.onestop_overview {
   padding: 180px 0 160px;
   background: var(--color-bg-base);
   color: var(--color-text-primary);
}

.onestop_overview_bar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 40px 22px;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.2;
   letter-spacing: 0.02em;
}

.onestop_overview_bar p {
   margin: 0;
   color: var(--color-brand);
}

.onestop_overview_bar span {
   color: var(--color-text-secondary);
   font-size: 14px;
   font-weight: 500;
}

.onestop_overview_line {
   display: block;
   width: 100%;
   height: 1px;
   background: var(--color-line);
   transform-origin: left center;
   will-change: transform;
}

.onestop_overview_heading,
.onestop_process_heading {
   display: grid;
   grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.55fr);
   align-items: end;
   gap: 100px;
}

.onestop_overview_heading {
   padding: clamp(68px, 7vw, 118px) 40px clamp(86px, 8vw, 138px);
}

.onestop_overview_heading h2,
.onestop_process_heading h2,
.onestop_strength_heading h2,
.onestop_cta h2 {
   margin: 0;
   color: var(--color-text-primary);
   font-size: clamp(58px, 5vw, 88px);
   font-weight: 700;
   line-height: 1.08;
   letter-spacing: -0.04em;
   word-break: keep-all;
}

.onestop_overview_desc,
.onestop_process_heading > p {
   margin: 0 0 10px;
   color: var(--color-text-secondary);
   font-size: 19px;
   line-height: 1.75;
   word-break: keep-all;
}

.onestop_overview_metrics {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0;
   margin-top: 0;
   border-top: 1px solid var(--color-line);
   border-bottom: 1px solid var(--color-line);
}

.onestop_overview_metrics article {
   min-height: 180px;
   padding: clamp(30px, 3vw, 50px);
   background: transparent;
}

.onestop_overview_metrics article + article {
   border-left: 1px solid var(--color-line);
}

.onestop_overview_metrics strong,
.onestop_overview_metrics span {
   display: block;
}

.onestop_overview_metrics strong {
   color: var(--color-text-primary);
   font-size: clamp(32px, 2.7vw, 48px);
   font-weight: 600;
   line-height: 1.08;
   transition: color 0.35s ease;
}

.onestop_overview_metrics span {
   margin-top: 22px;
   color: var(--color-text-secondary);
   font-size: 16px;
   line-height: 1.55;
   word-break: keep-all;
}

.onestop_process {
   padding: 190px 0 220px;
   background: #fff;
   color: var(--color-text-primary);
}

.onestop_process_list {
   display: flex;
   flex-direction: column;
   gap: 190px;
   margin-top: 150px;
}

.onestop_process_item {
   display: grid;
   grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
   align-items: center;
   gap: clamp(70px, 8vw, 150px);
}

.onestop_process_item.is_reverse figure {
   order: 2;
}

.onestop_process_item figure {
   aspect-ratio: 4 / 3;
   margin: 0;
   overflow: hidden;
   background: var(--color-line);
}

.onestop_process_item img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.onestop_process_content {
   position: relative;
   padding-top: 70px;
}

.onestop_process_num {
   position: absolute;
   top: 0;
   right: 0;
   color: #dbe7d4;
   font-family: "Bahnschrift", sans-serif;
   font-stretch: condensed;
   font-size: clamp(72px, 8vw, 128px);
   font-weight: 300;
   line-height: 0.8;
}

.onestop_process_kicker {
   margin: 0 0 20px;
   color: rgba(102, 155, 69, 80%);
   font-family: "Bahnschrift", sans-serif;
   /* font-stretch: condensed; */
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 0.08em;
}

.onestop_process_content h3 {
   margin: 0 0 30px;
   color: var(--color-text-primary);
   font-size: clamp(40px, 3.4vw, 60px);
   font-weight: 700;
   letter-spacing: -0.04em;
}

.onestop_process_content > p:not(.onestop_process_kicker) {
   margin: 0;
   color: var(--color-text-secondary);
   font-size: 18px;
   line-height: 1.8;
   word-break: keep-all;
}

.onestop_process_content small {
   display: block;
   margin-top: 28px;
   color: var(--color-text-disabled);
   font-size: 15px;
   line-height: 1.6;
}

.onestop_strength {
   --color-brand: var(--color-brand-light);
   --color-line-strong: var(--color-brand-light);
   padding: 190px 0;
   background: var(--color-bg-dark);
   color: var(--color-text-light);
}

.onestop_strength_heading {
   display: grid;
   grid-template-columns: minmax(0, 1.3fr) minmax(360px, 0.7fr);
   align-items: end;
   gap: 100px;
}

.onestop_strength_heading .onestop_redesign_eyebrow {
   grid-column: 1 / -1;
   margin-bottom: -45px;
   color: var(--color-line-strong);
}

.onestop_strength_heading h2 {
   color: var(--color-text-light);
}

.onestop_strength_heading > p:last-child {
   margin: 0 0 8px;
   color: #c5cec8;
   font-size: 18px;
   line-height: 1.75;
   word-break: keep-all;
}

.onestop_strength_list {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: clamp(60px, 7vw, 120px);
   margin-top: 140px;
}

.onestop_strength_list span {
   color: var(--color-line-strong);
   font-family: "Bahnschrift", sans-serif;
   font-size: 18px;
}

.onestop_strength_list h3 {
   margin: 44px 0 24px;
   color: var(--color-text-light);
   font-size: 32px;
   font-weight: 600;
}

.onestop_strength_list p {
   margin: 0;
   color: #b8c3bc;
   font-size: 16px;
   line-height: 1.8;
   word-break: keep-all;
}

.onestop_cta {
   padding: 140px 0;
   background: var(--color-bg-soft);
}

.onestop_cta_inner {
   display: grid;
   grid-template-columns: minmax(0, 1.25fr) minmax(380px, 0.75fr);
   align-items: end;
   gap: 100px;
}

.onestop_cta h2 {
   font-size: clamp(48px, 4vw, 68px);
}

.onestop_cta_links {
   display: grid;
   gap: 14px;
}

.onestop_cta_links a {
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: 82px;
   padding: 0 30px;
   background: #fff;
   color: var(--color-text-primary);
   font-size: 18px;
   font-weight: 600;
   transition: background-color 0.35s ease, color 0.35s ease, transform 0.35s ease;
}

.onestop_cta_links a:hover {
   background: var(--color-brand);
   color: var(--color-text-light);
   transform: translateY(-4px);
}

@media screen and (max-width: 1024px) {
   .onestop_redesign_inner {
      width: calc(100% - 80px);
   }

   .onestop_overview,
   .onestop_process,
   .onestop_strength {
      padding-top: 130px;
      padding-bottom: 130px;
   }

   .onestop_overview_bar {
      padding: 0 8px 15px;
   }

   .onestop_overview_heading,
   .onestop_process_heading,
   .onestop_strength_heading,
   .onestop_cta_inner {
      grid-template-columns: 1fr;
      gap: 55px;
   }

   .onestop_overview_heading {
      padding-right: 24px;
      padding-left: 8px;
   }

   .onestop_overview_heading h2,
   .onestop_process_heading h2,
   .onestop_strength_heading h2 {
      font-size: clamp(48px, 7vw, 68px);
   }

   .onestop_overview_metrics {
      margin-top: 0;
   }

   .onestop_process_list {
      gap: 130px;
      margin-top: 110px;
   }

   .onestop_process_item {
      grid-template-columns: 1fr 1fr;
      gap: 60px;
   }

   .onestop_strength_heading .onestop_redesign_eyebrow {
      grid-column: auto;
      margin-bottom: -25px;
   }

   .onestop_strength_list {
      gap: 40px;
      margin-top: 100px;
   }
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
   .onestop_overview_metrics {
      grid-template-columns: 1fr;
      gap: 0;
      margin-top: 0;
   }

   .onestop_overview_metrics article {
      display: grid;
      grid-template-columns: minmax(200px, 0.42fr) minmax(0, 0.58fr);
      column-gap: 32px;
      align-items: center;
      min-height: 116px;
      padding: 26px 24px;
      border-top: 1px solid var(--color-line);
   }

   .onestop_overview_metrics article:first-child {
      border-top: 0;
   }

   .onestop_overview_metrics article + article {
      border-left: 0;
   }

   .onestop_overview_metrics span {
      margin-top: 0;
      font-size: 16px;
   }

   .onestop_process_list {
      gap: 96px;
      margin-top: 96px;
   }

   .onestop_process_item {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 48px;
   }

   .onestop_process_item figure {
      align-self: center;
      height: 90%;
      aspect-ratio: auto;
   }

   .onestop_process_content {
      padding-top: 54px;
   }

   .onestop_process_num {
      top: 0;
      right: auto;
      left: 0;
      font-size: clamp(52px, 7vw, 70px);
      line-height: 0.82;
   }

   .onestop_process_kicker {
      margin-bottom: 16px;
      font-size: 13px;
   }

   .onestop_process_content h3 {
      margin-bottom: 22px;
      font-size: clamp(32px, 4.6vw, 42px);
   }

   .onestop_process_content > p:not(.onestop_process_kicker) {
      font-size: 16px;
      line-height: 1.75;
   }

   .onestop_process_content small {
      margin-top: 22px;
      font-size: 14px;
   }

   .onestop_strength_list {
      display: block;
      margin-top: 80px;
      border-top: 1px solid rgba(159, 197, 130, 0.32);
   }

   .onestop_strength_list article {
      display: grid;
      grid-template-columns: 54px minmax(160px, 0.8fr) minmax(0, 1.2fr);
      align-items: center;
      gap: 28px;
      min-height: 150px;
      padding: 28px 0;
      border-bottom: 1px solid rgba(159, 197, 130, 0.32);
   }

   .onestop_strength_list h3 {
      margin: 0;
      font-size: clamp(25px, 3.6vw, 32px);
      line-height: 1.3;
   }

   .onestop_strength_list p {
      font-size: 15px;
      line-height: 1.75;
   }
}

@media screen and (max-width: 599px) {
   .onestop_redesign_inner {
      width: calc(100% - 40px);
   }

   .onestop_redesign_eyebrow {
      margin-bottom: 20px;
      font-size: 12px;
      letter-spacing: 0.12em;
   }

   .onestop_overview_bar {
      padding: 0 0 18px;
      font-size: 12px;
   }

   .onestop_overview_bar span {
      font-size: 11px;
   }

   .onestop_overview,
   .onestop_process,
   .onestop_strength {
      padding: 90px 0;
   }

   .onestop_overview_heading,
   .onestop_process_heading,
   .onestop_strength_heading,
   .onestop_cta_inner {
      gap: 35px;
   }

   .onestop_overview_heading {
      padding-top: 52px;
      padding-right: 0;
      padding-bottom: 58px;
      padding-left: 0;
   }

   .onestop_overview_heading h2,
   .onestop_process_heading h2,
   .onestop_strength_heading h2,
   .onestop_cta h2 {
      font-size: clamp(36px, 10vw, 46px);
      line-height: 1.12;
   }

   .onestop_overview_desc,
   .onestop_process_heading > p,
   .onestop_strength_heading > p:last-child {
      font-size: 15px;
      line-height: 1.7;
   }

   .onestop_overview_metrics {
      grid-template-columns: 1fr;
      gap: 0;
      margin-top: 0;
   }

   .onestop_overview_metrics article {
      display: grid;
      grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.15fr);
      column-gap: 18px;
      align-items: center;
      min-height: 0;
      padding: 26px 0;
      border-top: 1px solid var(--color-line);
      border-bottom: 0;
   }

   .onestop_overview_metrics article:first-child {
      border-top: 0;
   }

   .onestop_overview_metrics article + article {
      border-left: 0;
   }

   .onestop_overview_metrics strong {
      font-size: clamp(23px, 6.5vw, 30px);
   }

   .onestop_overview_metrics span {
      margin-top: 0;
      font-size: 14px;
      line-height: 1.6;
   }

   .onestop_process_list {
      gap: 95px;
      margin-top: 75px;
   }

   .onestop_process_item,
   .onestop_process_item.is_reverse {
      grid-template-columns: 1fr;
      gap: 36px;
   }

   .onestop_process_item.is_reverse figure {
      order: 0;
   }

   .onestop_process_item figure {
      aspect-ratio: 4 / 3;
   }

   .onestop_process_content {
      padding-top: 35px;
   }

   .onestop_process_num {
      font-size: 72px;
   }

   .onestop_process_content h3 {
      margin-bottom: 20px;
      font-size: 34px;
   }

   .onestop_process_content > p:not(.onestop_process_kicker) {
      font-size: 15px;
      line-height: 1.7;
   }

   .onestop_strength_heading .onestop_redesign_eyebrow {
      margin-bottom: -8px;
   }

   .onestop_strength_list {
      grid-template-columns: 1fr;
      gap: 70px;
      margin-top: 75px;
   }

   .onestop_strength_list h3 {
      margin: 22px 0 16px;
      font-size: 27px;
   }

   .onestop_cta {
      padding: 85px 0;
   }

   .onestop_cta_links {
      margin-top: 15px;
   }

   .onestop_cta_links a {
      min-height: 68px;
      padding: 0 22px;
      font-size: 15px;
   }
}