/* Korean Education Center in Malaysia case study: every rule is scoped to .kc-page / .kc so the shared header, contact and footer stay untouched. */
.kc-page{--kc-night:#060b1c;--kc-night2:#0a1228;--kc-deep:#101b3a;--kc-gold:#f2c45c;--kc-gold2:#e5a23e;--kc-gold-l:#f7dc9a;--kc-gold-t:#8a5a0b;--kc-hanji:#f3eee3;--kc-dsub:#b9bfd1;--kc-dline:#ffffff1f;--kc-ivory:#f5f2ea;--kc-ivory2:#ebece2;--kc-pine:#173e35;--kc-pine2:#223e2b;--kc-sub:#4a5d55;--kc-line:#173e351f;--kc-coral:#f14d34;--kc-coral-t:#c2361f;--kc-coral-l:#ffb99b;--kc-sage:#dfe7cf;--kc-peach:#f1d4bc;background:var(--kc-night)}
.kc-page .site-header{position:fixed;inset:0 0 auto;background:rgba(6,11,28,.86);border-bottom-color:#ffffff14}
.kc-page .site-header .container{background:transparent;box-shadow:none}
.kc-page.kc-at-hero .site-consult-bar{visibility:hidden;pointer-events:none}
.kc{position:relative;color:var(--kc-hanji);background:var(--kc-night);font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-size:17px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;overflow-x:clip;-webkit-font-smoothing:antialiased}
.kc *{box-sizing:border-box}
.kc [hidden]{display:none!important}
.kc :where(h1,h2,h3,h4,p,figure,dl,dd,ul,ol,blockquote){margin:0;padding:0}
.kc :where(h1,h2,h3,h4){font-weight:800;line-height:1.22;letter-spacing:-.045em;text-wrap:balance}
.kc :where(p){text-wrap:pretty}
.kc :where(ul,ol){list-style:none}
.kc a{color:inherit;text-decoration:none}
.kc button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.kc :where(img,video,svg,canvas){display:block;max-width:100%}
.kc :where(img,video){height:auto}
.kc em{font-style:normal;color:var(--kc-gold)}
.kc-light em,.kc .kc-light em{color:var(--kc-coral)}
.kc code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.kc :is(a,button,input):focus-visible,.kc-chapters a:focus-visible,.kc-lightbox button:focus-visible{outline:3px solid var(--kc-gold);outline-offset:5px;border-radius:6px}
.kc-light :is(a,button,input):focus-visible{outline-color:var(--kc-coral-t)}
.kc-wrap{width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
.kc-sec{padding-block:clamp(96px,10vw,170px)}
.kc-light{background:var(--kc-ivory);color:var(--kc-pine)}
.kc-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.14em;color:var(--kc-gold)}
.kc-eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.kc-light .kc-eyebrow{color:var(--kc-coral-t)}
.kc-sectionhead{display:flex;justify-content:space-between;gap:24px;padding-bottom:22px;margin-bottom:clamp(48px,6vw,90px);border-bottom:1px solid var(--kc-dline);font-size:15px;line-height:1.5;color:var(--kc-dsub)}
.kc-sectionhead>span:first-child{font-weight:700;letter-spacing:.12em;color:var(--kc-gold)}
.kc-light .kc-sectionhead{border-bottom-color:var(--kc-line);color:var(--kc-sub)}
.kc-light .kc-sectionhead>span:first-child{color:var(--kc-coral-t)}
.kc h2{font-size:clamp(34px,4vw,64px)}
.kc-split{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:start}
.kc-split h2+*{margin:0}
.kc-split .kc-eyebrow+h2{margin-top:20px}
.kc-prose{padding-top:8px}
.kc-prose p{max-width:600px;color:var(--kc-dsub);font-size:18px}
.kc-light .kc-prose p{color:var(--kc-sub)}
.kc-prose p+p{margin-top:22px}
.kc a.kc-textlink{display:inline-flex;align-items:center;gap:32px;padding:12px 0;border-bottom:1.5px solid currentColor;font-size:16px;font-weight:600;line-height:1.5}
.kc-textlink span{font-size:22px;transition:transform .3s}
.kc-textlink:hover span{transform:translateX(4px)}
.kc a.kc-pill{display:inline-flex;align-items:center;gap:22px;height:62px;padding:0 30px;border-radius:99px;background:#fff;color:var(--kc-night)!important;font-weight:700;font-size:17px;transition:transform .3s,background .3s}
.kc a.kc-pill:hover{transform:translateY(-3px)}
.kc a.kc-pill--gold{background:var(--kc-gold)}
.kc a.kc-pill--gold:hover{background:var(--kc-gold-l)}
.kc-skip{position:fixed;top:-90px;left:20px;z-index:9999;background:var(--kc-gold);color:var(--kc-night);padding:14px 18px;font-weight:700}
.kc-skip:focus{top:100px}
.kc-reading{position:fixed;z-index:1002;inset:0 0 auto;height:2px;pointer-events:none}
.kc-reading i{display:block;height:100%;background:linear-gradient(90deg,#f2c45c00,#f2c45c);transform:scaleX(var(--read,0));transform-origin:left}
.kc-reading b{position:absolute;top:-3px;left:calc(var(--read,0) * 100%);width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--kc-gold-l);box-shadow:0 0 14px #f7dc9acc}
/* reveal: content stays visible without JavaScript */
.kc-motion .kc-rv{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.kc-motion .kc-rv.is-in{opacity:1;transform:none}

/* 00 hero: 천지인 필름 → 수평선이 열린다 */
.kc-hero{position:relative;background:var(--kc-night);color:#fff;--open:1;--t:1;--ln:1}
.kc-motion .kc-hero{height:520svh;--open:0;--t:0;--ln:0}
.kc-hero__pin{position:relative;height:100svh;min-height:620px;overflow:hidden}
.kc-motion .kc-hero__pin{position:sticky;top:0}
.kc-hero__stage{position:absolute;inset:0;display:none;background:radial-gradient(70% 60% at 50% 40%,#101b3a 0,#060b1c 70%)}
.kc-motion .kc-hero__stage{display:block}
.kc-hero__film{position:absolute;inset:0;width:100%!important;height:100%}
.kc-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,#060b1cd0 0,#060b1c70 30%,#060b1c00 56%),linear-gradient(180deg,#060b1cb0 0,#060b1c00 26%)}
.kc-hero__top{position:absolute;top:108px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;letter-spacing:.14em;color:var(--kc-dsub);opacity:var(--top,1)}
.kc-hero__beats{position:absolute;left:6vw;top:calc(140px + 9vh);width:min(560px,42vw)}
.kc-beat{position:absolute;left:0;top:0;transform:translateY(calc((1 - var(--o,0)) * 40px));opacity:var(--o,0);font-size:clamp(30px,3.4vw,56px);font-weight:800;line-height:1.24;letter-spacing:-.045em;text-shadow:0 2px 30px #060b1c}
.kc-beat em{display:inline-block;color:var(--kc-gold)}
.kc-beat__tag{display:block;margin-bottom:20px;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:.12em;color:var(--kc-gold-l)}
.kc-hero__hint{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:.3em;color:var(--kc-dsub);opacity:var(--top,1)}
.kc-hero__hint i{width:1px;height:44px;background:linear-gradient(#f2c45c,#f2c45c00);animation:kc-drip 2.2s infinite cubic-bezier(.6,0,.3,1)}
@keyframes kc-drip{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.kc-hero__reveal{position:absolute;inset:0;overflow:hidden;background:var(--kc-night);clip-path:inset(calc(var(--hz,66%) * (1 - var(--open))) 0 calc((100% - var(--hz,66%)) * (1 - var(--open))) 0)}
.kc-motion .kc-hero__reveal{visibility:var(--rv,hidden)}
.kc-hero__reveal img{position:absolute;left:0;top:calc(var(--hz,66%) - 72.9%);width:100%;height:150%;max-width:none;object-fit:cover;transform:scale(calc(1.08 - var(--open) * .08));transform-origin:50% calc(var(--hz,66%) + 6.9%)}
.kc-hero__reveal::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060b1ce0 0,#060b1c99 30%,#060b1c33 56%,#060b1c00 72%),linear-gradient(180deg,#060b1cb3 0,#060b1c00 30%);pointer-events:none}
.kc-hero__line{position:absolute;z-index:1;left:0;right:0;top:var(--hz,66%);height:2px;margin-top:-1px;background:linear-gradient(90deg,#f2c45c00,#f2c45c 20%,#ffe3a6 50%,#f2c45c 80%,#f2c45c00);box-shadow:0 0 18px #f2c45ccc;transform:scaleX(var(--ln));opacity:calc(1 - var(--t) * .55)}
.kc-hero__title{position:absolute;z-index:2;left:6vw;top:calc(120px + 7vh);max-width:min(980px,88vw);opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 40px))}
.kc-hero__title h1{margin-top:26px;font-size:clamp(48px,7vw,124px);line-height:1.06;letter-spacing:-.055em}
.kc-hero__title h1 span{display:block}
.kc-hero__sub{margin-top:30px;font-size:clamp(17px,1.4vw,21px);font-weight:600;line-height:1.6;color:#fff}
.kc-hero__sub span{display:inline-block;margin-top:6px;font-size:15px;font-weight:600;letter-spacing:.08em;color:var(--kc-gold-l)}
.kc a.kc-hero__down{position:absolute;z-index:2;right:6vw;bottom:clamp(60px,9vh,110px);display:inline-flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #ffffff66;font-size:16px;font-weight:600;opacity:var(--t)}
.kc-hero__down span{display:inline-block;animation:kc-bob 2s infinite ease-in-out}
@keyframes kc-bob{50%{transform:translateY(5px)}}

/* 01 overview */
.kc-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:clamp(72px,8vw,120px)}
.kc-meta div{padding-top:22px;border-top:1px solid var(--kc-pine)}
.kc-meta dt{font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--kc-coral-t)}
.kc-meta dd{margin-top:12px;font-size:17px;font-weight:600;line-height:1.6}
.kc-keywords{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}
.kc-keywords li{padding:9px 18px;border:1px solid var(--kc-line);border-radius:99px;font-size:15px;font-weight:600;color:var(--kc-sub);background:#fff}
.kc-facts{margin-top:clamp(80px,9vw,140px)}
.kc-facts__label{font-size:18px;font-weight:700}
.kc-facts__grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-top:1px solid var(--kc-line)}
.kc-facts__grid>div{padding:34px 26px 10px 0;border-right:1px solid var(--kc-line)}
.kc-facts__grid>div:last-child{border-right:0}
.kc-facts__grid>div+div{padding-left:26px}
.kc-facts__grid strong{display:flex;align-items:baseline;gap:4px;font-size:clamp(52px,5.6vw,92px);font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--kc-pine);font-variant-numeric:tabular-nums}
.kc-facts__grid strong small{font-size:22px;letter-spacing:0;color:var(--kc-coral-t)}
.kc-facts__grid p{margin-top:18px;font-size:16px;font-weight:700;line-height:1.55}
.kc-facts__grid p span{display:inline-block;margin-top:6px;font-size:14px;font-weight:500;color:var(--kc-sub)}
.kc-facts__src{margin-top:26px;font-size:14px;color:var(--kc-sub)}

/* 02 question */
.kc-question{position:relative;background:radial-gradient(60% 70% at 70% 50%,#101b3a 0,#060b1c 70%)}
.kc-question__pin{position:relative;display:flex;align-items:center;min-height:100svh;padding-block:120px}
.kc-motion .kc-question{height:250svh}
.kc-motion .kc-question__pin{position:sticky;top:0;height:100svh;padding-block:0}
.kc-question__text{margin-top:34px;max-width:17em;font-size:clamp(32px,4.4vw,72px);font-weight:800;line-height:1.3;letter-spacing:-.045em;text-wrap:balance}
.kc-question__text span{display:inline-block;opacity:calc(.16 + .84 * clamp(0, calc(var(--q,1) * var(--n) - var(--i)), 1));transition:opacity .2s}
.kc-question__answer{margin-top:40px;font-size:clamp(20px,1.8vw,28px);font-weight:700;color:var(--kc-dsub);opacity:var(--qa,1);transform:translateY(calc((1 - var(--qa,1)) * 20px))}

/* 03 reading */
.kc-read{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;align-items:start}
.kc-read__side{position:sticky;top:110px}
.kc-read__side h2{margin-top:20px}
.kc-read__side>p{margin-top:24px;max-width:560px;font-size:18px;color:var(--kc-sub)}
.kc-wire{position:relative;margin-top:36px;max-width:560px;border-radius:14px;background:#fff;box-shadow:0 30px 60px -30px #173e3540,0 0 0 1px var(--kc-line);overflow:hidden}
.kc-wire__bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#ece8de}
.kc-wire__bar i{width:8px;height:8px;border-radius:50%;background:#cfc9bb}
.kc-wire__bar span{margin-left:auto;margin-right:auto;font-size:14px;font-weight:600;color:#8a8577}
.kc-wire__page{display:grid;gap:8px;padding:10px}
.kc-wire__gnb{display:flex;align-items:center;gap:6px;height:26px}
.kc-wire__gnb b{width:62px;height:12px;border-radius:3px;background:#c6ccd8}
.kc-wire__gnb span{width:28px;height:6px;border-radius:3px;background:#dde1e8}
.kc-wire__gnb span:first-of-type{margin-left:auto}
.kc-wire__apply{margin-left:4px;padding:3px 8px;border-radius:99px;background:var(--kc-coral);color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:1.2;opacity:0;transform:scale(.6);transition:opacity .4s,transform .4s}
.kc-wire__hero{position:relative;display:grid;place-items:center;height:118px;border-radius:6px;background:linear-gradient(120deg,#e9edf4,#dfe5ee 60%,#cfd8e4);font-size:14px;font-weight:700;color:#7b8597;transition:box-shadow .4s}
.kc-wire__hero small{position:absolute;bottom:6px;font-size:14px;letter-spacing:.2em;color:#9aa4b4}
.kc-wire__pop{position:absolute;left:12px;top:10px;padding:16px 18px;border-radius:4px;background:#fff;box-shadow:0 6px 14px #0002;font-size:14px;font-style:normal;color:#7b8597}
.kc-wire__row{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;border-radius:6px;transition:box-shadow .4s}
.kc-wire__notice{display:grid;gap:5px;padding:8px;border-radius:6px;background:#f3f5f8;font-size:14px;font-weight:700;color:#7b8597}
.kc-wire__notice i{height:5px;border-radius:3px;background:#dde1e8}
.kc-wire__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-radius:6px;transition:box-shadow .4s}
.kc-wire__cards span{display:grid;align-items:end;min-height:78px;padding:6px;border-radius:6px;background:#f3f5f8;font-size:14px;font-weight:700;line-height:1.3;color:#7b8597}
.kc-wire__gallery{display:grid;grid-template-columns:auto repeat(5,1fr);align-items:center;gap:5px;padding:7px;border-radius:6px;background:#f3f5f8;font-size:14px;font-weight:700;color:#7b8597}
.kc-wire__gallery i{height:30px;border-radius:3px;background:#dde1e8}
.kc-wire__foot{height:18px;border-radius:4px;background:#5c6270}
.kc-wire__badge{position:absolute;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--kc-line);font-size:14px;font-weight:800;color:var(--kc-sub);transition:background .4s,color .4s,transform .4s}
.kc-wire__badge[data-badge="1"]{left:24px;top:96px}
.kc-wire__badge[data-badge="2"]{right:16px;top:40px}
.kc-wire__badge[data-badge="3"]{right:16px;top:178px}
.kc-wire[data-zone="1"] [data-z="1"],.kc-wire[data-zone="3"] [data-z="3"]{box-shadow:0 0 0 2px var(--kc-coral),0 0 0 8px #f14d3420}
.kc-wire[data-zone="2"] .kc-wire__apply{opacity:1;transform:none}
.kc-wire[data-zone="1"] [data-badge="1"],.kc-wire[data-zone="2"] [data-badge="2"],.kc-wire[data-zone="3"] [data-badge="3"]{background:var(--kc-coral);color:#fff;transform:scale(1.12)}
.kc-read__cards{display:grid;gap:22px}
.kc-finding{padding:clamp(28px,3vw,44px);border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--kc-line)}
.kc-finding--ink{background:var(--kc-pine);color:var(--kc-ivory)}
.kc-finding__no{font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--kc-coral-t)}
.kc-finding--ink .kc-finding__no{color:var(--kc-coral-l)}
.kc-finding h3{margin-top:16px;font-size:clamp(26px,2.4vw,36px)}
.kc-finding p{margin-top:16px;font-size:17px;color:var(--kc-sub)}
.kc-finding--ink p{color:#c9d6cf}
.kc-finding__viz{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;padding:18px;border-radius:14px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff26}
.kc-steps-viz span{padding:6px 12px;border-radius:8px;background:#ffffff1a;font-size:15px;font-weight:600}
.kc-steps-viz i{font-style:normal;color:#c9d6cf}
.kc-steps-viz b{margin-left:auto;padding:8px 16px;border-radius:99px;background:var(--kc-coral);color:#fff;font-size:15px}
.kc-scale-viz{background:var(--kc-ivory);box-shadow:none;gap:6px 10px}
.kc-scale-viz b{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--kc-pine)}
.kc-scale-viz b small{font-size:15px}
.kc-scale-viz span{margin-right:12px;font-size:15px;font-weight:600;color:var(--kc-sub)}
.kc-finding__answer{display:inline-block;margin-top:22px;padding:8px 16px;border-radius:99px;background:var(--kc-ivory);font-size:15px;font-weight:700;color:var(--kc-coral-t)}
.kc-finding--ink .kc-finding__answer{background:#ffffff14;color:var(--kc-coral-l)}

/* people */
.kc-people{padding-top:0}
.kc-people__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:clamp(48px,6vw,80px)}
.kc-person{display:flex;flex-direction:column;padding:30px 26px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--kc-line)}
.kc-person:nth-child(2){background:var(--kc-sage)}
.kc-person:nth-child(3){background:var(--kc-peach)}
.kc-person:nth-child(4){background:var(--kc-pine);color:var(--kc-ivory)}
.kc-person__who{font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--kc-coral-t)}
.kc-person:nth-child(4) .kc-person__who{color:var(--kc-coral-l)}
.kc-person blockquote{margin-top:18px;font-size:clamp(22px,1.8vw,27px);font-weight:800;line-height:1.35;letter-spacing:-.035em}
.kc-person ul{display:grid;gap:6px;margin-top:22px;padding-top:18px;border-top:1px solid currentColor;border-top-color:#173e3526}
.kc-person:nth-child(4) ul{border-top-color:#ffffff2e}
.kc-person li{position:relative;padding-left:16px;font-size:15px;font-weight:600}
.kc-person li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--kc-coral)}
.kc-person__fix{margin-top:auto;padding-top:24px;font-size:15px;line-height:1.55}
.kc-person__fix b{display:block;margin-top:2px}

/* 04 brand */
.kc-brush{position:relative;display:flex;align-items:center;min-height:100svh;overflow:hidden;background:var(--kc-night)}
.kc-brush__img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:60% 50%;transform:scale(calc(1.14 - var(--bp,0) * .12))}
.kc-brush::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060b1cf2 0,#060b1cb3 34%,#060b1c33 60%,#060b1c00 76%),linear-gradient(0deg,#060b1c 0,#060b1c00 30%)}
.kc-brush__copy{position:relative;z-index:1;padding-block:140px 100px}
.kc-brush__copy h2{margin-top:24px;font-size:clamp(36px,4.4vw,72px)}
.kc-brush__copy p{margin-top:28px;max-width:560px;font-size:18px;color:#d6d9e4}

.kc-stk{position:relative;background:var(--kc-night)}
.kc-motion .kc-stk{height:430svh}
.kc-stk__pin{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:4vw;align-items:center;min-height:100svh;padding:110px 6vw 60px}
.kc-motion .kc-stk__pin{position:sticky;top:0;height:100svh}
.kc-stk__copy h2{margin-top:20px;font-size:clamp(32px,3.4vw,54px)}
.kc-stk__steps{display:grid;gap:6px;margin-top:34px}
.kc-stk__steps li{padding:16px 0 16px 22px;border-left:2px solid #ffffff1f;transition:opacity .5s,border-color .5s}
.kc-motion .kc-stk__steps li{opacity:.32}
.kc-motion .kc-stk[data-step="1"] li[data-s="1"],.kc-motion .kc-stk[data-step="2"] li[data-s="2"],.kc-motion .kc-stk[data-step="3"] li[data-s="3"]{opacity:1;border-left-color:var(--kc-gold)}
.kc-stk__steps span{font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--kc-gold)}
.kc-stk__steps strong{display:block;margin-top:6px;font-size:clamp(20px,1.7vw,25px);font-weight:800;letter-spacing:-.03em}
.kc-stk__steps p{margin-top:8px;max-width:560px;font-size:16px;line-height:1.7;color:var(--kc-dsub)}
.kc-stk__stage{position:relative;aspect-ratio:640/520;width:100%;max-height:72vh;justify-self:center;max-width:calc(72vh * 640 / 520)}
.kc-stk__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.kc-stk__grid{fill:none;stroke:#ffffff12;stroke-width:1}
.kc-stk__arc{fill:none;stroke:var(--kc-gold);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:var(--arc,1);opacity:.85;filter:drop-shadow(0 0 6px #f2c45c99)}
.kc-stk__h,.kc-stk__v{stroke:var(--kc-gold);stroke-width:13;stroke-linecap:round;filter:drop-shadow(0 0 10px #f2c45caa)}
.kc-stk__dot{fill:#ffe3a6;filter:drop-shadow(0 0 14px #f2c45c)}
.kc-stk__halo{fill:none;stroke:#f2c45c66;stroke-width:1.5;animation:kc-halo 2.4s infinite ease-out;transform-box:fill-box;transform-origin:center}
@keyframes kc-halo{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.6);opacity:0}}
.kc-stk__ends{fill:var(--kc-gold);opacity:var(--ends,0);transition:opacity .4s}
.kc-stk__tag,.kc-stk__city{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--kc-gold-l);white-space:nowrap;transition:opacity .4s}
.kc-stk__tag{opacity:var(--tags,1)}
.kc-stk__city{display:grid;gap:2px;text-align:center;font-size:14px;color:var(--kc-dsub);opacity:var(--ends,0);transform:translate(-50%,24px)}
.kc-stk__city--l{transform:translate(-22%,24px);text-align:left}
.kc-stk__city--r{transform:translate(-78%,24px);text-align:right}
.kc-stk__city b{font-size:14px;letter-spacing:.16em;color:var(--kc-gold)}
.kc-stk__vowels{position:absolute;left:50%;bottom:-2%;display:flex;gap:18px;transform:translateX(-50%);opacity:var(--vw,0);transition:opacity .4s}
.kc-stk__vowels span{font-size:clamp(26px,2.4vw,36px);font-weight:800;line-height:1;color:#ffffff40;transition:color .3s,text-shadow .3s}
.kc-stk__vowels span.is-on{color:var(--kc-gold);text-shadow:0 0 18px #f2c45c99}
.kc-stk__km{position:absolute;left:50%;top:18%;transform:translateX(-50%);font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--kc-dsub);opacity:var(--ends,0);white-space:nowrap}
.kc-stk__km b{font-size:clamp(34px,3.4vw,54px);font-weight:800;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.kc-stk__label{position:absolute;right:0;top:-6%;display:flex;align-items:baseline;gap:6px;font-size:15px;font-weight:600;color:var(--kc-dsub)}
.kc-stk__label b{font-size:30px;font-weight:800;color:var(--kc-gold);font-variant-numeric:tabular-nums}

/* statement */
.kc-voice{background:linear-gradient(180deg,var(--kc-night) 0,var(--kc-night2) 100%)}
.kc-statement{padding-bottom:clamp(60px,7vw,110px);border-bottom:1px solid var(--kc-dline)}
.kc-statement__ko{margin-top:30px;font-size:clamp(44px,6.2vw,108px);font-weight:800;line-height:1.12;letter-spacing:-.055em}
.kc-statement__en{margin-top:26px;font-size:clamp(20px,1.9vw,30px);font-weight:600;letter-spacing:-.01em;color:var(--kc-gold-l)}
.kc-statement__foot{display:flex;flex-wrap:wrap;gap:8px 40px;margin-top:34px;font-size:15px;color:var(--kc-dsub)}
.kc-statement__foot span+span::before{content:"→";margin-right:12px;color:var(--kc-gold)}
.kc-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:clamp(60px,7vw,100px)}
.kc-principles span{font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--kc-gold)}
.kc-principles h3{margin-top:16px;font-size:clamp(22px,1.9vw,28px)}
.kc-principles p{margin-top:14px;font-size:16px;color:var(--kc-dsub)}

/* 05 directions */
.kc-dir{position:relative;background:var(--kc-night);color:var(--kc-hanji)}
.kc-motion .kc-dir{height:320svh}
.kc-dir__pin{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.62fr);grid-template-rows:auto 1fr;gap:28px 4vw;align-items:center;min-height:100svh;padding:120px 6vw 70px;overflow:hidden}
.kc-motion .kc-dir__pin{position:sticky;top:0;height:100svh}
.kc-dir__pin::before,.kc-dir__pin::after{content:"";position:absolute;inset:0;pointer-events:none}
.kc-dir__pin::before{background:radial-gradient(48% 60% at 68% 52%,#f2c45c2e 0,#f2c45c00 70%);opacity:calc(1 - var(--w,0))}
.kc-dir__pin::after{background:radial-gradient(48% 60% at 68% 52%,#f14d3433 0,#f14d3400 70%);opacity:var(--w,0)}
.kc-dir__pin>*{position:relative;z-index:1}
.kc-dir__head{grid-column:1;grid-row:1;align-self:end}
.kc-dir__head h2{margin-top:20px;font-size:clamp(32px,3.4vw,54px)}
.kc-dir__head em{transition:color .6s}
.kc-dir.is-b .kc-dir__head em{color:#ff8a70}
.kc-dir__frame{grid-column:2;grid-row:1/3;overflow:hidden;border-radius:16px;background:#0c1222;box-shadow:0 50px 100px -40px #060b1cb0,0 0 0 1px #ffffff1a}
.kc-dir__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;height:40px;padding:0 16px;background:#151c30;color:#c9d3ea}
.kc-dir__bar>span:first-child{display:flex;gap:6px}
.kc-dir__bar>span:first-child i{width:10px;height:10px;border-radius:50%;background:#ffffff2e}
.kc-dir__url{justify-self:center;padding:3px 40px;border-radius:99px;background:#ffffff12;font-size:14px;font-weight:600}
.kc-dir__mode{display:flex;gap:10px;font-size:14px;letter-spacing:.08em}
.kc-dir__mode b{opacity:calc(1 - var(--w,0) * .6);color:var(--kc-gold)}
.kc-dir__mode b+b{opacity:calc(.4 + var(--w,0) * .6);color:var(--kc-coral-l)}
.kc-dir__view{position:relative;aspect-ratio:16/10;background:#060b1c}
.kc-dir__view img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.kc-dir__b{clip-path:inset(0 0 0 calc(100% - var(--w,0) * 100%))}
.kc-dir__split{position:absolute;top:0;bottom:0;left:calc(100% - var(--w,0) * 100%);width:3px;margin-left:-1.5px;background:linear-gradient(180deg,var(--kc-gold),var(--kc-coral));box-shadow:0 0 20px #f14d34aa;opacity:calc(min(var(--w,0), 1 - var(--w,0)) * 8)}
.kc-dir__notes{grid-column:1;grid-row:2;align-self:start;position:relative;min-height:220px}
.kc-dir__note{position:absolute;inset:0 0 auto;transition:opacity .5s,transform .5s}
.kc-dir__note span{font-size:14px;font-weight:700;letter-spacing:.12em}
.kc-dir__note strong{display:block;margin-top:10px;font-size:clamp(22px,1.9vw,30px);font-weight:800;letter-spacing:-.035em}
.kc-dir__note p{margin-top:12px;font-size:16px;line-height:1.7}
.kc-dir__note--a span{color:var(--kc-gold)}
.kc-dir__note--a p{color:var(--kc-dsub)}
.kc-dir__note--b span{color:#ff8a70}
.kc-dir__note--b p{color:var(--kc-dsub)}
.kc-dir__note--b{opacity:0;transform:translateY(20px)}
.kc-dir.is-b .kc-dir__note--a{opacity:0;transform:translateY(-20px)}
.kc-dir.is-b .kc-dir__note--b{opacity:1;transform:none}
html:not(.kc-motion) .kc-dir__notes{display:grid;gap:26px;min-height:0}
html:not(.kc-motion) .kc-dir__note{position:static;opacity:1;transform:none}

/* 06 color */
.kc-material{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:100svh;overflow:hidden;background:#0d1730}
.kc-material>img{position:absolute;left:0;top:0;width:66%;height:100%!important;object-fit:cover;object-position:35% 50%;transform:scale(calc(1.12 - var(--mt,0) * .1));transform-origin:30% 50%}
.kc-material::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d173000 0,#0d173000 44%,#0d1730 66%)}
.kc-material__copy{position:relative;z-index:1;max-width:min(540px,32vw);margin-right:6vw;padding-block:120px}
.kc-material__copy h2{margin-top:22px;font-size:clamp(34px,3.8vw,62px)}
.kc-material__copy h2 em{color:#ff6a50}
.kc-material__gold{color:var(--kc-gold)}
.kc-material__copy p{margin-top:26px;font-size:18px;color:#d6d9e4}
.kc-root__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:6vw;align-items:center}
.kc-root__img{overflow:hidden;border-radius:22px;background:#e6e1d4}
.kc-root__img img{width:100%}
.kc-root__img figcaption{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;font-size:14px;font-weight:600;font-style:italic;color:var(--kc-sub)}
.kc-root__copy h2{margin-top:20px;font-size:clamp(30px,3.2vw,50px)}
.kc-root__copy p{margin-top:22px;max-width:560px;font-size:18px;color:var(--kc-sub)}
.kc-options{padding-top:0}
.kc-option{display:grid;grid-template-columns:260px 1fr auto;gap:40px;align-items:center;padding:30px 0;border-top:1px solid var(--kc-line)}
.kc-option:last-child{border-bottom:1px solid var(--kc-line)}
.kc-option__chips{display:flex;height:74px;overflow:hidden;border-radius:14px;box-shadow:0 0 0 1px var(--kc-line)}
.kc-option__chips i{flex:1;background:var(--c)}
.kc-option span{font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--kc-coral-t)}
.kc-option h3{margin-top:8px;font-size:clamp(20px,1.7vw,25px)}
.kc-option p{margin-top:8px;max-width:680px;font-size:16px;color:var(--kc-sub)}
.kc-option.is-dropped .kc-option__chips{filter:saturate(.5);opacity:.72}
.kc-option__mark{padding:8px 16px;border-radius:99px;font-size:15px;font-weight:700;white-space:nowrap;border:1px solid var(--kc-line);color:var(--kc-sub)}
.kc-option.is-a .kc-option__mark{background:var(--kc-night);border-color:var(--kc-night);color:var(--kc-gold)}
.kc-option.is-b .kc-option__mark{background:var(--kc-coral);border-color:var(--kc-coral);color:#fff}
.kc-palette{display:flex;min-height:480px}
.kc-palette__label{display:flex;flex-direction:column;justify-content:space-between;width:90px;flex:none;padding:28px 0;align-items:center;gap:20px;font-size:14px;font-weight:700;letter-spacing:.1em}
.kc-palette__label b{writing-mode:vertical-rl;transform:rotate(180deg);font-size:18px;letter-spacing:.06em}
.kc-palette__label span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:600;opacity:.75}
.kc-palette--a .kc-palette__label{background:var(--kc-night);color:var(--kc-gold)}
.kc-palette--b .kc-palette__label{background:var(--kc-ivory);color:var(--kc-coral-t)}
.kc-swatch{position:relative;display:flex;flex-direction:column;justify-content:space-between;flex:1 1 0;min-width:0;padding:28px 24px;background:var(--sw);color:var(--ink);transition:flex-grow .6s cubic-bezier(.2,.7,.2,1)}
.kc-swatch:hover{flex-grow:1.7}
.kc-palette--b .kc-swatch:first-of-type{box-shadow:inset 1px 0 0 var(--kc-line)}
.kc-swatch__top span{display:block;font-size:15px;font-weight:700;letter-spacing:.04em}
.kc-swatch__top strong{display:block;margin-top:8px;font-size:clamp(24px,2vw,32px);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kc-swatch__top small{display:block;margin-top:2px;font-size:14px;opacity:.75}
.kc-swatch__body h3{font-size:19px}
.kc-swatch__body p{margin-top:8px;font-size:15px;line-height:1.6;opacity:.9}
.kc-swatch dl{display:grid;gap:4px;margin-top:16px;padding-top:12px;border-top:1px solid currentColor;border-top-color:color-mix(in srgb,currentColor 25%,transparent)}
.kc-swatch dl div{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.kc-swatch dd b{margin-left:6px;font-weight:800}
.kc-theme__grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.kc-theme__copy h2{margin-top:20px}
.kc-theme__copy>p{margin-top:22px;max-width:560px;font-size:18px;color:var(--kc-sub)}
.kc-theme__toggle{display:inline-flex;gap:6px;margin-top:32px;padding:6px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--kc-line)}
.kc-theme__toggle button{padding:12px 22px;border-radius:99px;font-size:16px;font-weight:700;color:var(--kc-sub);transition:background .3s,color .3s}
.kc-theme__toggle button[aria-pressed="true"]{background:var(--kc-pine);color:#fff}
.kc-theme__tokens{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px}
.kc-theme__tokens li{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--kc-sub)}
.kc-theme__tokens code{padding:3px 8px;border-radius:6px;background:#fff;font-size:14px;color:var(--kc-pine);box-shadow:0 0 0 1px var(--kc-line)}
.kc-card-demo{--surface:#060b1c;--ink:#f3eee3;--accent:#f2c45c;--on:#1b1307;--soft:#101b3a;--sub:#b9bfd1;padding:clamp(30px,3.4vw,52px);border-radius:26px;background:var(--surface);color:var(--ink);box-shadow:0 40px 80px -40px #173e3566;transition:background .6s,color .6s}
.kc-card-demo[data-theme="b"]{--surface:#f5f2ea;--ink:#173e35;--accent:#f14d34;--on:#fff;--soft:#dfe7cf;--sub:#4a5d55;box-shadow:0 40px 80px -40px #173e3566,0 0 0 1px #173e351f}
.kc-card-demo__head{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;letter-spacing:.14em;color:var(--accent);transition:color .6s}
.kc-card-demo__head i{font-style:normal;font-size:26px}
.kc-card-demo h3{margin-top:24px;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.05em}
.kc-card-demo p{margin-top:16px;font-size:17px;color:var(--sub);transition:color .6s}
.kc-card-demo ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.kc-card-demo li{padding:7px 14px;border-radius:99px;background:var(--soft);font-size:15px;font-weight:600;transition:background .6s}
.kc-card-demo__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.kc-card-demo__btns span{padding:14px 22px;border-radius:99px;border:1px solid currentColor;font-size:16px;font-weight:700}
.kc-card-demo__btns .is-main{border-color:var(--accent);background:var(--accent);color:var(--on);transition:background .6s,color .6s}

/* 07 type */
.kc-type{overflow:hidden;background:var(--kc-night2)}
.kc-marquee{display:grid;gap:6px;margin-bottom:clamp(80px,9vw,140px)}
.kc-marquee p{display:flex;align-items:center;gap:36px;width:max-content;font-size:clamp(40px,5vw,84px);font-weight:800;line-height:1.15;letter-spacing:-.04em;white-space:nowrap;animation:kc-marq 46s linear infinite}
.kc-marquee p+p{color:transparent;-webkit-text-stroke:1px #f3eee366;animation-direction:reverse;animation-duration:54s}
.kc-marquee i{font-style:normal;font-size:.6em;color:var(--kc-gold)}
.kc-marquee p+p i{color:var(--kc-coral);-webkit-text-stroke:0}
.kc-marquee span[lang="ms"]{color:var(--kc-gold)}
.kc-marquee p+p span[lang="ms"]{color:transparent;-webkit-text-stroke:1px #f2c45c99}
@keyframes kc-marq{to{transform:translateX(-50%)}}
.kc-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(56px,6vw,90px)}
.kc-vc{display:flex;flex-direction:column;padding:30px;border-radius:22px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--kc-dline)}
.kc-vc--b{background:var(--kc-ivory);color:var(--kc-pine)}
.kc-vc__name{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--kc-dsub)}
.kc-vc--b .kc-vc__name{color:var(--kc-sub)}
.kc .kc-vc__spec{min-height:200px;margin-top:22px;font-size:clamp(34px,3vw,48px);font-weight:800;line-height:1.12;letter-spacing:-.035em}
.kc .kc-vc--a .kc-vc__spec{color:var(--kc-hanji);text-shadow:0 0 30px #f2c45c55}
.kc .kc-vc--b .kc-vc__spec{font-weight:650;letter-spacing:-.075em;line-height:1.08}
.kc .kc-vc--b .kc-vc__spec em{color:var(--kc-coral)}
.kc .kc-vc--c .kc-vc__spec{font-size:clamp(26px,2.2vw,34px);line-height:1.35}
.kc-vc__spec small{display:block;margin-top:14px;font-size:16px;font-weight:500;letter-spacing:0;color:var(--kc-dsub)}
.kc-vc h3{margin-top:26px;font-size:21px}
.kc-vc>p:last-child{margin-top:10px;font-size:16px;color:var(--kc-dsub)}
.kc-vc--b>p:last-child{color:var(--kc-sub)}
.kc-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:34px;border-top:1px solid var(--kc-dline)}
.kc-scale li{padding:18px 16px 0 0}
.kc-scale b{display:block;font-size:15px;font-weight:800;color:var(--kc-gold)}
.kc-scale span{display:block;margin-top:4px;font-size:14px;color:var(--kc-dsub)}

/* 08 motion */
.kc-motion-sec{background:var(--kc-night)}
.kc-board{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:clamp(56px,6vw,90px)}
.kc-board li{overflow:hidden;border-radius:12px;background:#000;box-shadow:0 0 0 1px var(--kc-dline)}
.kc-motion .kc-board.kc-rv li{opacity:0;transform:translateY(24px);transition:opacity .8s calc(var(--k) * .09s),transform .8s calc(var(--k) * .09s)}
.kc-motion .kc-board.kc-rv.is-in li{opacity:1;transform:none}
.kc-board img{width:100%;aspect-ratio:16/9;object-fit:cover}
.kc-board span{display:flex;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;color:var(--kc-dsub)}
.kc-board b{color:var(--kc-gold)}
.kc-scrub{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px;align-items:center;margin-top:clamp(60px,7vw,110px)}
.kc-scrub__view{position:relative;overflow:hidden;border-radius:18px;background:#000;box-shadow:0 0 0 1px var(--kc-dline)}
.kc-scrub__canvas{width:100%!important;aspect-ratio:16/9;height:auto}
.kc-scrub__frame{position:absolute;right:14px;bottom:12px;padding:5px 12px;border-radius:99px;background:#060b1ccc;font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--kc-dsub);font-variant-numeric:tabular-nums}
.kc-scrub__frame b{color:var(--kc-gold)}
.kc-scrub__label{display:block;margin-top:18px;font-size:17px;color:var(--kc-dsub)}
.kc-scrub__range{width:100%;margin-top:22px;accent-color:var(--kc-gold);height:28px;cursor:pointer}
.kc-scrub__beats{display:grid;gap:4px;margin-top:20px}
.kc-scrub__beats li{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:16px;font-weight:600;color:#ffffff55;transition:color .3s}
.kc-scrub__beats b{display:grid;place-items:center;min-width:42px;height:30px;padding:0 8px;border-radius:8px;background:#ffffff0d;font-size:14px;color:#ffffff66;transition:background .3s,color .3s}
.kc-scrub__beats li.is-on{color:#fff}
.kc-scrub__beats li.is-on b{background:var(--kc-gold);color:var(--kc-night)}
.kc-film{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px;align-items:center;margin-top:clamp(60px,7vw,110px)}
.kc-film__view{position:relative;overflow:hidden;border-radius:18px;background:#000;box-shadow:0 0 0 1px var(--kc-dline)}
.kc-film__video{width:100%;aspect-ratio:16/9;object-fit:cover}
.kc .kc-film__play{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:14px;padding:16px 26px;border-radius:99px;background:var(--kc-gold);color:var(--kc-night);font-size:17px;font-weight:800;transform:translate(-50%,-50%);box-shadow:0 20px 40px #0008;transition:transform .3s,opacity .3s}
.kc .kc-film__play:hover{transform:translate(-50%,-50%) scale(1.04)}
.kc-film.is-playing .kc-film__play{opacity:0;pointer-events:none}
.kc-film__side h3{margin-top:18px;font-size:clamp(26px,2.4vw,38px)}
.kc-film__side>p{margin-top:16px;font-size:17px;color:var(--kc-dsub)}
.kc-film__spec{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 28px;margin-top:24px;padding-top:18px;border-top:1px solid var(--kc-dline)}
.kc-film__spec dt{font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--kc-gold)}
.kc-film__spec dd{margin-top:4px;font-size:15px;font-weight:600}

/* 09 sians */
.kc-sians-intro{background:var(--kc-night)}
.kc-dir-index{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:clamp(50px,6vw,80px)}
.kc a.kc-dir-index__a,.kc-dir-index a{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:4px 22px;align-items:center;padding:28px 30px;border-radius:20px;transition:transform .4s}
.kc-dir-index a:hover{transform:translateY(-4px)}
.kc-dir-index a.is-a{background:linear-gradient(120deg,#101b3a,#060b1c);box-shadow:inset 0 0 0 1px #f2c45c44}
.kc-dir-index a.is-b{background:var(--kc-ivory);color:var(--kc-pine)}
.kc-dir-index a>span{grid-row:1/3;font-size:64px;font-weight:800;line-height:1;letter-spacing:-.05em}
.kc-dir-index a.is-a>span{color:var(--kc-gold)}
.kc-dir-index a.is-b>span{color:var(--kc-coral)}
.kc-dir-index strong{font-size:16px;font-weight:800;letter-spacing:.14em}
.kc-dir-index small{font-size:18px;font-weight:700;letter-spacing:-.02em}
.kc-dir-index em{grid-row:1/3;grid-column:3;padding:7px 14px;border-radius:99px;font-size:14px;font-weight:700}
.kc-dir-index a.is-a em{background:var(--kc-gold);color:var(--kc-night)}
.kc-dir-index a.is-b em{background:var(--kc-coral);color:#fff}
.kc-sian{position:relative;padding-block:clamp(90px,9vw,150px)}
.kc-sian--a{background:radial-gradient(60% 60% at 70% 40%,#13204a 0,#060b1c 70%);color:var(--kc-hanji)}
.kc-sian--b{background:var(--kc-ivory);color:var(--kc-pine)}
.kc-sian__inner{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);gap:clamp(30px,4vw,72px);align-items:center;width:calc(100% - 8vw);max-width:1600px;margin-inline:auto}
.kc-sian__info{position:relative}
.kc-sian__letter{position:absolute;right:0;top:-40px;font-size:clamp(140px,14vw,240px);font-weight:800;line-height:.8;letter-spacing:-.06em;opacity:.08;pointer-events:none}
.kc-sian__status{display:inline-block;padding:6px 14px;border-radius:99px;font-size:14px;font-weight:700;letter-spacing:.04em}
.kc-sian--a .kc-sian__status{background:var(--kc-gold);color:var(--kc-night)}
.kc-sian--b .kc-sian__status{background:var(--kc-coral);color:#fff}
.kc-sian__info h3{margin-top:20px;font-size:clamp(28px,2.6vw,42px)}
.kc-sian__info h3 small{display:block;margin-bottom:12px;font-size:clamp(16px,1.2vw,19px);font-weight:800;letter-spacing:.2em}
.kc-sian--a h3 small{color:var(--kc-gold)}
.kc-sian--b h3 small{color:var(--kc-coral-t)}
.kc-sian__info>p{margin-top:20px;font-size:17px}
.kc-sian--a .kc-sian__info>p{color:#c9d0e4}
.kc-sian--b .kc-sian__info>p{color:var(--kc-sub)}
.kc-sian__points{display:grid;gap:10px;margin-top:24px}
.kc-sian__points li{position:relative;padding-left:22px;font-size:16px;font-weight:600;line-height:1.55}
.kc-sian__points li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;border:2px solid currentColor}
.kc-sian--a .kc-sian__points li::before{border-color:var(--kc-gold)}
.kc-sian--b .kc-sian__points li::before{border-color:var(--kc-coral)}
.kc-sian__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:26px}
.kc-sian__chips i{width:26px;height:26px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #8885}
.kc-sian__chips span{margin-left:10px;font-size:14px;font-weight:600;opacity:.8}
.kc .kc-sian__open{display:inline-flex;align-items:center;gap:14px;margin-top:30px;padding:13px 22px;border-radius:99px;font-size:15px;font-weight:700;transition:transform .3s}
.kc .kc-sian__open:hover{transform:translateY(-3px)}
.kc .kc-sian--a .kc-sian__open{background:#fff;color:var(--kc-night)}
.kc .kc-sian--b .kc-sian__open{background:var(--kc-pine);color:#fff}
.kc-sian__device{position:relative;padding:0 clamp(50px,7vw,130px) 0 0}
.kc-browser{overflow:hidden;border-radius:16px;background:#0c1222;box-shadow:0 50px 100px -40px #060b1cb0,0 0 0 1px #ffffff1a}
.kc-sian--b .kc-browser{box-shadow:0 50px 100px -40px #173e3580,0 0 0 1px #173e351f}
.kc-browser__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;height:40px;padding:0 16px;background:#151c30}
.kc-sian--b .kc-browser__bar{background:#e6e2d6}
.kc-browser__bar>span:first-child{display:flex;gap:6px}
.kc-browser__bar>span:first-child i{width:10px;height:10px;border-radius:50%;background:#ffffff2e}
.kc-sian--b .kc-browser__bar>span:first-child i{background:#173e3533}
.kc-browser__url{justify-self:center;padding:3px 40px;border-radius:99px;background:#ffffff12;color:#c9d3ea;font-size:14px;font-weight:600}
.kc-sian--b .kc-browser__url{background:#fff;color:var(--kc-sub)}
.kc-browser__live{font-size:14px;font-weight:700;letter-spacing:.12em;color:#ff7a6b}
.kc-sian--b .kc-browser__live{color:var(--kc-coral-t)}
.kc-browser__view{position:relative;aspect-ratio:16/10;background:#060b1c}
.kc-sian--b .kc-browser__view{background:var(--kc-ivory)}
.kc-browser__view video{width:100%;height:100%;object-fit:cover}
.kc-phone{position:relative;width:200px;padding:8px;border-radius:32px;background:#0a0f1c;box-shadow:0 40px 80px -30px #060b1ccc,0 0 0 1px #ffffff26}
.kc-phone__notch{position:absolute;z-index:2;top:14px;left:50%;width:62px;height:16px;margin-left:-31px;border-radius:99px;background:#0a0f1c}
.kc-phone__view,.kc-phone>img{overflow:hidden;border-radius:25px;aspect-ratio:390/844;background:#060b1c}
.kc-phone__view video{width:100%;height:100%;object-fit:cover}
.kc-sian__device .kc-phone{position:absolute;right:0;bottom:84px;transform:translateY(calc((1 - var(--enter,1)) * 80px))}
.kc-chapter-bar{display:grid;grid-template-columns:1fr auto;gap:12px 16px;align-items:center;margin-top:22px;max-width:calc(100% - 120px)}
.kc-chapter-bar__track{grid-column:1/-1;position:relative;height:2px;border-radius:2px;background:currentColor;opacity:.25}
.kc-chapter-bar__track i{position:absolute;inset:0;background:currentColor;transform:scaleX(var(--vp,0));transform-origin:left}
.kc-sian--a .kc-chapter-bar{color:var(--kc-gold)}
.kc-sian--b .kc-chapter-bar{color:var(--kc-coral)}
.kc-chapter-bar__list{display:flex;flex-wrap:wrap;gap:6px}
.kc-chapter-bar__list button{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:99px;border:1px solid currentColor;font-size:14px;font-weight:600;line-height:1.4;opacity:.65;transition:opacity .3s,background .3s,color .3s}
.kc-chapter-bar__list button b{font-size:14px;font-weight:700;opacity:.8}
.kc-chapter-bar__list button:hover{opacity:1}
.kc-chapter-bar__list button[aria-current="true"]{opacity:1}
.kc .kc-sian--a .kc-chapter-bar__list button{color:#fff;border-color:#ffffff40}
.kc .kc-sian--a .kc-chapter-bar__list button[aria-current="true"]{background:var(--kc-gold);border-color:var(--kc-gold);color:var(--kc-night)}
.kc .kc-sian--b .kc-chapter-bar__list button{color:var(--kc-pine);border-color:#173e3540}
.kc .kc-sian--b .kc-chapter-bar__list button[aria-current="true"]{background:var(--kc-coral);border-color:var(--kc-coral);color:#fff}
.kc .kc-chapter-bar__play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid currentColor;font-size:14px;font-weight:700}
.kc .kc-sian--a .kc-chapter-bar__play{color:#fff}
.kc .kc-sian--b .kc-chapter-bar__play{color:var(--kc-pine)}
.kc-sian__note{margin-top:16px;font-size:14px;opacity:.72}

/* compare */
.kc-table{margin-top:clamp(50px,6vw,80px);border-top:2px solid var(--kc-pine)}
.kc-table__row{display:grid;grid-template-columns:180px 1fr 1fr;gap:30px;padding:18px 0;border-bottom:1px solid var(--kc-line);font-size:16px}
.kc-table__row>span:first-child{font-weight:800}
.kc-table__row--head{font-size:15px;font-weight:800;letter-spacing:.06em}
.kc-table__row--head .is-a{color:var(--kc-gold-t)}
.kc-table__row--head .is-b{color:var(--kc-coral-t)}
.kc-table__row>span:not(:first-child){color:var(--kc-sub)}
.kc-shared{margin-top:clamp(60px,7vw,100px);padding:clamp(30px,3.4vw,50px);border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--kc-line)}
.kc-shared h3{font-size:clamp(22px,2vw,30px)}
.kc-shared ul{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:26px}
.kc-shared li{font-size:15px;line-height:1.65;color:var(--kc-sub)}
.kc-shared b{display:block;margin-bottom:6px;font-size:17px;color:var(--kc-pine)}
.kc-process{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:clamp(60px,7vw,100px);counter-reset:p}
.kc-process li{position:relative;padding:22px 18px 0 0;border-top:2px solid var(--kc-line)}
.kc-process li::before{content:"";position:absolute;left:0;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--kc-coral)}
.kc-process b{font-size:14px;font-weight:800;color:var(--kc-coral-t)}
.kc-process strong{display:block;margin-top:6px;font-size:22px;font-weight:800;letter-spacing:-.03em}
.kc-process span{display:block;margin-top:6px;font-size:15px;line-height:1.55;color:var(--kc-sub)}

/* 10 scenes */
.kc-scenes-intro{background:var(--kc-night)}
.kc-map-sec{position:relative;background:linear-gradient(180deg,var(--kc-night) 0,#08102a 100%)}
.kc-map-sec__pin{display:flex;flex-direction:column;justify-content:center;gap:clamp(20px,3vh,40px);min-height:100svh;padding-block:110px 60px}
.kc-motion .kc-map-sec{height:300svh}
.kc-motion .kc-map-sec__pin{position:sticky;top:0;height:100svh}
.kc-map-sec__head{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end}
.kc-map-sec__head h2{margin-top:18px;font-size:clamp(30px,3.2vw,52px)}
.kc-map-sec__head p{max-width:560px;font-size:17px;color:var(--kc-dsub)}
.kc-map{position:relative;width:min(1200px,88vw,calc(46vh * 1000 / 344));margin-inline:auto;aspect-ratio:1000/344}
.kc-map__land{position:absolute;inset:0;width:100%;height:100%!important;opacity:.95}
.kc-map__routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.kc-map__route{fill:none;stroke:var(--kc-gold);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 5px #f2c45caa)}
.kc-map__cities li{position:absolute;left:var(--x);top:var(--y)}
.kc-map__cities i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#ffffff40;box-shadow:0 0 0 4px #ffffff10;transition:background .4s,box-shadow .4s}
.kc-map__cities li.is-on i,.kc-map__cities li.is-origin i{background:var(--kc-gold);box-shadow:0 0 0 5px #f2c45c33,0 0 18px #f2c45c}
.kc-map__cities span{position:absolute;display:grid;gap:0;white-space:nowrap;font-size:15px;line-height:1.3;opacity:.35;transition:opacity .4s}
.kc-map__cities li.is-on span,.kc-map__cities li.is-origin span{opacity:1}
.kc-map__cities b{font-weight:800}
.kc-map__cities small{font-size:14px;color:var(--kc-gold-l)}
.kc-map__cities .is-r span{left:14px;top:-12px}
.kc-map__cities .is-l span{right:14px;top:-12px;text-align:right}
.kc-map__cities .is-t span{left:-40px;bottom:14px}
.kc-map__cities .is-b span{left:-50px;top:14px}
.kc-map-sec__foot{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.kc-map__list{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 24px}
.kc-map__list li{display:flex;gap:10px;padding:6px 0;border-top:1px solid var(--kc-dline);font-size:14px;color:#ffffff66;transition:color .4s,border-color .4s}
.kc-map__list li b{flex:none;font-size:15px;color:#ffffff80;transition:color .4s}
.kc-map__list li.is-on{color:var(--kc-dsub);border-top-color:#f2c45c66}
.kc-map__list li.is-on b{color:var(--kc-gold)}
.kc-map__count{display:flex;align-items:baseline;gap:8px;font-size:15px;color:var(--kc-dsub);white-space:nowrap}
.kc-map__count b{font-size:56px;font-weight:800;line-height:1;color:var(--kc-gold);font-variant-numeric:tabular-nums}
.kc-adopt{background:#08102a;padding-top:clamp(60px,6vw,100px)}
.kc-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--kc-dline)}
.kc-stats>div{padding:30px 22px 0 0}
.kc-stats>div+div{padding-left:22px;border-left:1px solid var(--kc-dline)}
.kc-stats dt{font-size:15px;font-weight:600;color:var(--kc-dsub)}
.kc-stats dd{display:flex;align-items:baseline;gap:4px;margin-top:10px;font-size:clamp(46px,4.8vw,78px);font-weight:800;line-height:1;letter-spacing:-.05em;color:#fff;font-variant-numeric:tabular-nums}
.kc-stats small{font-size:20px;letter-spacing:0;color:var(--kc-gold)}
.kc-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:clamp(56px,6vw,90px)}
.kc-timeline li{position:relative;padding:24px 18px 0 0;border-top:1px solid #f2c45c55}
.kc-timeline li::before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--kc-gold)}
.kc-timeline time{font-size:16px;font-weight:800;color:var(--kc-gold)}
.kc-timeline p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--kc-dsub)}
.kc-adopt__src{margin-top:36px;font-size:14px;color:#8d94aa}
.kc-route{position:relative;background:radial-gradient(70% 60% at 70% 40%,#101b3a 0,#060b1c 70%)}
.kc-route__pin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4vw;align-items:center;min-height:100svh;padding:110px 6vw 50px}
.kc-motion .kc-route{height:360svh}
.kc-motion .kc-route__pin{position:sticky;top:0;height:100svh}
.kc-route__copy h2{margin-top:18px;font-size:clamp(30px,3.2vw,52px)}
.kc-route__lead{margin-top:20px;max-width:560px;font-size:17px;color:var(--kc-dsub)}
.kc-route__steps{display:grid;gap:4px;margin-top:26px}
.kc-route__steps li{display:grid;grid-template-columns:44px 1fr;gap:2px 10px;padding:12px 0;border-top:1px solid var(--kc-dline);transition:opacity .4s}
.kc-motion .kc-route__steps li{opacity:.3}
.kc-motion .kc-route__steps li.is-on{opacity:1}
.kc-route__steps b{grid-row:1/3;font-size:15px;font-weight:800;color:var(--kc-gold)}
.kc-route__steps strong{font-size:19px;font-weight:800;letter-spacing:-.02em}
.kc-route__steps p{font-size:15px;line-height:1.6;color:var(--kc-dsub)}
.kc-route__perks{margin-top:20px;padding:14px 18px;border-radius:14px;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--kc-dline);font-size:15px;line-height:1.65;color:var(--kc-hanji)}
.kc-route__stage{position:relative;justify-self:center;width:100%;max-width:calc(80vh * 1000 / 1105);aspect-ratio:1000/1105.1}
.kc-route__dots{position:absolute;inset:0;width:100%;height:100%!important;opacity:.32}
.kc-route__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.kc-route__ghost{fill:none;stroke:#ffffff26;stroke-width:3;stroke-dasharray:2 10}
.kc-route__line{fill:none;stroke:var(--kc-gold);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:var(--rl,1);filter:drop-shadow(0 0 10px #f2c45ccc)}
.kc-route__end{fill:var(--kc-gold)}
.kc-route__halo{fill:none;stroke:#f2c45c88;stroke-width:2;animation:kc-halo 2.4s infinite ease-out;transform-box:fill-box;transform-origin:center}
.kc-route__plane{fill:#fff3d0;filter:drop-shadow(0 0 14px #f2c45c)}
.kc-route__tag{position:absolute;left:var(--x);top:var(--y);display:grid;font-size:14px;line-height:1.4;color:var(--kc-dsub);white-space:nowrap}
.kc-route__tag b{font-size:14px;letter-spacing:.16em;color:var(--kc-gold)}
.kc-route__tag--kl{transform:translate(18px,-8px)}
.kc-route__tag--sel{transform:translate(-50%,-64px);text-align:center}
.kc-route__km{position:absolute;left:4%;top:6%;display:flex;align-items:baseline;gap:6px}
.kc-route__km b{font-size:clamp(46px,5vw,84px);font-weight:800;line-height:1;letter-spacing:-.05em;color:#fff;font-variant-numeric:tabular-nums}
.kc-route__km small{font-size:22px;font-weight:700;color:var(--kc-gold)}
.kc-route__src{position:absolute;left:6vw;bottom:20px;font-size:14px;color:#8d94aa}
.kc-stairs-sec .kc-split{align-items:end}
.kc-stairs{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:5vw;align-items:end;margin-top:clamp(50px,6vw,80px)}
.kc-stairs__steps{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:clamp(300px,34vw,440px)}
.kc .kc-stairs__steps button{display:flex;flex-direction:column;justify-content:flex-start;gap:2px;height:calc(var(--h) / 7 * 100%);padding:14px 10px;border-radius:12px 12px 4px 4px;background:#fff;box-shadow:inset 0 0 0 1px var(--kc-line);text-align:left;color:var(--kc-pine);transition:background .4s,color .4s,transform .4s}
.kc .kc-stairs__steps button:hover{transform:translateY(-4px)}
.kc-stairs__steps b{font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1;letter-spacing:-.04em}
.kc-stairs__steps span{font-size:14px;font-weight:700;opacity:.7}
.kc .kc-stairs__steps button.is-key{box-shadow:inset 0 0 0 2px var(--kc-coral)}
.kc .kc-stairs__steps button.is-adv{background:var(--kc-sage)}
.kc .kc-stairs__steps button[aria-pressed="true"]{background:var(--kc-pine);color:#fff;box-shadow:none}
.kc .kc-stairs__steps button.is-key[aria-pressed="true"]{background:var(--kc-coral)}
.kc-stairs__panel{padding:30px;border-radius:22px;background:var(--kc-pine);color:var(--kc-ivory)}
.kc-stairs__panel>span{font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--kc-coral-l)}
.kc-stairs__panel h3{margin-top:10px;font-size:clamp(30px,2.8vw,44px)}
.kc-stairs__topik{margin-top:6px;font-size:18px;font-weight:700;color:var(--kc-gold)}
.kc-stairs__panel p:last-child{margin-top:14px;font-size:16px;color:#c9d6cf}
.kc-stairs__facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;padding-top:24px;border-top:1px solid var(--kc-line)}
.kc-stairs__facts li{font-size:15px;line-height:1.55;color:var(--kc-sub)}
.kc-stairs__facts b{display:block;font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--kc-pine)}
.kc-stairs__src{margin-top:24px;font-size:14px;color:var(--kc-sub)}
.kc-menu-sec{padding-top:0}
.kc-menu{margin-top:clamp(44px,5vw,70px)}
.kc-menu__toggle{display:inline-flex;gap:6px;padding:6px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--kc-line)}
.kc-menu__toggle button{padding:12px 22px;border-radius:99px;font-size:16px;font-weight:700;color:var(--kc-sub);transition:background .3s,color .3s}
.kc-menu__toggle button[aria-pressed="true"]{background:var(--kc-pine);color:#fff}
.kc-menu[data-menu="b"] .kc-menu__toggle button[aria-pressed="true"]{background:var(--kc-coral)}
.kc-menu__board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:26px;min-height:300px}
.kc-menu[data-menu="b"] .kc-menu__board{grid-template-columns:repeat(4,minmax(0,1fr))}
.kc-menu__col{padding:18px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--kc-line)}
.kc-menu__col--b:nth-child(8){background:var(--kc-sage)}
.kc-menu__col--b:nth-child(9){background:var(--kc-peach)}
.kc-menu__col--b:nth-child(10){background:#e6ece0}
.kc-menu__col h3{padding-bottom:12px;border-bottom:1px solid var(--kc-line);font-size:17px}
.kc-menu__col ul{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.kc-menu__chip{padding:7px 12px;border-radius:10px;background:var(--kc-ivory);font-size:14px;font-weight:600;line-height:1.35;color:var(--kc-pine);will-change:transform}
.kc-menu__col--b .kc-menu__chip{background:#ffffffb3}
.kc-menu__note{margin-top:20px;font-size:16px;color:var(--kc-sub)}

/* 11 mobile */
.kc-mobile{background:var(--kc-night);overflow:hidden}
.kc-mobile__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:6vw;align-items:center}
.kc-mobile__copy h2{font-size:clamp(32px,3.4vw,54px)}
.kc-mobile__copy>p{margin-top:22px;font-size:18px;color:var(--kc-dsub)}
.kc-checks{display:grid;gap:10px;margin-top:26px}
.kc-checks li{position:relative;padding-left:28px;font-size:16px;font-weight:600}
.kc-checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--kc-gold);font-weight:800}
.kc-phones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.kc-phones .kc-phone{width:auto;transform:translateY(calc(var(--mb,0) * var(--sp) * 1px))}
.kc-phones .kc-phone--2,.kc-phones .kc-phone--4{margin-top:70px}

/* system */
.kc-system{padding-block:clamp(96px,10vw,170px);background:linear-gradient(180deg,var(--kc-night) 0,var(--kc-night2) 100%)}
.kc-system__head{max-width:760px}
.kc-system__head h2{margin-top:20px}
.kc-system__head p{margin-top:20px;font-size:18px;color:var(--kc-dsub)}
.kc-kit{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:clamp(56px,6vw,90px)}
.kc-kit>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:26px;border-radius:22px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--kc-dline);transform:translateY(calc(var(--bp,0) * var(--sp) * 1px))}
.kc-kit__btns{grid-column:1/5}
.kc-kit__tags{grid-column:5/7}
.kc-kit__notice{grid-column:1/4}
.kc-kit__stat{grid-column:4/6}
.kc-kit__seal{grid-column:6/7;justify-content:center}
.kc-kit__hello{grid-column:1/3}
.kc-kit__swatch{grid-column:3/7}
.kc-kbtn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:99px;font-size:16px;font-weight:700}
.kc-kbtn--gold{background:var(--kc-gold);color:var(--kc-night)}
.kc-kbtn--ghost{box-shadow:inset 0 0 0 1px #ffffff55;color:#fff}
.kc-kbtn--pine{background:var(--kc-pine);color:var(--kc-ivory)}
.kc-kbtn--cream{background:var(--kc-ivory);color:var(--kc-pine)}
.kc-kbtn--cream i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--kc-coral);color:#fff;font-style:normal}
.kc-kit__tags i{padding:7px 14px;border-radius:99px;background:#ffffff12;font-size:14px;font-style:normal;font-weight:600}
.kc-kit__tags i.is-coral{background:var(--kc-coral);color:#fff}
.kc-kit__tags i.is-sage{background:var(--kc-sage);color:var(--kc-pine)}
.kc-kit__notice{gap:18px;background:var(--kc-ivory)!important;color:var(--kc-pine)}
.kc-kit__notice time{font-size:14px;font-weight:700;color:var(--kc-coral-t)}
.kc-kit__notice span{flex:1;font-size:17px;font-weight:700}
.kc-kit__notice b{font-size:22px}
.kc-kit__stat{flex-direction:column;align-items:flex-start;gap:4px}
.kc-kit__stat strong{font-size:52px;font-weight:800;line-height:1;letter-spacing:-.05em}
.kc-kit__stat small{font-size:20px;color:var(--kc-gold)}
.kc-kit__stat span{font-size:15px;color:var(--kc-dsub)}
.kc-kit__hello{background:var(--kc-sage)!important;color:var(--kc-pine);font-size:28px;font-weight:600;letter-spacing:-.04em}
.kc-kit__hello i{font-style:normal;color:var(--kc-coral)}
.kc-kit__seal{position:relative;padding:14px!important}
.kc-kit__seal svg{width:110px;height:110px;animation:kc-spin 30s linear infinite}
.kc-kit__seal text{fill:var(--kc-ivory);font-size:9.6px;letter-spacing:1.3px}
.kc-kit__seal b{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;font-weight:700;color:var(--kc-coral)}
@keyframes kc-spin{to{transform:rotate(360deg)}}
.kc-kit__swatch{gap:0!important;padding:0!important;overflow:hidden;min-height:92px}
.kc-kit__swatch i{flex:1;align-self:stretch;background:var(--c)}

/* ending */
.kc-ending{position:relative;overflow:hidden;background:var(--kc-night)}
.kc-ending__bg{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;opacity:.55}
.kc-ending::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#060b1ccc 0,#060b1c80 35%,#060b1c 80%)}
.kc-ending .kc-wrap{position:relative;z-index:2}
.kc-ending h2{margin-top:24px;font-size:clamp(40px,5.4vw,92px);line-height:1.12}
.kc-ending .kc-wrap>p{margin-top:28px;font-size:19px;color:#d6d9e4}
.kc-ending__links{display:flex;flex-wrap:wrap;align-items:center;gap:22px 36px;margin-top:44px}
.kc-credits{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:clamp(70px,8vw,120px);padding-top:30px;border-top:1px solid var(--kc-dline)}
.kc-credits dt{font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--kc-gold)}
.kc-credits dd{margin-top:8px;font-size:15px;line-height:1.6;color:#c9d0e4}
.kc-others{margin-top:clamp(70px,8vw,120px)}
.kc-others__title{font-size:clamp(24px,2.2vw,32px)!important}
.kc-others ul{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.kc-others a{display:flex;flex-direction:column;gap:8px}
.kc-others__img{overflow:hidden;border-radius:16px;aspect-ratio:820/568;background:#ffffff0d}
.kc-others__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.kc-others a:hover img{transform:scale(1.04)}
.kc-others__tag{margin-top:8px;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--kc-gold)}
.kc-others strong{font-size:21px}
.kc-others__desc{font-size:15px;line-height:1.6;color:var(--kc-dsub)}

/* chapters & lightbox */
.kc-chapters{position:fixed;z-index:1001;left:50%;bottom:22px;display:flex;align-items:center;gap:2px;padding:6px;border-radius:99px;background:#060b1ceb;backdrop-filter:blur(10px);box-shadow:0 18px 40px #0005;transform:translate(-50%,140%);opacity:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .5s}
.kc-chapters.is-visible{transform:translate(-50%,0);opacity:1}
.kc-chapters__bar{position:absolute;left:24px;right:24px;top:0;height:2px;background:#ffffff14}
.kc-chapters__bar i{position:absolute;inset:0;background:var(--kc-gold);transform:scaleX(var(--read,0));transform-origin:left}
.kc-chapters a{position:relative;padding:9px 13px;border-radius:99px;color:#c3cde0;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.kc-chapters a:hover{color:#fff}
.kc-chapters a[aria-current]{background:#fff;color:var(--kc-night)}
.kc-chapters a[aria-current]::after{content:"";position:absolute;right:6px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--kc-gold)}
.kc-chapters>span:last-child{padding:0 14px 0 8px;font-size:14px;color:#9fb0c2;font-variant-numeric:tabular-nums}
.kc-lightbox{width:min(1240px,94vw);max-width:none;height:92vh;max-height:none;padding:0;border:0;border-radius:18px;background:#060b1c;color:#fff;overflow:hidden}
.kc-lightbox::backdrop{background:#060b1ce6;backdrop-filter:blur(4px)}
.kc-lightbox__bar{display:flex;justify-content:space-between;align-items:center;gap:20px;height:60px;padding:0 20px;border-bottom:1px solid #ffffff1a}
.kc-lightbox__bar p{font-size:15px;font-weight:600}
.kc-lightbox__close{padding:8px 16px;border-radius:99px;border:1px solid #ffffff4d;background:none;color:#fff;font-size:15px;font-weight:600;cursor:pointer}
.kc-lightbox__scroll{height:calc(92vh - 60px);overflow:auto;padding:20px}
.kc-lightbox__list{display:grid;gap:26px;margin:0;padding:0;list-style:none}
.kc-lightbox__list figure{margin:0}
.kc-lightbox__list img{display:block;width:100%;height:auto;border-radius:10px;background:#101b3a}
.kc-lightbox__list figcaption{display:flex;gap:10px;margin-top:10px;font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:15px;font-weight:600;color:#c9d0e4}
.kc-lightbox__list figcaption b{color:var(--kc-gold)}

/* responsive */
@media (max-width:1100px){
  .kc-split,.kc-read,.kc-theme__grid,.kc-root__grid,.kc-mobile__layout,.kc-map-sec__head,.kc-stairs{grid-template-columns:1fr;gap:40px}
  .kc-read__side{position:static}
  .kc-meta,.kc-facts__grid,.kc-stats{grid-template-columns:repeat(2,1fr)}
  .kc-facts__grid>div{padding:28px 18px 18px 0;border-right:0;border-bottom:1px solid var(--kc-line)}
  .kc-facts__grid>div+div{padding-left:0}
  .kc-stats>div,.kc-stats>div+div{padding:24px 18px 18px 0;border-left:0;border-bottom:1px solid var(--kc-dline)}
  .kc-people__grid{grid-template-columns:repeat(2,1fr)}
  .kc-stk__pin{grid-template-columns:1fr;gap:16px;padding-top:96px;align-content:center}
  .kc-stk__steps{margin-top:18px}
  .kc-stk__steps li{padding-block:8px}
  .kc-stk__steps p{display:none}
  .kc-stk__stage{max-width:min(560px,100%,calc(46vh * 640 / 520))}
  .kc-principles{grid-template-columns:1fr}
  .kc-dir__pin{grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:center;gap:22px}
  .kc-dir__head,.kc-dir__frame,.kc-dir__notes{grid-column:1;grid-row:auto}
  .kc-dir__notes{min-height:170px}
  .kc-material{min-height:auto;padding:calc(56vw - 40px) 0 70px;align-items:flex-end;justify-content:flex-start}
  .kc-material>img{width:100%;height:56vw!important;bottom:auto}
  .kc-material::after{background:linear-gradient(180deg,#0d173000 0,#0d173000 calc(56vw - 160px),#0d1730 56vw)}
  .kc-material__copy{max-width:640px;margin:0 6vw;padding-block:0}
  .kc-option{grid-template-columns:1fr auto;gap:18px}
  .kc-option__chips{grid-column:1/-1;height:52px}
  .kc-palette{flex-wrap:wrap}
  .kc-palette__label{width:100%;flex-direction:row;align-items:center;padding:18px 24px}
  .kc-palette__label b,.kc-palette__label span{writing-mode:horizontal-tb;transform:none}
  .kc-swatch{flex:1 1 33%;min-height:300px}
  .kc-swatch:hover{flex-grow:1}
  .kc-voices{grid-template-columns:1fr}
  .kc .kc-vc__spec{min-height:0}
  .kc-scale{grid-template-columns:repeat(2,1fr)}
  .kc-board{grid-template-columns:repeat(3,1fr)}
  .kc-scrub,.kc-film{grid-template-columns:1fr}
  .kc-sian__inner{grid-template-columns:1fr}
  .kc-sian__device{padding-right:90px}
  .kc-sian__device .kc-phone{width:150px}
  .kc-chapter-bar{max-width:100%}
  .kc-table__row{grid-template-columns:120px 1fr 1fr;gap:16px;font-size:15px}
  .kc-shared ul{grid-template-columns:repeat(2,1fr)}
  .kc-process{grid-template-columns:repeat(3,1fr);row-gap:30px}
  .kc-map-sec__foot{grid-template-columns:1fr}
  .kc-map__count{display:none}
  .kc-timeline{grid-template-columns:repeat(3,1fr);row-gap:30px}
  .kc-route__pin{grid-template-columns:1fr;gap:10px;align-content:center;padding-top:96px}
  .kc-route__steps p,.kc-route__lead,.kc-route__perks{display:none}
  .kc-route__steps{grid-template-columns:repeat(2,1fr);gap:0 16px;margin-top:14px}
  .kc-route__stage{max-width:min(520px,100%,calc(52vh * 1000 / 1105))}
  .kc-route__src{display:none}
  .kc-stairs__facts{grid-template-columns:repeat(2,1fr)}
  .kc-menu__board,.kc-menu[data-menu="b"] .kc-menu__board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kc-phones{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto;padding-bottom:20px;scroll-snap-type:x mandatory}
  .kc-phones .kc-phone{scroll-snap-align:start;transform:none}
  .kc-phones .kc-phone--2,.kc-phones .kc-phone--4{margin-top:0}
  .kc-kit{grid-template-columns:repeat(2,1fr)}
  .kc-kit>div{grid-column:auto!important;transform:none}
  .kc-kit__btns,.kc-kit__notice,.kc-kit__swatch{grid-column:1/-1!important}
  .kc-credits{grid-template-columns:repeat(2,1fr)}
  .kc-others ul{grid-template-columns:1fr 1fr}
  .kc-chapters{display:none}
}
@media (max-width:720px){
  .kc{font-size:16px}
  .kc-wrap{width:calc(100% - 40px)}
  .kc-sectionhead{flex-direction:column;gap:6px}
  .kc-prose p,.kc-read__side>p,.kc-root__copy p,.kc-theme__copy>p,.kc-system__head p,.kc-mobile__copy>p,.kc-brush__copy p,.kc-material__copy p{font-size:16px}
  .kc-hero__top{top:92px;left:20px;right:20px;flex-direction:column;gap:4px}
  .kc-hero__beats{left:20px;width:calc(100% - 40px)}
  .kc-beat{font-size:30px}
  .kc-hero__title{left:20px;right:20px;top:calc(110px + 5vh)}
  .kc-hero__title h1{font-size:46px}
  .kc a.kc-hero__down{left:20px;right:auto;bottom:40px}
  .kc-meta,.kc-facts__grid,.kc-people__grid{grid-template-columns:1fr}
  .kc-question__text{font-size:30px}
  .kc-wire__badge{width:28px;height:28px}
  .kc-wire__badge[data-badge="1"]{top:84px}
  .kc-wire__hero{height:96px}
  .kc-steps-viz b{margin-left:0}
  .kc-brush{min-height:auto;padding-top:300px}
  .kc-brush__img{height:340px!important;bottom:auto}
  .kc-brush::after{background:linear-gradient(180deg,#060b1c00 0,#060b1c33 160px,#060b1c 330px)}
  .kc-brush__copy{padding-block:20px 80px}
  .kc-stk__pin{padding:92px 20px 96px}
  .kc-stk__copy h2{font-size:26px}
  .kc-stk__steps strong{font-size:18px}
  .kc-stk__steps span{font-size:14px}
  .kc-stk__vowels{gap:12px}
  .kc-stk__tag{font-size:14px}
  .kc-statement__ko{font-size:44px}
  .kc-dir__pin{padding:92px 20px 96px;gap:16px}
  .kc-dir__head h2{font-size:26px}
  .kc-dir__url{padding:2px 14px}
  .kc-dir__mode{display:none}
  .kc-dir__note strong{font-size:20px}
  .kc-dir__note p{font-size:15px}
  .kc-dir__notes{min-height:150px}
  .kc-material__copy{margin:0 20px}
  .kc-root__img figcaption{flex-direction:column;gap:2px}
  .kc-option{grid-template-columns:1fr}
  .kc-option__mark{justify-self:start}
  .kc-swatch{flex:1 1 50%;min-height:260px;padding:22px 18px}
  .kc-board{grid-template-columns:repeat(2,1fr)}
  .kc-dir-index{grid-template-columns:1fr}
  .kc-dir-index a{grid-template-columns:auto 1fr;padding:22px}
  .kc-dir-index a>span{font-size:52px}
  .kc-dir-index em{grid-row:auto;grid-column:2;justify-self:start;margin-top:6px}
  .kc-sian__inner{width:calc(100% - 40px)}
  .kc-sian__device{padding-right:0}
  .kc-sian__device .kc-phone{position:relative;right:auto;bottom:auto;width:62%;max-width:240px;margin:-60px 0 0 auto;transform:none}
  .kc-browser__bar{height:34px}
  .kc-browser__url{padding:2px 16px}
  .kc-table__row{grid-template-columns:1fr;gap:4px;padding:16px 0}
  .kc-table__row--head{display:none}
  .kc-table__row>span:nth-child(2)::before{content:"A · 천지인  ";font-weight:800;color:var(--kc-gold-t)}
  .kc-table__row>span:nth-child(3)::before{content:"B · 코럴 저니  ";font-weight:800;color:var(--kc-coral-t)}
  .kc-shared ul,.kc-process{grid-template-columns:1fr}
  .kc-map-sec__pin{padding-block:92px 96px}
  .kc-map-sec__head p{display:none}
  .kc-map-sec__head h2{font-size:26px}
  .kc-map{width:100%}
  .kc-map__cities li:not(.is-origin) span{display:none}
  .kc-map__cities small{display:none}
  .kc-map__cities .is-l span{right:auto;left:-20px;top:12px;text-align:left}
  .kc-map__list{grid-template-columns:1fr 1fr;gap:0 12px}
  .kc-map__list li{flex-direction:column;gap:0}
  .kc-map__list li span{display:none}
  .kc-stats,.kc-timeline{grid-template-columns:1fr}
  .kc-route__pin{padding:92px 20px 96px}
  .kc-route__copy h2{font-size:26px}
  .kc-route__steps strong{font-size:16px}
  .kc-route__km b{font-size:40px}
  .kc-stairs__steps{gap:4px;height:300px}
  .kc .kc-stairs__steps button{padding:10px 4px;text-align:center;align-items:center}
  .kc-stairs__steps b{font-size:22px}
  .kc-stairs__steps span{display:none}
  .kc-stairs__facts{grid-template-columns:1fr}
  .kc-menu__toggle{display:flex}
  .kc-menu__toggle button{flex:1;padding:12px 10px;font-size:15px}
  .kc-menu__board,.kc-menu[data-menu="b"] .kc-menu__board{grid-template-columns:1fr}
  .kc-kit{grid-template-columns:1fr}
  .kc-credits,.kc-others ul{grid-template-columns:1fr}
}
/* 세로 화면용 필름은 수평선 위쪽에 획이 모이므로 문구를 화면 아래(반사된 바다 쪽)로 내린다. */
@media (max-aspect-ratio:9/10){
  .kc-hero__veil{background:linear-gradient(0deg,#060b1ce6 0,#060b1c99 22%,#060b1c00 40%),linear-gradient(180deg,#060b1cb0 0,#060b1c00 22%)}
  .kc-hero__beats{top:auto;bottom:calc(56px + 3vh);width:min(560px,calc(100% - 12vw))}
  .kc-beat{top:auto;bottom:0}
}
@media (min-width:1101px) and (max-height:900px){
  .kc-stk__steps p{font-size:15px}
  .kc-stk__copy h2,.kc-dir__head h2{font-size:clamp(28px,2.8vw,44px)}
  .kc-route__steps p{display:none}
  .kc-route__copy h2,.kc-map-sec__head h2{font-size:clamp(28px,2.8vw,44px)}
  .kc-map-sec__head p{font-size:16px}
}
@media (min-width:1101px) and (max-height:760px){
  .kc-stk__steps li:not([data-s]){display:none}
  .kc-stk__steps p{display:none}
  .kc-route__lead,.kc-route__perks{display:none}
  .kc-map__list{display:none}
}
@media (prefers-reduced-motion:reduce){
  .kc *,.kc *::before,.kc *::after{animation:none!important;transition:none!important}
}