/* 홈: 숫자 구간 머무름 + 경남 → 전국 지도 한 장면(coverage-motion.js). 지도 무대·경남 지도·점 모양은 site.css 원본을 그대로 쓴다. */

/* ---------- 숫자 구간: 머무는 동안 세 칸의 주황 선이 차례로 채워진다 ---------- */
.numsec.is-dwell .num-list li{position:relative}
.numsec.is-dwell .num-list li::before{
  content:"";position:absolute;left:0;top:-1px;width:100%;height:3px;
  background:var(--orange);transform:scaleX(var(--fill,0));transform-origin:left;
}

/* ---------- 지도: 같은 카메라 안의 전국 실루엣 ----------
   전국 지도는 지역 좌표로 옮겨 경남 지도 밑에 깔린다. 투명도는 스크립트가 축소에 맞춰 올린다(기본 숨김 = 원본 경남 장면).
   선 굵기는 카메라 배율과 무관하게 화면 기준으로 고정한다. 옛 본사 표시(파동·이름표)는 쓰지 않는다.
   경남 지도와 같은 규칙(2026-10-17 "처음 스타일 유지"): 땅 바깥(해안·휴전선) = 주황 외곽선(.korea-outline),
   시·도 경계 = 외곽보다 덜 튀는 옅은 선(.korea-borders, 한 번만 그림), 시·도 면(.korea-parts) = 옅은 채움만.
   경남 주황 윤곽이 옅어지는 동안 전국 주황 외곽이 켜져 불이 꺼지듯 회색으로 바뀌지 않는다. */
.map-svg [data-korea-map]{opacity:0}
.map-svg .korea-parts path{fill:rgba(255,255,255,.045);stroke:none}
.map-svg .korea-borders path{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.map-svg .korea-outline path{fill:none;stroke:var(--orange);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.map-svg .korea-hq{display:none}
/* 전국 장면은 본토만(2026-10-17 사용자 "제주도를 없애! 그렇게 지도를 크게 하란 말이었어"). 제주 면·해안선은 로더(site.js)가 표시만 하고 여기서 숨긴다 — 데이터는 그대로. */
.map-svg [data-korea-map] [data-region="jeju"]{display:none}
/* 지도 상자가 글 아래 흐르는 배치(모바일·낮은 화면의 동작 줄이기): 전국을 키우면 북쪽 끝이 상자 위로 나간다 — 글 위에 겹치지 않게 상자에서 자른다.
   공간은 넓히지 않는다. */
@media (max-width:760px),(prefers-reduced-motion:reduce) and (max-height:619px){
  .mapsec .map-svg{overflow:hidden}
}

/* 동작 줄이기에서만 보이는 "모션 멈추기 / 지도 모션 다시 보기"(스크립트가 hidden 을 푼다). 글 아래 작은 보조 버튼. */
.map-motion-toggle{
  display:inline-flex;align-items:center;min-height:36px;margin-top:14px;padding:6px 14px;
  border:1px solid rgba(255,255,255,.3);border-radius:100px;background:transparent;
  color:rgba(255,255,255,.78);font:inherit;font-size:.78rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;
}
.map-motion-toggle[hidden]{display:none}
.map-motion-toggle:hover,.map-motion-toggle:focus-visible,.map-motion-toggle[aria-pressed="true"]{border-color:var(--orange);color:#fff}
.map-motion-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* PC의 동작 줄이기는 재생만 멈춘다. 글과 지도는 같은 무대에 둔다. */
@media (min-width:761px) and (min-height:620px) and (prefers-reduced-motion:reduce){
  .mapsec .map-stage{height:min(calc(100svh - 76px),max(620px,75vw));min-height:0;padding:0;display:flex;align-items:center;justify-content:center}
  .mapsec .map-svg{position:absolute;left:56%;top:calc(50% + 22px);transform:translate(-50%,-50%);width:min(94vw,calc((min(100svh - 76px,max(620px,75vw)) - 44px) * 1.122));margin:0}
  .mapsec .map-veil{display:block;opacity:1}
}

/* 모바일: 같은 장면을 지도 상자 안에서 돈다. 상자 비율 = 본토(서울 점~남해안)를 상자 폭에 꽉 채웠을 때의 높이(제주 없음).
   2026-10-17 사용자 "위 아래 공간도 줄이고! 너무 필요없이 커" — 옛 1000/1300 상자와 위아래 여백(56·34·24px)을 줄였다. */
@media (max-width:760px){
  .mapsec .map-stage{padding:44px 0 16px}
  .mapsec .map-svg{aspect-ratio:1000/1200;height:auto;margin-top:12px}
}

/* 지도 뒤 회원사 소개와 여백을 겹쳐 두지 않는다. */
@media (min-width:761px){
  .mapsec + .clients{padding-top:32px}
}