@font-face{font-family:Pretendard;src:url('../assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--kp-color-white);color:var(--kp-color-ink);font-family:var(--kp-font-sans);font-size:18px;line-height:1.65;word-break:keep-all;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}a:focus-visible,button:focus-visible{outline:3px solid var(--kp-color-focus);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}::selection{background:var(--kp-color-blue);color:white}.wrap{width:min(var(--kp-layout-width),calc(100% - 80px));margin:auto}.section{padding:var(--kp-layout-section) 0}.ruled{border-top:1px solid var(--kp-color-line)}.skip{position:fixed;left:20px;top:-100px;background:white;color:var(--kp-color-ink);z-index:100;padding:12px 20px}.skip:focus{top:12px}
.kit-header{position:sticky;top:0;z-index:10;background:rgb(255 255 255 / .96);border-bottom:1px solid var(--kp-color-line)}.header-row{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.home{display:block;flex-shrink:0}.home img{width:124px}.kit-header nav{display:flex;gap:32px;font-size:16px;font-weight:550}.kit-hero{background:var(--kp-color-black);color:var(--kp-color-white);padding:48px 0 64px}.edition{display:flex;justify-content:space-between;align-items:center;color:var(--kp-color-on-dark);font-size:16px}.edition h1{font-size:16px;font-weight:550;letter-spacing:.02em}.hero-wordmark{width:100%;margin:88px 0 80px}.hero-bottom{display:flex;justify-content:space-between;gap:32px;align-items:flex-end}.hero-bottom p{font-size:22px;letter-spacing:-.02em;line-height:1.6}.hero-bottom p span{color:var(--kp-color-on-dark)}.download-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--kp-color-blue);color:white;border-radius:var(--kp-radius-pill);padding:16px 24px;font-size:16px;font-weight:600;min-height:56px;transition:background var(--kp-motion-quick);white-space:nowrap}.download-button:hover{background:var(--kp-color-blue-hover);text-decoration:none}.kit-hero .download-button{background:white;color:var(--kp-color-black)}.kit-hero .download-button:hover{background:var(--kp-color-paper)}
.section-number{font-size:16px;font-weight:550;color:var(--kp-color-muted);margin-bottom:40px;letter-spacing:.02em}h2{font-size:var(--type-heading);font-weight:660;line-height:1.28;letter-spacing:-.04em}h3{font-size:21px;font-weight:650;line-height:1.4;letter-spacing:-.025em}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.lead{font-size:21px;line-height:1.7;letter-spacing:-.02em}.support{font-size:16px;color:var(--kp-color-muted);line-height:1.7;margin-top:24px}.section-heading{margin-bottom:56px;max-width:780px}.section-heading>p:last-child:not(.section-number){font-size:20px;line-height:1.7;letter-spacing:-.018em;color:var(--kp-color-muted);margin-top:24px}.section-heading .section-number{margin-bottom:24px}
.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.logo-board,.symbol-board{position:relative;display:flex;align-items:center;justify-content:center;padding:64px 48px 88px;min-height:280px;border:1px solid var(--kp-color-line);background:var(--kp-color-paper)}.logo-board img{width:100%;max-width:390px}.logo-board.dark{background:var(--kp-color-black);border-color:var(--kp-color-black);color:var(--kp-color-white)}.logo-board.light{background:var(--kp-color-white)}figcaption{font-size:16px;color:var(--kp-color-muted)}.logo-board figcaption,.symbol-board figcaption{position:absolute;left:24px;bottom:20px}.logo-board.dark figcaption{color:var(--kp-color-on-dark)}.symbol-board{min-height:300px}.symbol-board>img{width:110px}.app-board>img{width:144px;border-radius:32px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:64px}.rules-grid p{color:var(--kp-color-muted);font-size:16px;margin-top:16px}.clearspace{padding:42px 24px 30px;margin:24px 0;border:1px solid var(--kp-color-line)}.clearspace>div{position:relative;padding:4.56%;outline:1px dashed #9a9aa5;max-width:390px;margin:auto}.clearspace img{width:100%}.clearspace span{position:absolute;top:-26px;right:0;font-size:16px;color:var(--kp-color-muted)}.rule-list{display:grid;gap:32px}
.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.swatch{min-height:264px;border:0;padding:24px 20px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:48px;color:white;transition:transform var(--kp-motion-quick)}.swatch:hover{transform:translateY(-4px)}.swatch>span:first-child{font-size:16px;font-weight:550}.swatch b{font-size:19px;font-weight:550;letter-spacing:-.01em}.swatch small{display:block;font-size:16px;margin-top:4px}.swatch i{display:block;font-size:16px;font-style:normal;margin-top:24px}.blue{background:var(--kp-color-blue)}.red{background:var(--kp-color-red)}.black{background:var(--kp-color-black)}.white{background:var(--kp-color-white);color:var(--kp-color-ink);border:1px solid var(--kp-color-line)}.paper{background:var(--kp-color-paper);color:var(--kp-color-ink)}.color-notes{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:32px;font-size:16px;color:var(--kp-color-muted)}.color-notes strong{font-weight:600;color:var(--kp-color-ink)}.copy-status{font-size:16px;min-height:24px;margin-top:24px;color:var(--kp-color-muted)}
.type-section{background:var(--kp-color-paper)}.type-specimen{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-bottom:64px}.spec-label{display:block;font-size:16px;font-weight:550;color:var(--kp-color-muted);margin-bottom:24px}.type-ko{font-size:clamp(40px,4.2vw,58px);line-height:1.24;letter-spacing:-.04em;font-weight:680}.type-en{font-size:26px;letter-spacing:-.025em;margin-top:24px;font-weight:550}.type-weights>p:not(.support){font-size:25px;display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--kp-color-line)}.type-weights span{font-size:16px;align-self:center;color:var(--kp-color-muted);font-variant-numeric:tabular-nums}.weight-430{font-weight:430}.weight-550{font-weight:550}.weight-650{font-weight:650}.weight-680{font-weight:680}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:16px;white-space:nowrap}caption{text-align:left;font-size:16px;color:var(--kp-color-muted);padding-bottom:16px}th,td{text-align:left;border-bottom:1px solid var(--kp-color-line);padding:18px 16px 18px 0}thead th{font-size:16px;font-weight:550;color:var(--kp-color-muted)}tbody th{font-weight:600}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.system-grid article>p{font-size:16px;color:var(--kp-color-muted);margin-top:16px}.system-value{display:block;font-size:72px;font-weight:550;letter-spacing:-.06em;line-height:1;margin-bottom:32px}.system-value span{font-size:24px;letter-spacing:-.02em;margin-left:6px;color:var(--kp-color-muted)}.radius-sample{display:flex;gap:10px;height:72px;align-items:center;margin-bottom:32px}.radius-sample i{width:64px;height:64px;background:var(--kp-color-blue);border-radius:var(--kp-radius-small)}.radius-sample i:nth-child(2){border-radius:var(--kp-radius-medium)}.radius-sample i:nth-child(3){border-radius:var(--kp-radius-large)}.flow-sample{display:grid;grid-template-columns:1fr 1fr;margin-top:64px;background:var(--kp-color-black);color:white;min-height:320px}.flow-sample>div:last-child{padding:48px}.flow-sample p{font-size:16px;color:var(--kp-color-on-dark);margin-top:16px}.flow-sample .spec-label{font-size:16px;margin-top:0}.flow-art{background:url('assets/ambient-red.svg') center/cover,url('assets/ambient-blue.svg') center/cover;min-height:260px}.voice-section{background:var(--kp-color-blue-night);color:white}.voice-section .section-number,.voice-section .section-heading>p:last-child,.voice-section .spec-label,.voice-section .support{color:#c7d2ed}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.voice-line{font-size:26px;font-weight:600;letter-spacing:-.03em;margin-bottom:12px}.voice-description{font-size:21px;line-height:1.7;letter-spacing:-.018em}
.social-previews{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:64px}.social-previews img{width:100%;border:1px solid var(--kp-color-line)}.social-previews figcaption{padding:16px 0}.download-list>div{padding:28px 0;border-top:1px solid var(--kp-color-line);display:grid;grid-template-columns:1fr 1.2fr 1.5fr;gap:24px;align-items:start}.download-list h3{font-size:18px}.download-list p{font-size:16px;color:var(--kp-color-muted)}.file-links{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:16px;font-weight:550}.file-links a{padding-bottom:4px;white-space:nowrap}.download-end{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 0;border-top:1px solid var(--kp-color-line);margin-top:16px}.download-end p{font-size:16px;margin-top:8px;color:var(--kp-color-muted)}.usage-note{max-width:840px;margin-top:0}.kit-footer{border-top:1px solid var(--kp-color-line);padding:32px 0;font-size:16px;color:var(--kp-color-muted)}.kit-footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.intro-grid,.rules-grid,.type-specimen,.voice-grid{gap:40px}.palette{grid-template-columns:repeat(3,1fr)}.system-grid{gap:24px}.system-value{font-size:60px}.radius-sample{gap:6px}.radius-sample i{width:48px;height:48px}.flow-sample>div:last-child{padding:32px}.download-list>div{grid-template-columns:1fr 2fr}.file-links{grid-column:2}.section-heading{margin-bottom:40px}}
@media(max-width:600px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.header-row{height:64px;gap:16px}.home img{width:104px}.kit-header nav{gap:18px;font-size:16px}.kit-header nav a:first-child{display:none}.kit-hero{padding:32px 0 40px}.edition,.edition h1{font-size:16px}.hero-wordmark{margin:64px 0 56px}.hero-bottom{display:block}.hero-bottom p{font-size:19px}.hero-bottom .download-button{margin-top:32px}.download-button{font-size:16px;min-height:52px;padding:14px 20px}.section-number{margin-bottom:28px}.intro-grid,.rules-grid,.type-specimen,.voice-grid{grid-template-columns:1fr;gap:32px}.lead{font-size:18px}.section-heading>p:last-child:not(.section-number){font-size:18px;margin-top:20px}.identity-grid{gap:12px}.logo-board{grid-column:1/-1;padding:64px 32px 80px;min-height:210px}.symbol-board{min-height:232px;padding:40px 20px 80px}.symbol-board>img{width:74px}.app-board>img{width:96px;border-radius:22px}.logo-board figcaption,.symbol-board figcaption{left:16px;bottom:16px;font-size:16px;right:12px}.rules-grid{margin-top:40px}.rules-grid p{font-size:16px}.palette{grid-template-columns:1fr 1fr;gap:8px}.swatch{min-height:240px;padding:20px 16px}.swatch:first-child{grid-column:1/-1;min-height:220px}.color-notes{grid-template-columns:1fr;gap:20px}.type-ko{font-size:40px}.type-en{font-size:23px}.type-weights>p:not(.support){font-size:22px}table{font-size:16px}th,td{padding-right:18px}.type-specimen{margin-bottom:40px}.system-grid{grid-template-columns:1fr;gap:40px}.system-value,.radius-sample{margin-bottom:20px}.system-grid article{padding-bottom:32px;border-bottom:1px solid var(--kp-color-line)}.system-grid article:last-child{padding-bottom:0;border-bottom:0}.flow-sample{grid-template-columns:1fr;margin-top:40px}.flow-art{min-height:200px}.flow-sample>div:last-child{padding:28px}.voice-line{font-size:23px}.voice-description{font-size:18px}.social-previews{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.download-list>div{grid-template-columns:1fr;gap:8px}.file-links{grid-column:auto;margin-top:12px;gap:16px 24px}.download-end{display:block}.download-end .download-button{margin-top:24px}.kit-footer>.wrap{flex-wrap:wrap;gap:16px}.kit-footer p{order:3;width:100%}.kit-footer a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.swatch:hover{transform:none}}
@media print{html{scroll-behavior:auto}.kit-header,.skip,.download-button,.copy-status{display:none}.wrap{width:100%}.section{padding:40px 0}.kit-hero{padding:24px}.hero-wordmark{margin:40px 0}.logo-board,.symbol-board,.social-previews figure,.rules-grid>div,.system-grid article{break-inside:avoid}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}.section-heading{break-after:avoid}h2{font-size:32px}.support,.kit-footer{font-size:16px}.flow-sample{min-height:0}.usage-note{margin-top:24px}}