/* ================================================================
   03. KUBER CORE TECHNOLOGY
   원본: kuber-main/blocks/03_코어기술_블록.html 의 <style> 블록을 그대로 이관.
   수치·색상은 확정본이므로 임의 변경 금지.
   ================================================================ */

.ks-tech *{box-sizing:border-box;margin:0;padding:0}
.ks-tech{
  --ci:#7e3236;
  position:relative;
  width:100%;
  min-height:640px;               /* 최소 높이 */
  min-height:max(640px,100vh);    /* 풀스크린 */
  overflow:hidden;background:#0a1420;color:#fff;
  display:flex;align-items:center;
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* ---- 배경 영상 : 버건디 듀오톤 ---- */
/* 영상을 흑백으로 만든 뒤 CI 버건디를 곱연산으로 올려 듀오톤을 만듭니다.
   색을 바꾸려면 .ks-tech__tint 의 background 만 교체하세요. */
.ks-tech__media{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#2a1013}
.ks-tech__media video,
.ks-tech__media img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(1) contrast(1.1) brightness(1.05);
  transform:scale(1.04);
}
.ks-tech__tint{position:absolute;inset:0;z-index:1;background:var(--ci);mix-blend-mode:multiply}
.ks-tech__lift{position:absolute;inset:0;z-index:2;background:#3a1013;mix-blend-mode:screen;opacity:.28}
.ks-tech__scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(18,6,8,.72) 0%,rgba(18,6,8,.40) 46%,rgba(18,6,8,.18) 100%),
    linear-gradient(180deg,rgba(18,6,8,.34) 0%,rgba(18,6,8,0) 30%,rgba(18,6,8,.48) 100%);
}

/* ---- 콘텐츠 ---- */
.ks-tech__inner{
  position:relative;z-index:2;width:100%;
  max-width:1560px;margin:0 auto;padding:150px 32px;
}
.ks-tech h2{
  font-size:clamp(30px,4.6vw,60px);font-weight:600;line-height:1.14;letter-spacing:-.02em;
  max-width:960px;position:relative;padding-top:34px;
}
.ks-tech h2::before{
  content:"";position:absolute;left:0;top:0;width:46px;height:2px;background:var(--ci);
}
.ks-tech__copy{
  margin-top:34px;max-width:760px;
  font-size:16px;line-height:1.95;color:rgba(255,255,255,.78);
}

/* ---- 리빌 ---- */
.ks-tech__inner > *{opacity:0;transform:translateY(46px);transition:opacity 1.1s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.22,.61,.36,1)}
.ks-tech__inner > *:nth-child(2){transition-delay:.22s}
.ks-tech.is-in .ks-tech__inner > *{opacity:1;transform:none}

/* ---- 반응형 ---- */
@media (max-width:1189px){
  .ks-tech{min-height:580px;min-height:max(580px,100vh)}
  .ks-tech__inner{padding:110px 40px}
}
@media (max-width:767px){
  .ks-tech{min-height:520px;min-height:max(520px,100svh)}
  .ks-tech__inner{padding:72px 24px}
  .ks-tech h2{font-size:clamp(26px,7.4vw,36px);line-height:1.22;padding-top:26px}
  .ks-tech h2::before{width:38px}
  .ks-tech__copy{margin-top:22px;font-size:15px;line-height:1.85}
}

@media (prefers-reduced-motion:reduce){
  .ks-tech__inner > *{opacity:1;transform:none;transition:none}
}