/* ========================================
   mattress-tech-hero
   ======================================== */

.mattress-tech-hero {
  --hero-end-height: 437px;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.mattress-tech-hero__frame {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}

.mattress-tech-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  transform: scale(1);
  transform-origin: center center;
  will-change: transform;
}

.mattress-tech-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: #000;
  opacity: 0;
  pointer-events: none;
}

.mattress-tech-hero__container {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mattress-tech-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.875rem; /* 14px */
  text-align: center;
  opacity: 0;
}

.mattress-tech-hero__title,
.mattress-tech-hero__desc {
  margin: 0;
  color: #fff;
  line-height: 150%;
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .mattress-tech-hero {
    --hero-end-height: 400px;
  }

  .mattress-tech-hero__title {
    font-size: 3rem; /* 48px */
    line-height: 100%;
  }

  .mattress-tech-hero__desc {
    font-size: 1.25rem; /* 20px */
  }


/* ========================================
   mattress-tech-overview
   ======================================== */
  .mattress-tech-overview__container{
    height: 37.5rem; /* 600px */
  }
}

@media (max-width: 47.9375rem) {
  .mattress-tech-hero {
    --hero-end-height: 244px;
  }

  .mattress-tech-hero__title {
    font-size: 1.875rem; /* 30px */
    line-height: 100%;
  }

  .mattress-tech-hero__desc {
    display: none;
  }

  /* ========================================
   mattress-tech-overview
   ======================================== */
   .mattress-tech-overview__container{
    height: 37.5rem; /* 600px */
  }
}

/* ========================================
   mattress-tech-overview
   ======================================== */

.mattress-tech-overview {
  height: 437px;
  background-color: var(--color-white);
}

.mattress-tech-overview__container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* ========================================
   mattress-tech-copy (페이지 내 재사용 텍스트 패턴)
   ======================================== */

.mattress-tech-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mattress-tech-copy__eng-title {
  margin: 0;
  font-family: var(--font-paperlogy);
  font-weight: 400;
  font-size: var(--fs-body-04); /* 18px */
  line-height: 130%;
  color: var(--color-brand-point);
}

.mattress-tech-copy__title {
  margin: 0.625rem 0 0; /* 10px */
  line-height: 130%;
  color: var(--color-brand-dark);
  letter-spacing: 0em;
}

.mattress-tech-copy__desc {
  margin: 0.875rem 0 0; /* 14px */
  line-height: 130%;
  color: var(--color-brand-dark);
}

.mattress-tech-copy__title-mobile {
  display: none;
}

.mattress-tech-copy__char {
  display: inline-block;
  will-change: transform, opacity;
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .mattress-tech-copy__eng-title {
    font-size: 1.125rem; /* 18px */
  }

  .mattress-tech-copy__title {
    font-size: 2rem; /* 32px */
  }

  .mattress-tech-copy__desc {
    font-size: 1.25rem; /* 20px */
  }
}

@media (max-width: 47.9375rem) {
  .mattress-tech-copy__eng-title {
    font-size: 1rem; /* 16px */
  }

  .mattress-tech-copy__title {
    font-size: 1.75rem; /* 28px */
  }

  .mattress-tech-copy__desc {
    font-size: 1rem; /* 16px */
    line-height: 160%;
    margin-top: 1.875rem; /* 30px */
  }

  .mattress-tech-copy__title-pc {
    display: none;
  }

  .mattress-tech-copy__title-mobile {
    display: inline;
  }
}

/* ========================================
   mattress-tech-research
   ======================================== */

.mattress-tech-research {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.mattress-tech-research__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100vh;
}

.mattress-tech-research__slide:not(.is-active) {
  transform: translateY(100%);
}

.mattress-tech-research__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.mattress-tech-research__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: #000;
  pointer-events: none;
}

.mattress-tech-research__overlay--01 {
  opacity: 0.2;
}

.mattress-tech-research__overlay--02 {
  opacity: 0.36;
}

.mattress-tech-research__overlay--03,
.mattress-tech-research__overlay--04 {
  opacity: 0.3;
}

.mattress-tech-research__container {
  position: relative;
  z-index: 2;
  height: 100%;
  padding-top: var(--grid-margin); /* PC 120px */
}

.mattress-tech-research__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mattress-tech-research__subtitle,
.mattress-tech-research__desc,
.mattress-tech-research__label {
  margin: 0;
  color: var(--color-white);
}

