/* ========================================================= SAMJIN C&I — Corporate site (light editorial) Consolidated & cleaned. Brand blue from logo: #158ECE. Single accent = brand blue. No cyan. ========================================================= */ /* ---------- Fonts ---------- Pretendard (KO body) : dynamic-subset CDN, linked from each page . Registers family 'Pretendard Variable' — see premium.css. Satoshi (EN body) : fontshare CDN. 제목 서체는 Pretendard 고딕(premium.css --font-display). 세리프 2종은 2026-08-13 제거. Font tokens live in premium.css (loads last and owns the cascade). ------------------------------------------------------------------ */ /* ---------- Design Tokens ---------- */ :root{ --navy-950: #05090F; --navy-900: #0A1424; --navy-850: #0D1A2E; --navy-800: #101E36; --navy-700: #16294A; /* Brand blue (from logo) */ --brand-700: #0C6293; --brand-600: #0F76AE; --brand-500: #158ECE; --brand-400: #3FA6DC; --brand-300: #7CC4E8; --white: #FFFFFF; --gray-50: #F5F8FB; --gray-100: #EEF2F7; --gray-150: #E4EAF2; --gray-200: #D7DFEA; --gray-300: #C0CADB; --gray-400: #94A3B8; --gray-500: #64748B; --gray-600: #475569; --gray-700: #334155; --ink: #0B1220; --bg: var(--white); --fg: var(--ink); --muted: var(--gray-600); /* AA-safe on soft-grey surfaces */ --line: var(--gray-150); --primary: var(--brand-500); /* --font-en / --font / --font-display are defined in premium.css (loads last). */ /* 1240 고정이면 1600 이상에서 화면 절반이 비고, 헤더도 같은 컨테이너라 로고가 화면 한가운데로 밀려난다(초광폭 대응 미디어쿼리가 저장소에 0건이었다). 1440 이하는 종전 그대로(1240) — 회귀 없음. 1920 에서 1456, 2560 에서 상한 1560. */ --container: clamp(1240px, 1240px + (100vw - 1440px) * .45, 1560px); --gutter: clamp(20px, 5vw, 48px); --r-card: 18px; /* cards */ --r-med: 12px; /* media, tiles, medium blocks */ --r-ctrl: 8px; /* buttons, chips, tabs */ --card-pad: clamp(24px, 3vw, 32px); --ease: cubic-bezier(0.22, 1, 0.36, 1); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* motion vocabulary: entrances decelerate, interactive surfaces spring (subtle overshoot), exits accelerate */ --ease-entrance: cubic-bezier(0.16, 1, 0.3, 1); --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1); --ease-exit: cubic-bezier(0.4, 0, 1, 1); --header-h: 76px; } /* ---------- Reset / Base ---------- */ *{ margin: 0; padding: 0; box-sizing: border-box; } html{ scroll-behavior: smooth; scroll-padding-top: var(--header-h); -webkit-text-size-adjust: 100%; } body{ font-family: var(--font); color: var(--fg); background: var(--bg); line-height: 1.6; letter-spacing: -0.01em; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; counter-reset: sec; } img{ max-width: 100%; display: block; } a{ color: inherit; text-decoration: none; } ul, ol{ list-style: none; } button{ font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; } h1, h2, h3, h4{ font-weight: 700; line-height: 1.12; letter-spacing: -0.03em; } /* ============================================================ TYPOGRAPHY / LINE-BREAK SYSTEM (2026-07-17) Single source of truth for wrapping: word-break, overflow-wrap, text-wrap and white-space on copy are declared HERE and nowhere else. premium.css, sub.css and page-level