/* 프라임택스 서브페이지 공용 스타일 — 디자인 시스템 토큰 기반 */
:root{--brass-600:#B07E4B;--brass-500:#C4915C;--brass-400:#D9B48A;--surface-cream:#F5F1EA;--header-height:72px}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans);color:var(--text-body);background:var(--surface-page);word-break:keep-all;overflow-wrap:break-word;line-height:var(--leading-normal);letter-spacing:var(--tracking-body)}
a{color:var(--link);text-decoration:none;transition:color 160ms cubic-bezier(.16,1,.3,1)}
a:hover{color:var(--link-hover)}
.wrap{max-width:1140px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
/* 헤더 */
.header{position:sticky;top:0;z-index:50;height:var(--header-height);background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-default)}
.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text-strong);flex-shrink:0}
.brand img{height:40px}
.brand b{font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-kr-heading)}
.subnav{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
.subnav a{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-body)}
.subnav a:hover{color:var(--text-strong)}
.subnav a.is-active{color:var(--accent-strong)}
.subnav .btn{height:40px}
/* 페이지 헤더 밴드 */
.phead{background:var(--navy-800);color:#fff;position:relative;overflow:hidden}
.phead__wm{position:absolute;right:-90px;bottom:-120px;height:380px;opacity:.07;pointer-events:none}
.phead__inner{position:relative;padding-block:clamp(48px,6vw,76px)}
.eyebrow{font-family:var(--font-latin-display);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-400);margin-bottom:10px}
.phead h1{margin:0 0 12px;font-size:clamp(30px,3.2vw,40px);font-weight:600;letter-spacing:-.01em;color:#fff;line-height:var(--leading-tight)}
.phead p{margin:0;max-width:560px;font-size:var(--text-base);color:var(--text-on-dark-muted);text-wrap:pretty}
/* 공통 섹션 */
.section{padding-block:clamp(48px,6vw,80px)}
.section--alt{background:var(--surface-subtle)}
.section--cream{background:var(--surface-cream)}
.sec-eyebrow{font-family:var(--font-latin-display);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-600);margin-bottom:8px}
.sec-title{margin:0 0 14px;font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}
.sec-lead{margin:0 0 32px;max-width:620px;font-size:var(--text-base);color:var(--text-muted);text-wrap:pretty}
/* 행 목록 (레이블-내용) */
.rows{max-width:760px}
.row{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:18px 0;border-top:1px solid var(--border-default);align-items:baseline}
.row:last-child{border-bottom:1px solid var(--border-default)}
.row dt{margin:0;font-family:var(--font-latin-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}
.row dd{margin:0;font-size:var(--text-base);color:var(--text-body)}
.row dd b{display:block;font-weight:var(--weight-semibold);color:var(--text-strong)}
.row dd small{color:var(--text-muted);font-size:var(--text-sm)}
/* 번호 원칙 카드 */
.prin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.prin{background:#fff;border:1px solid var(--border-default);border-radius:12px;padding:26px 24px}
.prin__no{font-family:var(--font-latin-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;color:var(--brass-600);margin-bottom:12px}
.prin h3{margin:0 0 8px;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-strong);letter-spacing:var(--tracking-kr-heading)}
.prin p{margin:0;font-size:var(--text-sm);color:var(--text-muted)}
/* 스탯 */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{padding:22px 0;border-top:2px solid var(--navy-800)}
.stat b{display:block;font-family:var(--font-num);font-size:clamp(28px,3vw,38px);font-weight:700;color:var(--text-strong);letter-spacing:-.01em}
.stat span{font-size:var(--text-sm);color:var(--text-muted)}
.stat em{display:block;font-style:normal;font-size:var(--text-xs);color:var(--text-faint)}
/* 지도 플레이스홀더 */
.map-ph{aspect-ratio:21/9;border-radius:12px;border:1px dashed var(--gray-300);background:var(--gray-100);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-faint);margin-bottom:36px}
.map-ph b{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted)}
.map-ph small{font-family:var(--font-num);font-size:var(--text-xs)}
/* 구성원 그리드 */
.mem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mem{background:#fff;border:1px solid var(--border-default);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform 160ms cubic-bezier(.16,1,.3,1),box-shadow 160ms cubic-bezier(.16,1,.3,1);color:inherit}
.mem:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:inherit}
.mem__photo{aspect-ratio:4/5;border-bottom:1px solid var(--border-default);overflow:hidden}
.mem__photo img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.mem__body{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}
.mem__role{font-size:12px;font-weight:var(--weight-semibold);letter-spacing:.06em;color:var(--brass-600)}
.mem__name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-strong);letter-spacing:var(--tracking-kr-heading)}
.mem__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.mem__tags span{font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--border-default);padding:3px 10px;border-radius:999px}
.mem__link{margin-top:auto;padding-top:14px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-strong)}
/* 버튼 / CTA / 푸터 */
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:8px;font-size:var(--text-sm);font-weight:var(--weight-semibold);background:var(--accent);color:#fff;transition:background 160ms cubic-bezier(.16,1,.3,1)}
.btn:hover{background:var(--accent-strong);color:#fff}
.cta{background:var(--surface-carbon);color:#fff}
.cta__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:clamp(36px,4vw,56px);flex-wrap:wrap}
.cta__t{margin:0;font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.01em;color:#fff}
.cta__t small{display:block;margin-top:6px;font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--text-on-dark-muted)}
.footer{padding-block:28px;border-top:1px solid var(--border-default)}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:var(--text-xs);color:var(--text-faint);flex-wrap:wrap}
@media (max-width:920px){.prin-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.mem-grid{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr;gap:6px}.subnav a:not(.btn){display:none}}

.values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px;padding-top:28px;border-top:1px solid var(--border-default)}
.value{display:flex;align-items:center;gap:14px}
.value i{flex:none;width:46px;height:46px;border-radius:50%;border:1.5px solid #C4915C;color:#B07E4B;display:flex;align-items:center;justify-content:center}
.value i svg{width:20px;height:20px}
.value b{display:block;font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-strong)}
.value span{font-size:var(--text-xs);color:var(--text-muted)}
@media (max-width:860px){.values{grid-template-columns:repeat(2,1fr)}}