.mattress-tech-research__desc {
  margin-top: 0.9375rem; /* 15px */
  line-height: 150%;
}

.mattress-tech-research__desc-mobile {
  display: none;
  max-width: 21.25rem; /* 340px */
  word-break: keep-all;
  text-wrap: pretty;
}

.mattress-tech-research__label {
  margin-top: 1.875rem; /* 30px */
  font-family: var(--font-suit);
  font-weight: 500;
  font-size: var(--fs-body-02); /* 22px */
  line-height: 150%;
}

.mattress-tech-research__char {
  display: inline-block;
  will-change: transform, opacity;
}

.mattress-tech-research__progress {
  position: absolute;
  left: 50%;
  bottom: 2.8125rem; /* 45px */
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 1.25rem; /* 20px */
  transform: translateX(-50%);
}

.mattress-tech-research__track {
  position: relative;
  width: 22.8125rem; /* 365px */
  height: 0.125rem; /* 2px */
  overflow: hidden;
  border-radius: 6.25rem; /* 100px */
  background-color: var(--color-white);
}

.mattress-tech-research__gauge {
  width: 100%;
  height: 100%;
  background-color: var(--color-brand-dark);
  transform: scaleX(0);
  transform-origin: left center;
}

.mattress-tech-research__pager {
  display: flex;
  align-items: center;
  gap: 0.625rem; /* 10px */
  font-family: var(--font-suit);
  font-weight: 500;
  font-size: var(--fs-body-05); /* 16px */
  line-height: 130%;
  color: var(--color-white);
}

.mattress-tech-research__dots {
  display: none;
}

@media (max-width: 63.9375rem) {
  .mattress-tech-research__slide:not(.is-active) {
    transform: translateX(100%);
  }

  .mattress-tech-research__overlay {
    top: auto;
    height: 50%;
    background: linear-gradient(to top, #2d2d2d 0%, transparent 100%);
    opacity: 1;
  }

  .mattress-tech-research__container {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 0 9.125rem; /* 146px — pagination 6 + gap 60 + bottom 80 */
  }

  .mattress-tech-research__content {
    align-items: center;
    text-align: center;
  }

  .mattress-tech-research__desc {
    margin-top: 0.625rem; /* 10px */
  }

  .mattress-tech-research__label {
    margin-top: 1.25rem; /* 20px */
  }

  .mattress-tech-research__progress {
    display: none;
  }

  .mattress-tech-research__dots {
    position: absolute;
    left: 50%;
    bottom: 5rem; /* 80px */
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 0.9375rem; /* 15px */
    transform: translateX(-50%);
  }

  .mattress-tech-research__dot {
    width: 0.375rem; /* 6px */
    height: 0.375rem; /* 6px */
    padding: 0;
    border: 0;
    border-radius: 6.25rem;
    background-color: var(--color-white);
    cursor: pointer;
  }

  .mattress-tech-research__dot.is-active {
    width: 1.25rem; /* 20px */
    background-color: var(--color-brand-dark);
  }
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .mattress-tech-research__subtitle {
    font-size: 2.125rem; /* 34px */
  }

  .mattress-tech-research__desc {
    font-size: 1.25rem; /* 20px */
  }

  .mattress-tech-research__label {
    font-size: 1.25rem; /* 20px */
  }
}

@media (max-width: 47.9375rem) {
  .mattress-tech-research {
    touch-action: pan-y;
  }

  .mattress-tech-research__subtitle {
    font-size: 1.75rem; /* 28px */
  }

  .mattress-tech-research__desc {
    font-size: 1rem; /* 16px */
  }

  .mattress-tech-research__desc-pc {
    display: none;
  }

  .mattress-tech-research__desc-mobile {
    display: inline-block;
  }

  .mattress-tech-research__label {
    font-size: 1rem; /* 16px */
  }
}

/* ========================================
   mattress-tech-structure-overview
   ======================================== */

.mattress-tech-structure-overview {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: var(--color-brand-dark);
}

.mattress-tech-structure-overview__stage {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--grid-margin);
}


.mattress-tech-structure-overview__title {
  margin: 0;
  font-family: var(--font-suit);
  font-weight: 400;
  font-size: 3.125rem; /* 50px */
  line-height: 130%;
  color: var(--color-white);
  text-align: center;
}

