/* BIZ BRIDGE HERO TEXT SEQUENCE
   배경 이미지·히어로 크기·다른 섹션은 변경하지 않음 */

/* PC / 모바일 공통: 모든 히어로 문구 왼쪽 정렬 */
.hero .hero-copy{
  text-align:left !important;
}

.hero .eyebrow,
.hero h1,
.hero h1 .hero-line,
.hero .tagline,
.hero .hero-desc,
.hero .hero-desc-line{
  margin-left:0 !important;
  text-align:left !important;
}

.hero h1 .hero-line,
.hero .hero-desc-line{
  display:block;
}

.hero .tagline{
  justify-content:flex-start !important;
}

.hero .hero-desc{
  width:auto !important;
  max-width:none !important;
  margin-right:0 !important;
}

/* 순차 애니메이션 */
.hero .eyebrow,
.hero h1 .hero-line-primary,
.hero h1 .hero-line-secondary,
.hero .tagline,
.hero .hero-desc-line-first,
.hero .hero-desc-line-second{
  opacity:0;
  filter:blur(5px);
  transform:translateX(-30px);
  animation:bizHeroSequentialReveal 1.05s cubic-bezier(.22,.61,.36,1) forwards;
  will-change:opacity,transform,filter;
}

.hero .eyebrow{
  animation-delay:.08s;
}

.hero h1 .hero-line-primary{
  animation-delay:.42s;
}

.hero h1 .hero-line-secondary{
  animation-delay:.76s;
}

.hero .tagline{
  animation-delay:1.10s;
}

.hero .hero-desc-line-first{
  animation-delay:1.44s;
}

.hero .hero-desc-line-second{
  animation-delay:1.78s;
}

@keyframes bizHeroSequentialReveal{
  0%{
    opacity:0;
    filter:blur(5px);
    transform:translateX(-30px);
  }
  65%{
    opacity:.92;
  }
  100%{
    opacity:1;
    filter:blur(0);
    transform:translateX(0);
  }
}

/* PC: 기존 왼쪽 위치 유지 */
@media (min-width:981px){
  .hero h1 .hero-line{
    white-space:nowrap;
  }

  .hero .hero-desc-line{
    white-space:nowrap;
  }
}

/* 모바일도 동일한 왼쪽 정렬과 순차 애니메이션 적용 */
@media (max-width:980px){
  .hero .hero-copy{
    text-align:left !important;
  }

  .hero .tagline{
    justify-content:flex-start !important;
  }

  .hero .hero-desc{
    max-width:330px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }

  .hero .hero-desc-line{
    white-space:normal;
  }
}

/* 사용자가 모션 최소화를 설정한 경우 */
@media (prefers-reduced-motion:reduce){
  .hero .eyebrow,
  .hero h1 .hero-line,
  .hero .tagline,
  .hero .hero-desc-line{
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    animation:none !important;
  }
}

/* ===== HERO TITLE COLOR RESTORE 2026-07-11 =====
   '연결'과 '가치'만 골드, 나머지 제목은 흰색 */
.hero h1 .hero-line{
  color:#f3f4f2 !important;
}

.hero h1 .hero-line .hero-accent{
  color:var(--gold) !important;
  text-shadow:0 0 10px rgba(217,150,37,.10) !important;
}

/* ===== HERO PREMIUM TYPOGRAPHY 2026-07-11 =====
   배경·구도·크기·정렬은 변경하지 않고 글자 표현만 고급화 */

/* 브랜드 상단 라벨 */
.hero .eyebrow{
  font-family:Inter,"Noto Sans KR",sans-serif !important;
  font-weight:800 !important;
  letter-spacing:.11em !important;
  color:transparent !important;
  background:linear-gradient(
    180deg,
    #fff1ad 0%,
    #efbd58 38%,
    #bd7719 72%,
    #f0c464 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:
    0 1px 0 rgba(255,245,196,.08),
    0 0 12px rgba(217,150,37,.16) !important;
}

/* 메인 제목: 아이보리 메탈 화이트 */
.hero h1 .hero-line{
  color:#f7f3e9 !important;
  font-weight:800 !important;
  letter-spacing:-.055em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.30),
    0 2px 0 rgba(84,72,52,.26),
    0 5px 14px rgba(0,0,0,.38) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* '연결', '가치'만 메탈 골드 */
.hero h1 .hero-line .hero-accent{
  display:inline-block;
  color:transparent !important;
  background:
    linear-gradient(
      105deg,
      #8a5510 0%,
      #f7d77c 18%,
      #c5831e 36%,
      #fff0a6 51%,
      #d79225 67%,
      #f1c35c 83%,
      #7a480b 100%
    );
  background-size:220% 100%;
  background-position:100% 50%;
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.36));
  text-shadow:none !important;
  animation:
    bizGoldReflection 1.85s cubic-bezier(.22,.61,.36,1) 2.15s 1 both,
    bizAccentPulse 4.8s ease-in-out 4.25s infinite;
}

/* 영문 슬로건 */
.hero .tagline{
  color:#e8b44d !important;
  font-family:Inter,"Noto Sans KR",sans-serif !important;
  font-weight:700 !important;
  letter-spacing:.015em !important;
  text-shadow:
    0 1px 0 rgba(255,239,174,.12),
    0 0 10px rgba(217,150,37,.13) !important;
}

/* 영문 앞 골드 라인: 한 번만 빛이 흐르는 효과 */
.hero .tagline::before{
  height:1px !important;
  background:
    linear-gradient(
      90deg,
      #76500f 0%,
      #d99625 30%,
      #fff0a6 50%,
      #d99625 70%,
      #76500f 100%
    ) !important;
  background-size:220% 100% !important;
  background-position:100% 50%;
  box-shadow:0 0 8px rgba(217,150,37,.18);
  animation:bizTaglineSweep 1.45s ease 2.45s 1 both;
}

/* 본문: 더 선명하고 절제된 웜그레이 */
.hero .hero-desc{
  color:#d9ddd8 !important;
  font-weight:500 !important;
  letter-spacing:-.015em !important;
  line-height:1.82 !important;
  text-shadow:
    0 1px 2px rgba(0,0,0,.72),
    0 0 6px rgba(0,0,0,.26) !important;
  -webkit-font-smoothing:antialiased;
}

@media (min-width:981px){
  .hero .hero-desc{
    font-size:14px !important;
  }
}

@media (max-width:980px){
  .hero .hero-desc{
    font-size:13.5px !important;
  }
}

@keyframes bizGoldReflection{
  0%{
    background-position:100% 50%;
  }
  100%{
    background-position:0% 50%;
  }
}

@keyframes bizTaglineSweep{
  0%{
    background-position:100% 50%;
    opacity:.72;
  }
  100%{
    background-position:0% 50%;
    opacity:1;
  }
}

@keyframes bizAccentPulse{
  0%,100%{
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.36)) drop-shadow(0 0 7px rgba(217,150,37,.18));
    transform:translateZ(0);
  }
  50%{
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.36)) drop-shadow(0 0 16px rgba(255,214,120,.42)) drop-shadow(0 0 26px rgba(217,150,37,.30));
    transform:translateZ(0) scale(1.012);
  }
}

@media (prefers-reduced-motion:reduce){
  .hero h1 .hero-line .hero-accent,
  .hero .tagline::before{
    animation:none !important;
  }
}