/* ENITA homepage Skinimalism Hero: neutral artwork + stable responsive copy. */

.home-hero-skinimalism-desktop-title {
  display: none;
}

.home-hero-skinimalism-desktop-title.image-load-frame,
.home-hero-skinimalism-mobile__title.image-load-frame {
  background-color: transparent;
  isolation: auto;
}

@media (max-width: 760px) {
  .home-hero-skinimalism-mobile__statement > p {
    font-size: clamp(16px, 4.2vw, 18px);
  }

  .home-hero-skinimalism-mobile__statement > small {
    font-size: clamp(8px, 2vw, 9px);
  }
}

@media (min-width: 761px) {
  .hero-home-concept-carousel:has(.home-hero-slide:first-child.is-active)
    .home-hero-skinimalism-desktop-title {
    position: absolute;
    z-index: 3;
    top: 39%;
    left: clamp(72px, 9.7vw, 156px);
    display: block;
    width: clamp(360px, 41.5vw, 620px);
    color: rgba(24, 25, 24, 0.94);
    pointer-events: none;
  }

  .home-hero-skinimalism-desktop-title > p {
    margin: 0 0 clamp(18px, 1.65vw, 26px);
    font-family: var(--serif);
    font-size: clamp(58px, 6vw, 92px);
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: 1.08;
  }

  .home-hero-skinimalism-desktop-title > img {
    display: block;
    width: 100%;
    height: auto;
  }

  .home-hero-skinimalism-desktop-title > span {
    display: block;
    width: clamp(150px, 15vw, 220px);
    height: 1px;
    margin-top: clamp(22px, 2vw, 30px);
    background: rgba(24, 25, 24, 0.24);
  }

  .hero-home-concept-carousel:has(.home-hero-slide:first-child.is-active)
    .home-hero-skinimalism-desktop-statement {
    position: absolute;
    z-index: 3;
    top: 31.5%;
    left: 67.9%;
    display: block;
    width: min(25vw, 390px);
    color: rgba(24, 25, 24, 0.82);
    pointer-events: none;
  }

  .home-hero-skinimalism-desktop-statement > p {
    margin: 0;
    font-family: var(--serif);
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: 1.68;
  }

  .home-hero-skinimalism-desktop-statement > span {
    display: block;
    width: clamp(126px, 10vw, 168px);
    height: 1px;
    margin-top: clamp(18px, 2vw, 28px);
    background: rgba(24, 25, 24, 0.24);
  }

  .home-hero-skinimalism-desktop-statement > small {
    display: block;
    margin-top: clamp(13px, 1.15vw, 18px);
    color: rgba(24, 25, 24, 0.58);
    font-family: var(--font-latin);
    font-size: clamp(10px, 0.82vw, 13px);
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 1.4;
    white-space: nowrap;
  }
}