.mattress-tech-structure-overview__brand {
  font-family: var(--font-paperlogy);
  font-weight: 900;
  font-size: inherit; /* 타이틀 크기 유지 */
  letter-spacing: 0.1em; /* 로고와 동일 */
}

.mattress-tech-structure-overview__char {
  display: inline-block;
  will-change: transform, opacity;
}

.mattress-tech-structure-overview__emphasis {
  font-weight: 700;
  font-size: 3.125rem; /* 50px */
}

.mattress-tech-structure-overview__break {
  display: none;
}

.mattress-tech-structure-overview__media {
  display: none;
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .mattress-tech-structure-overview__title {
    font-size: 2rem; /* 32px */
  }

  .mattress-tech-structure-overview__emphasis {
    font-size: 2rem; /* 32px */
  }
}

@media (max-width: 47.9375rem) {
  .mattress-tech-structure-overview {
    background-color: var(--color-brand-light-2);
  }

  .mattress-tech-structure-overview__stage {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 5rem; /* 80px */
    padding-bottom: 4.5rem; /* 72px */
  }

  .mattress-tech-structure-overview__title {
    flex-shrink: 0;
    font-size: 1.5rem; /* 24px */
    color: var(--color-brand-dark);
  }

  .mattress-tech-structure-overview__emphasis {
    font-size: 1.5rem; /* 24px */
  }

  .mattress-tech-structure-overview__break {
    display: block;
  }

  .mattress-tech-structure-overview__media {
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex: 1 1 auto; */
    min-height: 16.25rem; /* 260px */
    width: 100%;
    will-change: transform;
    animation: mattress-tech-structure-overview-image-float 4s ease-in-out infinite;
  }

  .mattress-tech-structure-overview__image {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    margin-top: 2.5rem; /* 40px */
  }
}

@keyframes mattress-tech-structure-overview-image-float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-0.75rem); /* 12px */
  }
}

/* ========================================
   mattress-tech-top-layer
   ======================================== */

.mattress-tech-top-layer {
  width: 100%;
  height: 100vh;
  background-color: var(--color-white);
}

@media (max-width: 63.9375rem) {
  .mattress-tech-top-layer {
    height: auto;
    min-height: 0;
  }
}

/* ========================================
   mattress-tech-support-layers-overview
   ======================================== */

.mattress-tech-support-layers-overview {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: var(--color-brand-dark);
}

.mattress-tech-support-layers-overview__stage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.mattress-tech-support-layers-overview__phrase {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--color-white);
  font-family: var(--font-suit);
  font-weight: 800;
  line-height: 100%;
  white-space: nowrap;
}

.mattress-tech-support-layers-overview__text {
  flex-shrink: 0;
}

.mattress-tech-support-layers-overview__char {
  display: inline-block;
  will-change: transform, opacity;
}

.mattress-tech-support-layers-overview__spacer {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 0.75rem; /* 12px — 초기 단어 간격 */
  overflow: hidden;
}

.mattress-tech-support-layers-overview__dot {
  flex-shrink: 0;
  width: 1.5625rem; /* 25px */
  height: 1.5625rem; /* 25px */
  margin-left: 0.875rem; /* 14px */
  border-radius: 50%;
  background-color: var(--color-white);
  opacity: 0;
}

.mattress-tech-support-layers-overview__line {
  flex: 1 1 auto;
  height: 1px;
  min-width: 0;
  margin-right: 1.125rem; /* 18px */
  background-color: var(--color-white);
  transform-origin: left center;
  will-change: transform;
}

@media (min-width: 64rem) {
  .mattress-tech-support-layers-overview__phrase {
    font-size: clamp(
      2.125rem,
      calc(2.125rem + (100vw - 64.0625rem) * 16 / 895),
      3.125rem
    ); /* 34px @1025, 50px @1920 */
  }
}

@media (max-width: 63.9375rem) {
  .mattress-tech-support-layers-overview__stage {
    padding-inline: 1.25rem; /* 20px */
  }

  .mattress-tech-support-layers-overview__phrase {
    width: 100%;
    max-width: var(--layout-max);
  }

  .mattress-tech-support-layers-overview__dot {
    width: 0.9375rem; /* 15px */
    height: 0.9375rem; /* 15px */
  }
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .mattress-tech-support-layers-overview__stage {
    padding-inline: 6.25rem; /* 100px */
  }

  .mattress-tech-support-layers-overview__phrase {
    width: auto;
    max-width: calc(100% - 12.5rem); /* 100px × 2 */
    font-size: clamp(
      1.875rem,
      calc(1.875rem + (100vw - 47.8125rem) * 0.625 / 16.1875),
      2.5rem
    ); /* 30px @765, 40px @1024 */
  }
}

