/* 바닥 시공 홈페이지 상단 메시지 */
.hm-page > .hm-imgblock:first-of-type {
  position: relative;
  overflow: hidden;
  height: min(780px, 92svh);
  min-height: 560px;
}
.hm-page > .hm-imgblock:first-of-type .hm-imgblock__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
}
.hm-page > .hm-imgblock:first-of-type::before {
  content: "깔아드림";
  position: absolute;
  left: 7%;
  top: 6%;
  z-index: 2;
  pointer-events: none;
  padding: clamp(10px, 2vw, 18px) clamp(14px, 2.6vw, 26px);
  border: 2px solid rgba(93, 255, 190, .78);
  border-radius: 16px;
  background: rgba(0, 20, 5, .78);
  color: #62f4b5;
  font-size: clamp(30px, 6vw, 64px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.07em;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .5), 0 0 18px rgba(31, 224, 168, .35);
}
.hm-page > .hm-imgblock:first-of-type::after {
  content: "바닥 시공 전문업체\A현장 진단부터 깔끔하게 시공합니다.";
  position: absolute;
  left: 7%;
  top: 15%;
  z-index: 2;
  max-width: 86%;
  box-sizing: border-box;
  padding: clamp(10px, 2vw, 18px) clamp(14px, 2.6vw, 26px);
  border-radius: 16px;
  background: rgba(0, 20, 5, .68);
  color: #fff;
  white-space: pre-line;
  font-size: clamp(21px, 4.2vw, 46px);
  font-weight: 850;
  line-height: 1.28;
  letter-spacing: -.05em;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .52);
}
.hm-hero-copy {
  position: absolute;
  left: 7%;
  top: 6%;
  z-index: 2;
  max-width: 86%;
  box-sizing: border-box;
  padding: clamp(14px, 2.5vw, 24px) clamp(16px, 3vw, 30px);
  border: 2px solid rgba(93, 255, 190, .72);
  border-radius: 18px;
  background: rgba(0, 20, 5, .7);
  box-shadow: 0 10px 32px rgba(0, 0, 0, .36), inset 0 0 24px rgba(31, 224, 168, .08);
  backdrop-filter: blur(3px);
  color: #fff;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .48);
}
.hm-hero-copy__brand {
  color: #62f4b5;
  font-size: clamp(26px, 5vw, 58px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.05em;
}
.hm-hero-copy__title {
  margin-top: .12em;
  font-size: clamp(24px, 4.5vw, 50px);
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: -.05em;
}
.hm-hero-copy__desc {
  margin-top: .45em;
  color: #e0fff0;
  font-size: clamp(15px, 2.4vw, 25px);
  font-weight: 700;
  line-height: 1.35;
}
@media (max-width: 640px) {
  .hm-page > .hm-imgblock:first-of-type {
    height: min(680px, 92svh);
    min-height: 520px;
  }
  .hm-page > .hm-imgblock:first-of-type .hm-imgblock__img {
    object-position: center 42%;
  }
  .hm-page > .hm-imgblock:first-of-type::after {
    left: 5%;
    top: 16%;
    max-width: 90%;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: clamp(19px, 6.2vw, 30px);
  }
  .hm-page > .hm-imgblock:first-of-type::before {
    left: 5%;
    top: 5%;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: clamp(28px, 8vw, 42px);
  }
  .hm-hero-copy {
    left: 5%;
    top: 5%;
    max-width: 90%;
    padding: 12px 14px;
    border-radius: 14px;
  }
}