/* 컨피던스스키 — 모바일 레이아웃 (max-width:860px)
   섹션마다 다른 포맷을 준다: 전면 사진 · 선언문 · 수치 강조 · 가로 스와이프 · 번호 목록 · 인용.
   높이는 강제하지 않고 내용에 맞춰 흐르게 한다. */

@media (max-width:860px){

  /* ---------- 기본 ---------- */
  /* 앱처럼: 당겨서 새로고침·고무줄 바운스로 주소창이 나타났다 사라지는 것 방지 +
     더블탭 확대 지연 제거(터치 반응 속도 개선) */
  html,body{overscroll-behavior:none;touch-action:manipulation}
  *{-webkit-tap-highlight-color:transparent}
  img,a,button{-webkit-touch-callout:none}
  body{font-size:16px}
  *{text-wrap:pretty}
  .hide-txt{clip-path:none!important;opacity:0!important;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.72,.2,1)}
  .fade-clip{opacity:1!important;transform:none!important;animation:none!important}
  a,button{transition:transform .18s ease}
  a:active,button:active{transform:scale(.97)}
  [data-track] figure div img,[data-mstack] img,[data-media] img{will-change:transform}

  /* ---------- 섹션 기본 리듬 ---------- */
  section:first-of-type{height:86svh!important;min-height:420px!important;padding:0!important}
  section:not(:first-of-type){min-height:0!important;height:auto!important;padding:56px 20px!important}
  section[data-pin]{padding:0!important;min-height:0!important;height:auto!important;margin-top:0!important}
  section:not([data-pin]):not(:first-of-type)>div{margin-left:0!important;margin-right:0!important}
  li>p:last-child,figure>p{text-wrap:balance}
  [data-pin]>div{position:static!important;display:block!important;height:auto!important;min-height:0!important;padding:56px 20px!important;overflow:visible!important}
  [data-pin]>div>div{display:block!important;height:auto!important;min-height:0!important;padding:0!important;gap:0!important}
  [data-line]{display:none!important}

  /* ---------- 사진 크롭: 세로 화면에서는 인물이 잘리지 않게 위쪽을 살린다 ---------- */
  section:first-of-type>img{object-position:50% 30%!important}
  #cs-hero-video{object-position:50% 42%!important}
  img[data-parallax]{object-position:50% 34%!important}
  img[data-parallax][src*="IMG_0050"]{object-position:70% 36%!important}
  [data-mstack] img{object-position:50% 26%!important}
  [data-track] figure img{object-position:50% 38%!important}
  [data-media] img{object-position:50% 45%!important}

  /* ---------- 타이포 ---------- */
  h3{margin:12px 0 0!important}
  h3 p,h3 p[data-fade]{display:inline!important;font-size:clamp(23px,6.5vw,30px)!important;line-height:1.35!important;letter-spacing:-.03em!important;margin:0!important}
  h3 p+p::before{content:" "}
  p[data-fade]{font-size:16px!important;line-height:1.65!important;max-width:none!important;margin:16px 0 0!important;padding-left:0!important}
  p[data-fade]:first-child{margin-top:0!important}

  /* 홈 히어로 */
  #cs-hero-title{gap:14px!important;padding:0 20px!important}
  #cs-hero-title h1{font-size:clamp(26px,7.6vw,38px)!important;line-height:1.35!important}
  #cs-hero-title h1 p{display:block!important}
  #cs-hero-title p{font-size:14px!important}
  #cs-scroll{right:auto!important;left:50%!important;transform:translateX(-50%)!important}

  /* ---------- 사진 섹션 기본형: 사진 블록 + 아래 텍스트 ---------- */
  img[data-parallax]{position:static!important;width:calc(100% + 40px)!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;opacity:1!important;border-radius:0!important;display:block;margin:0 -20px 26px!important}
  img[data-parallax]+div{display:none!important}
  [data-mright]{position:static!important;text-align:left!important;max-width:none!important;margin:0!important}

  /* ---------- 사진 섹션 확장형: 전면 사진 위에 텍스트 (:has 지원 브라우저) ---------- */
  [data-pin]>div:has(>img[data-parallax]){position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;min-height:78svh!important;padding:0!important;overflow:hidden!important}
  [data-pin]>div:has(>img[data-parallax])>img[data-parallax]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important;opacity:.9!important}
  [data-pin]>div:has(>img[data-parallax])>img[data-parallax]+div{display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(9,11,9,.55) 0%,rgba(9,11,9,.1) 32%,rgba(9,11,9,.94) 100%)!important}
  [data-pin]>div:has(>img[data-parallax])>div:last-child{position:relative!important;flex:0 0 auto!important;margin:auto 0 0!important;width:100%;padding:0 20px 40px!important}
  [data-pin]>div:has(>img[data-parallax]) [data-mstack]>div+div{display:none!important}

  /* ---------- 사진 모자이크 (가로 트랙 대체) ---------- */
  [data-track],[data-pin]>div>[data-track]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;transform:none!important;padding:0!important;margin:26px -20px 0!important;overflow:visible!important}
  [data-track]>*,[data-pin]>div>[data-track]>*{width:auto!important;max-width:none!important;margin:0!important}
  [data-track]>div:first-child,[data-pin]>div>[data-track]>div:first-child{grid-column:1/-1!important;padding:0 20px!important;margin-bottom:4px!important}
  [data-track]>figure:first-of-type,[data-pin]>div>[data-track]>figure:first-of-type{grid-column:1/-1}
  [data-track] figure div{height:auto!important;aspect-ratio:1/1!important;border-radius:0!important}
  [data-track]>figure:first-of-type div{aspect-ratio:4/3!important}

  /* ---------- 번호 붙은 목록 (원형 카드 대체) ---------- */
  [data-cards]{display:block!important;margin:30px 0 0!important;padding:0!important;counter-reset:csnum}
  [data-cards] li{display:block!important;width:auto!important;max-width:none!important;aspect-ratio:auto!important;background:transparent!important;border-radius:0!important;border-top:1px solid rgba(255,255,255,.14)!important;padding:24px 0 26px!important;margin:0!important;counter-increment:csnum}
  [data-cards] li::before{content:"0" counter(csnum);display:block;margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:.24em;color:#E11E26}
  [data-cards] li p{padding:0!important;text-align:left!important;font-size:20px!important;line-height:1.35!important}
  [data-cards] li p+p{margin:10px 0 0!important;font-size:15px!important;line-height:1.6!important}

  /* ---------- 좌우 2단(인용·소개) → 세로 ---------- */
  [data-mstack]{display:block!important;margin:0!important}
  [data-mstack]>div{display:block!important;flex:none!important;max-width:none!important;min-height:0!important;padding:0!important;text-align:left!important}
  [data-mstack]>div+div{position:relative!important;width:calc(100% + 40px)!important;aspect-ratio:4/5;margin:26px -20px 0!important;border-radius:0!important;overflow:hidden}
  [data-mstack] img+div{display:none!important}
  [data-mstack]+div,[data-pin]>div>[data-mstack]+div{position:relative!important;display:flex!important;align-items:center;justify-content:center;min-height:62svh!important;margin:36px -20px 0!important;padding:32px 20px!important;overflow:hidden}

  /* ---------- CTA 버튼 ---------- */
  div[data-fade-default]:not([data-media]):has(>a){display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:26px!important}
  div[data-fade-default]:not([data-media]):has(>a)>a{width:100%!important;height:56px!important;justify-content:space-between!important;padding:0 22px!important;background:rgba(255,255,255,.08)!important}
  div[data-fade-default]:not([data-media]):has(>a)>a>span{margin-left:0!important}

  /* ---------- 홈: 선언문 ---------- */
  [data-m="manifesto"]>div{padding:92px 20px 88px!important;background:#080a07;border-top:1px solid rgba(255,255,255,.08)}
  [data-m="manifesto"] [data-seq]{display:block!important;text-align:center!important;font-size:clamp(25px,7.2vw,33px)!important;line-height:1.3!important;letter-spacing:-.03em!important;margin:0!important;padding:34px 0!important;border-top:1px solid rgba(255,255,255,.13)}
  [data-m="manifesto"] [data-seq]:first-of-type{border-top:0;padding-top:0!important}
  [data-m="manifesto"] [data-seq]:last-of-type{padding-bottom:0!important}

  /* ---------- 홈: 수치 강조 ---------- */
  [data-m="stat"]>div>p[data-fade]:last-child{margin-top:26px!important;padding:22px 20px!important;border:1px solid rgba(225,30,38,.5);border-radius:14px;font-size:20px!important;font-weight:700!important;line-height:1.4!important;color:#fff!important}

  /* ---------- 홈: 원장 인용 ---------- */
  [data-m="quote"] h3 p{font-size:clamp(21px,5.9vw,26px)!important}
  /* ---------- 홈: 원장 인용 — 사진 위에 얹는다 ---------- */
  [data-m="quote"]>div{padding:0!important}
  [data-m="quote"] [data-mstack]{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;gap:0!important;min-height:84svh!important;margin:0!important;overflow:hidden}
  [data-m="quote"] [data-mstack]>div:first-child{position:relative!important;z-index:2;width:100%;padding:0 20px 44px!important}
  [data-m="quote"] [data-mstack]>div+div{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important;z-index:1}
  [data-m="quote"] [data-mstack]>div+div::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,11,9,.45) 0%,rgba(9,11,9,.35) 30%,rgba(9,11,9,.94) 100%)}
  [data-m="quote"] [data-mstack] img{object-position:50% 38%!important}
  [data-m="quote"] h3 p{font-size:clamp(21px,5.9vw,26px)!important;text-shadow:0 2px 20px rgba(0,0,0,.6)}
  [data-m="quote"] [data-mstack] p[data-fade]{color:#fff!important;text-shadow:0 1px 14px rgba(0,0,0,.8)}
  [data-mstack]+div p{color:#fff!important;text-shadow:0 1px 14px rgba(0,0,0,.85)}
  [data-mstack]+div img{opacity:.75!important}

  /* ---------- 홈: 시즌 목록 ---------- */
  [data-stagelist]{display:block!important;gap:0!important;padding:10px 20px 18px!important}
  [data-stagelist] a{min-width:0!important;display:block!important;padding:20px 0!important;border-bottom:1px solid rgba(255,255,255,.12)}
  [data-stagelist] a:last-child{border-bottom:0}
  [data-stagelist] a p:nth-child(2){margin:6px 0 0!important;font-size:21px!important}
  [data-stagelist] a p:nth-child(3){margin:4px 0 0!important;font-size:15px!important}

  /* ---------- 시즌 페이지: 월별 칩으로 스테이지 전환 ---------- */
  /* 스크롤에 기대는 방식(스냅·스티키·전용 스크롤러)은 실기기에서 반복적으로 문제가 나서
     전부 걷어냈다. 지도는 스크롤과 무관한 고정 배치로 위에 두고, 12월·1월·2월·3월 칩을
     누르면 해당 스테이지 카드 1장만 보인다. 스크롤 위치·터치 제스처와는 관계가 없다. */
  html{scroll-snap-type:none!important}
  [data-stages-end]{scroll-snap-align:none!important}

  section[data-stages]{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;padding:0!important;margin:0!important;min-height:0!important;height:auto!important;overflow:visible!important}
  [data-stages]>div{width:100%!important;min-width:0!important;flex:0 0 auto!important}

  [data-stages]>[data-mapcol]{order:-2;position:relative!important;top:auto!important;height:max(220px,32vh)!important;height:max(220px,32svh)!important;min-height:0!important;flex:0 0 auto!important;width:100%!important;z-index:auto!important;border-bottom:1px solid rgba(255,255,255,.12)}
  #cs-season-map{height:100%!important;min-height:0!important}
  [data-mapcol]>p{left:16px!important;bottom:12px!important}

  [data-stage-tabs]{order:-1!important;display:flex!important;gap:8px!important;padding:16px 20px 0!important;margin:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  [data-stage-tabs] button{flex:0 0 auto!important;padding:10px 18px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:rgba(255,255,255,.6)!important;font-size:14px!important;font-weight:600!important;letter-spacing:-.02em!important;font-family:inherit!important}
  [data-stage-tabs] button[aria-selected="true"]{background:#E11E26!important;border-color:#E11E26!important;color:#fff!important}

  [data-stages]>[data-stage-list]{order:0!important}

  /* 기본은 숨김. 선택된 카드에만 .is-active 클래스가 붙어 보인다(season.js). */
  [data-stage]{display:none!important;height:auto!important;min-height:0!important;padding:24px 20px 48px!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;scroll-margin:0!important}
  [data-stage].is-active{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}

  [data-media]{width:100%!important;max-width:none!important;margin-top:22px!important;border-radius:14px}

  /* ---------- 푸터 ---------- */
  footer{position:static!important;padding:44px 20px 36px!important}
  footer>div{gap:24px!important}
  footer ul{width:100%!important}
  footer ul li{margin-top:0!important}
  footer ul li a{font-size:18px!important}
  footer dl{margin:0 0 10px!important}
  footer dt{width:100px!important;min-width:0!important;font-size:14px!important;color:rgba(255,255,255,.4)!important}
  footer dd{font-size:14px!important}
  footer>div:last-child{margin-top:36px!important;gap:12px!important}
  footer>div:last-child img{height:44px!important}
  footer>div:last-child span{margin-left:0!important;font-size:12px!important}

  @media (hover:none){ a:hover{color:inherit} }
}