@media (max-width: 47.9375rem) {
  .mattress-tech-support-layers-overview__phrase {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem; /* 4px */
    white-space: normal;
    text-align: center;
    font-size: 1.375rem; /* 22px */
  }

  .mattress-tech-support-layers-overview__spacer {
    display: none;
  }

  .mattress-tech-support-layers-overview__dot,
  .mattress-tech-support-layers-overview__line {
    display: none;
  }
}

/* ========================================
   mattress-tech-support-layers
   ======================================== */

.mattress-tech-support-layers {
  width: 100%;
  height: 67.5rem; /* 1080px */
  display: flex;
  align-items: center;
  background-color: var(--color-white);
}

.mattress-tech-support-layers__container {
  display: flex;
  flex-direction: column;
  gap: 3.125rem; /* 50px */
}

.mattress-tech-support-layers__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2.5rem; /* 40px */
}

.mattress-tech-support-layers__heading {
  width: auto;
  flex: 1;
  min-width: 0;
}

.mattress-tech-support-layers__tabs {
  flex-shrink: 0;
}

.mattress-tech-support-layers__cards {
  display: flex;
  gap: 0;
  width: 100%;
}

.mattress-tech-support-layers__card.card-material {
  flex: 1;
  width: auto;
  min-width: 0;
}

.mattress-tech-support-layers__card .card-material__eng-title,
.mattress-tech-support-layers__card .card-material__title,
.mattress-tech-support-layers__card .card-material__text {
  white-space: nowrap;
}

.mattress-tech-support-layers__dots {
  display: none;
}

@media (max-width: 63.9375rem) {
  .mattress-tech-support-layers {
    height: auto;
    padding-block: 5rem; /* 80px */
  }

  .mattress-tech-support-layers__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .mattress-tech-support-layers__tabs.btn-tab-group {
    flex-wrap: wrap;
  }

  .mattress-tech-support-layers__slider {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .mattress-tech-support-layers__cards {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 560 / 633;
    overflow: hidden;
  }

  .mattress-tech-support-layers__card.card-material {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    will-change: transform;
  }

  .mattress-tech-support-layers__card:not(.is-active) {
    pointer-events: none;
  }

  .mattress-tech-support-layers__card.is-active {
    pointer-events: auto;
  }

  .mattress-tech-support-layers__card .card-material__overlay {
    opacity: 1;
    background-color: transparent;
    padding: 2.5rem 1.25rem; /* 40px 20px */
  }

  .mattress-tech-support-layers__card .card-material__overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent, var(--color-brand-dark));
    opacity: 0.7;
    pointer-events: none;
  }

  .mattress-tech-support-layers__card .card-material__overlay > * {
    position: relative;
    z-index: 1;
  }

  .mattress-tech-support-layers__card.card-material:hover .card-material__media img,
  .mattress-tech-support-layers__card.card-material:focus-within .card-material__media img {
    transform: none;
  }

  .mattress-tech-support-layers__card .card-material__eng-title,
  .mattress-tech-support-layers__card .card-material__title,
  .mattress-tech-support-layers__card .card-material__text {
    white-space: normal;
  }
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .mattress-tech-support-layers__container {
    gap: 3.125rem; /* 50px — 탭 ↔ 카드 */
  }

  .mattress-tech-support-layers__header {
    gap: 1.875rem; /* 30px — 3단 타이틀 ↔ 탭 */
  }
}

@media (max-width: 47.9375rem) {
  .mattress-tech-support-layers__container {
    gap: 1.875rem; /* 30px — 탭 ↔ 카드 */
  }

  .mattress-tech-support-layers__header {
    gap: 1.25rem; /* 20px — 3단 타이틀 ↔ 탭 */
  }

  .mattress-tech-support-layers__tabs.btn-tab-group {
    gap: 0.625rem; /* 10px */
  }

  .mattress-tech-support-layers__tabs .btn-tab {
    padding: 0.375rem 0.625rem; /* 6px 10px */
  }

  .mattress-tech-support-layers__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.9375rem; /* 15px */
    margin-top: 0.875rem; /* 14px — 이미지 ↔ pagination */
  }

  .mattress-tech-support-layers__dot {
    width: 0.375rem; /* 6px */
    height: 0.375rem; /* 6px */
    padding: 0;
    border: 0;
    border-radius: 6.25rem;
    background-color: var(--color-brand-light-1);
    cursor: pointer;
  }

  .mattress-tech-support-layers__dot.is-active {
    width: 1.25rem; /* 20px */
    background-color: var(--color-brand-dark);
  }
}

