/* ==========================================================================
   Design Tokens (색·폰트·폭) · 리셋 — 상간소송 원고 랜딩페이지 (법무법인 정서)
   ========================================================================== */
/* 레이아웃: 레퍼런스(제이에프셀)처럼 검정 배경 하나로 이어짐 · 얇은 대형 영문 + 명조 중앙 제목 · 아치/원형 모티프 · 골드 포인트 */
:root{
  /* 컬러: 레퍼런스(제이에프셀) 실측값 그대로 */
  --bg:#000;                        /* 배경 */
  --card:#1a1a1a;                   /* 면 (무채색 그레이) */
  --card-2:#272727;                 /* 안쪽 면 (무채색 그레이) */
  --line:rgba(255,255,255,.22);
  --line-2:rgba(255,255,255,.32);
  --gold:#dac2a3;                   /* 포인트 베이지 */
  --gold-2:#dac2a3;
  --gold-3:#7a6a56;                 /* 브라운 */
  --brown-a:rgba(122,106,86,.5);    /* 아이콘 원·배지 바탕 */
  --rose:#dac2a3;
  --tx:#fff;                        /* 제목·강조 흰색 */
  --tx-2:rgba(255,255,255,.7);      /* 본문 */
  --mute:rgba(255,255,255,.4);      /* 보조 */
  --en-gray:#7a6a56;
  --on-gold:#000;
  --cta:#e3c496;                    /* 상담 신청 버튼 (베이지보다 채도·명도 높게) */
  --cta-h:#b8996b;
  --sans:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --serif:'Noto Serif KR','Nanum Myeongjo',serif;
  --en:'Jost','Pretendard',sans-serif;
  --wrap:1200px;
  --hh:84px;
  --tgap:64px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--hh);-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:17px;line-height:1.7;word-break:keep-all;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,p,ul,ol,li,dl,dd,figure{margin:0;padding:0}
h1,h2,h3,h4,b,strong{font-weight:600}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
img{max-width:100%;display:block}
[hidden]{display:none!important}
.m-br{display:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:900;background:var(--bg)}
.wrap{max-width:calc(var(--wrap) + 48px);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.sec{padding-block:clamp(90px,10vw,150px)}
.center{text-align:center}
.divider{height:1px;max-width:var(--wrap);margin:0 auto;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}