/*
 * ENITA homepage Hero fixed-copy system.
 * The raster artwork is deliberately text-free. Every visible title and note
 * below is an outlined SVG generated from the approved ENITA font roles, so a
 * later image-generation pass cannot alter typeface, weight or tracking.
 */

.home-hero-fixed-copy {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin: 0;
  color: #181918;
  pointer-events: none;
}

.hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy img {
  display: block;
  height: auto !important;
  max-width: none;
  object-fit: contain !important;
  object-position: initial !important;
}

.home-hero-fixed-copy__rule,
.home-hero-fixed-copy__statement-rule {
  display: block;
  height: 1px;
  background: rgba(24, 25, 24, 0.28);
}

@media (min-width: 761px) {
  .home-hero-fixed-copy__identity,
  .home-hero-fixed-copy__science-group {
    position: absolute;
    top: 31.5%;
    left: clamp(72px, 9.7vw, 156px);
    width: clamp(420px, 41.5vw, 620px);
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__title-cn {
    width: clamp(380px, 30vw, 460px) !important;
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__wordmark {
    width: clamp(430px, 41.5vw, 620px) !important;
    margin-top: clamp(18px, 1.65vw, 26px);
  }

  .home-hero-fixed-copy__identity .home-hero-fixed-copy__rule {
    width: clamp(150px, 15vw, 220px);
    margin-top: clamp(22px, 2vw, 30px);
  }

  .home-hero-fixed-copy__statement {
    position: absolute;
    top: 22.5%;
    left: 67.9%;
    width: min(25vw, 390px);
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__statement-cn {
    width: min(84%, 300px) !important;
    opacity: 0.84;
  }

  .home-hero-fixed-copy__statement-rule {
    width: clamp(126px, 10vw, 168px);
    margin-top: clamp(18px, 2vw, 28px);
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__statement-en {
    width: min(88%, 320px) !important;
    margin-top: clamp(13px, 1.15vw, 18px);
    opacity: 0.58;
  }

  .home-hero-fixed-copy__science-group {
    top: 31%;
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__science-kicker {
    width: clamp(230px, 20vw, 310px) !important;
    opacity: 0.58;
  }

  .home-hero-fixed-copy__science-group .home-hero-fixed-copy__title-cn {
    margin-top: clamp(28px, 2.4vw, 38px);
  }

  .home-hero-fixed-copy__science-group .home-hero-fixed-copy__rule {
    width: clamp(126px, 10vw, 168px);
    margin-top: clamp(22px, 2vw, 30px);
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__science-statement {
    width: clamp(197px, 17.25vw, 271px) !important;
    margin-top: clamp(15px, 1.35vw, 20px);
    opacity: 0.64;
  }
}

@media (max-width: 760px) {
  .home-hero-fixed-copy__identity {
    position: absolute;
    top: clamp(106px, 13.7svh, 122px);
    right: 18px;
    left: 18px;
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__title-cn {
    width: clamp(206px, 59vw, 246px) !important;
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__wordmark {
    width: 90% !important;
    margin-top: 14px;
  }

  .home-hero-fixed-copy__identity .home-hero-fixed-copy__rule {
    width: 86px;
    margin-top: 15px;
  }

  .home-hero-fixed-copy__statement {
    position: absolute;
    right: 22px;
    bottom: calc(clamp(164px, 20.8svh, 188px) + env(safe-area-inset-bottom));
    width: clamp(184px, 50vw, 214px);
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__statement-cn {
    width: 88% !important;
    margin-left: auto;
    opacity: 0.84;
  }

  .home-hero-fixed-copy__statement-rule {
    width: 76px;
    margin: 13px 0 0 auto;
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__statement-en {
    width: 100% !important;
    margin-top: 9px;
    opacity: 0.58;
  }

  .home-hero-fixed-copy__science-group {
    position: absolute;
    top: clamp(154px, 22svh, 196px);
    right: 18px;
    left: 24px;
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__science-kicker {
    width: clamp(188px, 58vw, 232px) !important;
    opacity: 0.58;
  }

  .home-hero-fixed-copy__science-group .home-hero-fixed-copy__title-cn {
    width: clamp(190px, 57vw, 232px) !important;
    margin-top: 22px;
  }

  .home-hero-fixed-copy__science-group .home-hero-fixed-copy__rule {
    width: 82px;
    margin-top: 18px;
  }

  .hero-home-concept-carousel .home-hero-slide .home-hero-fixed-copy__science-statement {
    width: clamp(154px, 46vw, 184px) !important;
    margin-top: 13px;
    opacity: 0.64;
  }
}

@media (max-width: 760px) and (max-height: 720px) {
  .home-hero-fixed-copy__identity {
    top: 90px;
  }

  .home-hero-fixed-copy__statement {
    bottom: calc(124px + env(safe-area-inset-bottom));
  }

  .home-hero-fixed-copy__science-group {
    top: 112px;
  }
}