/* ========================================
   mattress-tech-pressure
   ======================================== */

.mattress-tech-pressure {
  position: relative;
  display: flex;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: var(--color-brand-light-2);
}

.mattress-tech-pressure__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.mattress-tech-pressure__bg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  opacity: 0;
  will-change: opacity, transform;
}

.mattress-tech-pressure__bg--origin {
  opacity: 1;
}

.mattress-tech-pressure__container {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 7.5rem; /* 120px */
  padding-inline: 0; /* 양옆 여백은 title / panel에서 처리 */
  box-sizing: border-box;
}

.mattress-tech-pressure__title {
  margin: 0;
  padding-inline: var(--grid-margin);
  box-sizing: border-box;
  font-family: var(--font-suit);
  font-weight: var(--fw-suit-bold); /* 600 */
  font-size: var(--fs-title); /* 40px */
  line-height: 130%;
  color: var(--color-brand-dark);
}

.mattress-tech-pressure__char {
  display: inline-block;
  will-change: transform, opacity;
}

.mattress-tech-pressure__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.875rem; /* 30px */
  box-sizing: border-box;
  max-width: 100%;
  padding-inline: var(--grid-margin); /* mo 20 / tab 20 / pc 60–120 */
}

.mattress-tech-pressure__detail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: fit-content;
  max-width: 100%;
}

.mattress-tech-pressure__desc {
  margin: 0;
  font-family: var(--font-suit);
  font-weight: 400;
  font-size: var(--fs-body-03); /* 20px */
  line-height: 100%;
  color: var(--color-brand-dark);
}

.mattress-tech-pressure__line {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 0.625rem; /* 10px */
  background-color: var(--color-brand-dark);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

@media (max-width: 63.9375rem) {
  .mattress-tech-pressure__container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    text-align: center;
  }

  .mattress-tech-pressure__title {
    width: 100%;
  }

  .mattress-tech-pressure__panel {
    align-items: center;
    width: 100%;
  }

  .mattress-tech-pressure__tabs.btn-tab-group {
    flex-wrap: wrap;
    justify-content: center;
  }

  .mattress-tech-pressure__detail {
    align-items: center;
  }

  .mattress-tech-pressure__line {
    height: 1px;
    transform-origin: center;
  }
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .mattress-tech-pressure__container {
    gap: 1.875rem; /* 30px — 제목 ↔ 탭 */
  }

  .mattress-tech-pressure__title {
    font-size: 2rem; /* 32px */
  }

  .mattress-tech-pressure__panel {
    gap: 1.25rem; /* 20px — 탭 ↔ 텍스트 */
  }

  .mattress-tech-pressure__desc {
    font-size: 1.25rem; /* 20px */
  }

  .mattress-tech-pressure__line {
    margin-top: 0.5rem; /* 8px */
  }
}

@media (max-width: 47.9375rem) {
  .mattress-tech-pressure {
    flex-direction: column;
    justify-content: center;
  }

  .mattress-tech-pressure__media {
    position: relative;
    inset: auto;
    flex: 0 1 46%;
    order: 2;
    min-height: 0;
    width: 100%;
    max-height: 32%;
    overflow: hidden;
  }

  .mattress-tech-pressure__container {
    order: 1;
    justify-content: flex-start;
    height: auto;
    flex-shrink: 0;
    padding-bottom: 2.5rem; /* 40px — 텍스트 ↔ 이미지 */
    gap: 1.5rem; /* 24px — 제목 ↔ 탭 */
  }

  .mattress-tech-pressure__title {
    font-size: 1.75rem; /* 28px */
  }

  .mattress-tech-pressure__panel {
    gap: 1.25rem; /* 20px — 탭 ↔ 텍스트 */
  }

  .mattress-tech-pressure__tabs.btn-tab-group {
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    gap: 0.375rem; /* 6px */
  }

  .mattress-tech-pressure__tabs .btn-tab {
    flex: 1 1 0;
    min-width: 0;
    padding: 0.625rem 1.25rem; /* 10px 20px */
    white-space: nowrap;
  }

  .mattress-tech-pressure__desc {
    font-size: 1rem; /* 16px */
  }

  .mattress-tech-pressure__line {
    margin-top: 1.25rem; /* 20px */
  }
}

