/* ==========================================================
   Claude 리스킨 테마 — 레이아웃·애니메이션은 원본 그대로,
   색상(아이보리 페이퍼 + 잉크 + 브론즈)과 서체 무드만 교체.
   브랜드 컬러 치환(버건디→브론즈, 틸→딥포레스트)은 원본 CSS에서 완료,
   이 파일은 배경·텍스트 톤과 마감 디테일만 다듬는다.
   ========================================================== */

/* 종이 질감의 웜 아이보리 배경 + 잉크 텍스트 */
body { background-color: #f6f3ec !important; color: #26282c; }
::selection { background: #a9825a; color: #fff; }

/* 상단 네비: 순백 → 아이보리 반투명 + 헤어라인 */
.navi.active,
.navi.mouseover { background-color: rgba(247, 244, 237, 0.94) !important; border-bottom: 1px solid #e2dccf !important; backdrop-filter: blur(10px); }
.navi-bg .white-bg { background: #f9f6f0 !important; border-bottom: 1px solid #e2dccf !important; }

/* 푸터: 차콜 → 웜 잉크 */
.footer { background-color: #1b1a17 !important; }

/* 서브 타이틀 영역의 영문 워드마크를 세리프 무드로 */
#sub_tit h5 span { letter-spacing: 0.3em; }

/* 큰 회색 영문 워터마크 텍스트 → 샴페인 그레이 */
.sub_location_txt_box h1 { color: #d8cbb6 !important; }
.sub_location_tit h2 { color: #c9bda9 !important; }

/* 버튼·CTA 마감: 브론즈 톤 통일 (컬러 치환 보완) */
.pyt-mcta-reg { background-color: #a9825a !important; }
.pyt-mcta-tel { background-color: #26282c !important; }

/* 폼 포커스 링을 브론즈로 */
input:focus, select:focus, textarea:focus { outline-color: #a9825a; }

/* ==========================================================
   럭셔리 이미지 프레임 — 모든 페이지 공통
   (애니메이션은 래퍼의 기존 키프레임 그대로, 틀만 업그레이드)
   ========================================================== */

/* 메인 TRAFFIC/INFRA… 이미지: 마스크 자체를 아치(대성당 창) 형태로 — 더 크게, 링 없음 */
.location_img {
  max-width: 545px !important;
  border-radius: 999px 999px 20px 20px !important;
  box-shadow: 0 30px 60px rgba(38, 33, 26, 0.18);
}
.location_content:nth-child(2) .location_img {
  max-width: 295px !important;
  border-radius: 999px !important; /* 작은 컷은 우아한 타원 */
}

/* 서브페이지 대형 이미지: 판형만 키우고 부드러운 라운드 (액자 없음) */
.sub_img_wrap { max-width: 1240px !important; }
.sub_img_wrap img { max-width: 100%; }
img.sub_img,
.pyt-complex-main img, .pyt-community-main img, .pyt-complex-cuts img {
  border-radius: 18px;
  box-shadow: 0 24px 52px rgba(38, 33, 26, 0.13);
}

/* 프리미엄 카드: 아치 마스크 (호버 줌 유지) */
.pyt-premium-img {
  border-radius: 999px 999px 16px 16px;
  box-shadow: 0 20px 42px rgba(38, 33, 26, 0.15);
  margin-bottom: 1.9rem !important;
}

/* 시스템 카드: 얕은 아치 마스크 */
.pyt-system-img,
.pyt-system-card img {
  border-radius: 120px 120px 16px 16px;
  overflow: hidden;
  box-shadow: 0 16px 34px rgba(38, 33, 26, 0.13);
}

/* 스크롤바(웹킷)도 종이 톤 */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #efebe1; }
::-webkit-scrollbar-thumb { background: #c9bda9; border-radius: 6px; border: 3px solid #efebe1; }
::-webkit-scrollbar-thumb:hover { background: #a9825a; }