/* ========================================
   mattress-tech-process
   ======================================== */

.mattress-tech-process {
  width: 100%;
  height: 67.5rem; /* 1080px */
  display: flex;
  align-items: center;
  background-color: var(--color-white);
}

.mattress-tech-process__container {
  display: flex;
  flex-direction: column;
  gap: 3.125rem; /* 50px */
}

.mattress-tech-process__heading {
  align-items: center;
  text-align: center;
}

.mattress-tech-process__items {
  display: flex;
  gap: 1.25rem; /* 20px */
  width: 100%;
}

.mattress-tech-process__item {
  flex: 1;
  min-width: 0;
}

.mattress-tech-process__media {
  width: 100%;
  height: 22.6875rem; /* 363px */
  overflow: hidden;
  border-radius: 1.25rem; /* 20px */
}

.mattress-tech-process__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.4s ease;
  will-change: clip-path, transform, opacity;
}

.mattress-tech-process__item:hover .mattress-tech-process__image {
  transform: scale(1.05);
}

.mattress-tech-process__body {
  margin-top: 1.25rem; /* 20px */
}

.mattress-tech-process__item-title {
  margin: 0;
  font-family: var(--font-suit);
  font-weight: 600; /* Semibold */
  font-size: var(--fs-body-03); /* 20px */
  line-height: 130%;
  color: var(--color-brand-dark);
}

.mattress-tech-process__item-desc {
  margin: 0.75rem 0 0; /* 12px */
  font-family: var(--font-suit);
  font-weight: 400;
  font-size: var(--fs-body-05); /* 16px */
  line-height: 130%;
  color: var(--color-brand-dark);
}

.mattress-tech-process__char {
  display: inline-block;
  will-change: transform, opacity;
}

.mattress-tech-process__dots {
  display: none;
}

@media (max-width: 63.9375rem) {
  .mattress-tech-process {
    height: auto;
    padding-block: 5rem; /* 80px */
  }

  .mattress-tech-process__item {
    width: 100%;
  }

  .mattress-tech-process__body {
    margin-top: 1.25rem; /* 20px — 카드 ↔ 제목 */
  }

  .mattress-tech-process__item-desc {
    margin-top: 0.75rem; /* 12px — 제목 ↔ 본문 */
  }
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .mattress-tech-process__items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem; /* 20px */
  }

  .mattress-tech-process__item-title {
    font-size: 1.25rem; /* 20px */
  }

  .mattress-tech-process__item-desc {
    font-size: 1.125rem; /* 18px */
  }
}

@media (max-width: 47.9375rem) {
  .mattress-tech-process__heading .heading-3tier__desc {
    display: none;
  }

  .mattress-tech-process__container {
    gap: 2.5rem; /* 40px — 3단 타이틀 ↔ 카드 */
  }

  .mattress-tech-process__slider {
    position: relative;
    width: 100%;
  }

  .mattress-tech-process__items {
    display: block;
    position: relative;
    width: 100%;
  }

  .mattress-tech-process__item.is-active {
    position: relative;
    z-index: 1;
  }

  .mattress-tech-process__item:not(.is-active) {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
  }

  .mattress-tech-process__body {
    margin-top: 1.25rem; /* 20px — 이미지 ↔ 제목 */
    will-change: transform, opacity;
  }

  .mattress-tech-process__item-title,
  .mattress-tech-process__item-desc {
    font-size: 1rem; /* 16px */
  }

  .mattress-tech-process__item-desc {
    word-break: keep-all;
    text-wrap: pretty;/* 한글 단어 중간 줄바꿈·고아 글자 방지 */
  }

  .mattress-tech-process__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9375rem; /* 15px */
    margin-top: 0.875rem; /* 14px — 본문 ↔ pagination */
  }

  .mattress-tech-process__dot {
    width: 0.375rem; /* 6px */
    height: 0.375rem; /* 6px */
    padding: 0;
    border: 0;
    border-radius: 6.25rem;
    background-color: var(--color-brand-light-1);
    cursor: pointer;
  }

  .mattress-tech-process__dot.is-active {
    width: 1.25rem; /* 20px */
    background-color: var(--color-brand-dark);
  }
}