/* KNU School of Medicine 100th case study: every rule is scoped to .km-page / .km so the shared header, contact and footer stay untouched. */
.km-page{--km-ink:#0b0908;--km-ink2:#141010;--km-ink3:#1f1816;--km-night:#120c0b;--km-paper:#f3ece0;--km-paper2:#ebe2d1;--km-card:#fbf7f0;--km-red:#d32d25;--km-redtx:#b3241d;--km-brick:#8f1f19;--km-crimson:#a51930;--km-gold:#cfaa6c;--km-gold2:#e2c28a;--km-on:#f3ece0;--km-sub:#b8ac9c;--km-isub:#5b5049;--km-char:#1b1513;--km-dline:#f3ece024;--km-lline:#1b151324;--km-display:'Bodoni Moda','Noto Serif KR',Georgia,serif;--km-serif:'Noto Serif KR','Nanum Myeongjo',serif;--km-sans:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;--km-ease:cubic-bezier(.2,.7,.1,1);background:var(--km-ink)}
.km-page .site-header{position:fixed;inset:0 0 auto;background:rgba(11,9,8,.93);border-bottom-color:#ffffff14}
.km-page .site-header .container{background:transparent;box-shadow:none}
.km-page.km-at-hero .site-consult-bar{visibility:hidden;pointer-events:none}
.km-skip{position:fixed;z-index:2000;left:12px;top:-60px;padding:12px 18px;border-radius:8px;background:#fff;color:#000;font-weight:700}
.km-skip:focus{top:12px}
.km-defs{position:absolute;width:0;height:0;overflow:hidden}
.km{position:relative;color:var(--km-on);background:var(--km-ink);font-family:var(--km-sans);font-size:17px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;overflow-x:clip;-webkit-font-smoothing:antialiased}
.km *{box-sizing:border-box}
.km [hidden]{display:none!important}
.km :where(h1,h2,h3,h4,p,figure,dl,dd,ul,ol,blockquote){margin:0;padding:0}
.km :where(h1,h2,h3,h4){font-weight:800;line-height:1.22;letter-spacing:-.045em;text-wrap:balance}
.km :where(p){text-wrap:pretty}
.km :where(ul,ol){list-style:none}
.km :where(a){color:inherit;text-decoration:none}
.km :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
.km :where(img,video,svg,canvas){display:block;max-width:100%}
.km :where(img,video){height:auto}
.km em{font-style:normal;color:var(--km-gold2)}
.km-paper em,.km .km-paper em{color:var(--km-redtx)}
.km code{font-family:'Pretendard Variable',Pretendard,ui-monospace,monospace;font-feature-settings:'tnum';white-space:nowrap}
.km :is(a,button,input):focus-visible{outline:3px solid var(--km-gold);outline-offset:5px;border-radius:6px}
.km-paper :is(a,button,input):focus-visible{outline-color:var(--km-redtx)}
.km section[id]{scroll-margin-top:84px}
.km-wrap{width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
.km-sec{position:relative;padding-block:clamp(96px,10vw,170px)}
.km-paper{background:var(--km-paper);color:var(--km-char)}
.km-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--km-display);font-style:italic;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:.01em;color:var(--km-gold)}
.km-eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.km-paper .km-eyebrow{color:var(--km-redtx)}
.km-sectionhead{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:22px;margin-bottom:clamp(48px,6vw,90px);border-bottom:1px solid var(--km-dline);font-size:15px;line-height:1.5;color:var(--km-sub)}
.km-sectionhead>span:first-child{font-family:var(--km-display);font-style:italic;font-size:19px;font-weight:500;letter-spacing:.01em;color:var(--km-gold)}
.km-paper .km-sectionhead{border-bottom-color:var(--km-lline);color:var(--km-isub)}
.km-paper .km-sectionhead>span:first-child{color:var(--km-redtx)}
.km h2{font-size:clamp(34px,4vw,62px)}
.km-split{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:start}
.km-prose{padding-top:8px}
.km-prose p{max-width:600px;color:var(--km-sub);font-size:18px}
.km-paper .km-prose p{color:var(--km-isub)}
.km-prose p+p{margin-top:22px}
.km-pill{display:inline-flex;align-items:center;gap:22px;height:62px;padding:0 30px;border-radius:99px;background:var(--km-red);color:#fff8ef!important;font-weight:700;font-size:17px;transition:transform .3s,background .3s}
.km-pill:hover{transform:translateY(-3px);background:#e5372e}
.km-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;color:var(--km-on)!important}
.km-textlink span{font-size:22px;transition:transform .3s}
.km-textlink:hover span{transform:translateX(4px)}
.km-note-small{margin-top:26px;font-size:14px;color:var(--km-sub)}
.km-paper .km-note-small{color:var(--km-isub)}

/* reveal */
.km-js .km-rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--km-ease),transform .9s var(--km-ease);transition-delay:var(--d,0ms)}
.km-js .km-rv.is-in{opacity:1;transform:none}

/* ---------------------------------------------------------------- 00 HERO: 본관 입면과 창 100개 */
.km-hero{position:relative;height:100vh;height:100svh;background:var(--km-ink)}
html.km-motion .km-hero{height:460vh}
.km-hero__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(120% 90% at 50% 100%,#2a1410 0%,#120b09 46%,#080605 100%);--p:0;--t:0;--draw:0;--glow:0}
.km-hero__grid{position:absolute;inset:0;background-image:linear-gradient(#e2c28a0d 1px,transparent 1px),linear-gradient(90deg,#e2c28a0d 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(90% 80% at 50% 60%,#000 30%,transparent 85%);mask-image:radial-gradient(90% 80% at 50% 60%,#000 30%,transparent 85%);opacity:calc(.9 - var(--t) * .5)}
.km-hero__ghost{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);margin:0;font-family:var(--km-display);font-weight:400;font-size:min(30vw,48vh);line-height:1;letter-spacing:-.02em;font-feature-settings:'lnum';color:transparent;-webkit-text-stroke:1px rgba(226,194,138,.26);white-space:nowrap;pointer-events:none;opacity:calc(1 - var(--t) * .7)}
.km-hall{position:absolute;left:50%;bottom:11vh;width:min(1500px,96vw);max-width:none;height:auto;transform:translateX(calc(-50% + var(--t) * 20vw)) translateY(calc(var(--t) * 6vh)) scale(calc(1 - var(--t) * .3));transform-origin:50% 100%;opacity:calc(1 - var(--t) * .18);color:#e2c28a;overflow:visible}
.km-hall__lines{opacity:calc(1 - var(--t) * .45)}
.km-hall__guide{opacity:calc(.3 - var(--draw) * .18);stroke-width:1;stroke-dasharray:3 7}
.km-hall__lines path{stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85}
.km-hall__wins{stroke-width:1;vector-effect:non-scaling-stroke;opacity:calc(var(--draw) * .5)}
.km-hall__lit rect{fill:#ffd894;opacity:0;transition:opacity .5s ease}
.km-hall__lit rect.on{opacity:.95}
.km-hall__lit rect.new{fill:#fff2c9}
.km-hero__prints{position:absolute;right:5vw;top:18vh;width:min(22vw,320px);aspect-ratio:4/3.3;pointer-events:none}
.km-print{position:absolute;inset:0 auto auto 0;width:100%;padding:9px 9px 34px;background:#f4ede0;box-shadow:0 30px 60px -20px #000c,0 2px 0 #fff3 inset;transform:translate(14%,-8%) rotate(calc(var(--r) + 6deg)) scale(.92);opacity:0;transition:opacity .7s var(--km-ease),transform .9s var(--km-ease)}
.km-print img{width:100%;aspect-ratio:3/2;object-fit:cover;filter:sepia(.25) contrast(1.02)}
.km-print figcaption{position:absolute;left:12px;right:12px;bottom:8px;font-size:14px;line-height:1.4;color:#4a3f37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.km-print--object{padding:0;background:none;box-shadow:none}
.km-print--object img{aspect-ratio:auto;width:70%;margin-inline:auto;object-fit:contain;filter:drop-shadow(0 26px 30px #000b)}
.km-print--object figcaption{bottom:-30px;color:var(--km-sub);text-align:center}
.km-print.is-on{opacity:1;transform:rotate(var(--r))}
.km-print.is-past{opacity:.38;transform:translate(-10%,10%) rotate(calc(var(--r) - 4deg)) scale(.86)}
.km-print.is-gone{opacity:0;transform:translate(-18%,18%) rotate(calc(var(--r) - 8deg)) scale(.8)}
.km-hero__top{position:absolute;top:104px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;font-size:14px;letter-spacing:.16em;color:#cdbfa9b3;opacity:calc(1 - var(--t))}
.km-hero__open{position:absolute;left:6vw;top:24vh;max-width:620px;opacity:var(--open,1);transform:translateY(calc((1 - var(--open,1)) * -30px));transition:opacity .2s linear}
.km-hero__first{margin-top:16px;font-family:var(--km-serif);font-weight:800;font-size:clamp(34px,4.2vw,64px);line-height:1.22;letter-spacing:-.04em;color:#f6efe3}
.km-hero__subs{position:absolute;left:6vw;top:24vh;max-width:640px}
.km-sub{position:absolute;left:0;top:0;width:max-content;max-width:min(640px,88vw);font-family:var(--km-serif);font-weight:700;font-size:clamp(26px,2.8vw,44px);line-height:1.32;letter-spacing:-.035em;color:#f6efe3;opacity:0;transform:translateY(20px);transition:opacity .7s var(--km-ease),transform .9s var(--km-ease);text-wrap:balance}
.km-sub em{color:var(--km-gold2)}
.km-sub.is-on{opacity:1;transform:none}
.km-hero__year{position:absolute;left:6vw;right:6vw;bottom:3.4vh;display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:22px;opacity:calc(1 - var(--t))}
.km-hero__year>b{grid-row:1/3;font-family:var(--km-display);font-weight:500;font-size:clamp(46px,4.6vw,76px);line-height:.9;font-feature-settings:'lnum','tnum';color:var(--km-red);text-shadow:0 0 30px #d32d2566}
.km-hero__msrow{display:flex;justify-content:space-between;align-items:baseline;gap:24px}
.km-hero__ms{font-size:16px;font-weight:600;line-height:1.4;color:#efe5d4;white-space:nowrap}
.km-hero__note{font-size:14px;line-height:1.4;color:#cdbfa999;text-align:right;opacity:var(--draw)}
.km-hero__ticks{position:relative;height:22px;margin-top:8px}
.km-hero__ticks li{position:absolute;left:calc(var(--x) * 100%);top:0;transform:translateX(-50%);font-family:var(--km-display);font-size:14px;line-height:1;color:#cdbfa98c;transition:color .3s}
.km-hero__ticks li:first-child{transform:none}
.km-hero__ticks li:last-child{transform:translateX(-100%)}
.km-hero__ticks li.is-on{color:var(--km-gold2)}
.km-hero__ticks li[data-y="1924"],.km-hero__ticks li[data-y="1928"],.km-hero__ticks li[data-y="2022"]{opacity:0}
.km-hero__bar{grid-column:2;position:relative;display:block;height:1px;background:#e2c28a33;margin-top:2px}
.km-hero__bar>i{position:absolute;inset:0;background:var(--km-red);transform-origin:left;transform:scaleX(var(--yp,0));box-shadow:0 0 12px #d32d25}
.km-hero__title{position:absolute;left:6vw;right:6vw;top:17vh;opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 40px));pointer-events:none}
.km-hero__title.is-live{pointer-events:auto}
.km-hero__title h1{margin-top:20px;font-family:var(--km-serif);font-weight:900;font-size:clamp(40px,min(6.2vw,10.4vh),104px);line-height:1.12;letter-spacing:-.045em;color:#f8f1e4}
.km-hero__title h1 span{display:block}
.km-hero__title h1 em{color:var(--km-gold2)}
.km-hero__lead{margin-top:28px;font-size:19px;font-weight:600;line-height:1.6;color:#efe5d4}
.km-hero__lead span{display:inline-block;margin-top:2px;font-weight:400;color:var(--km-sub)}
.km-hero__down{display:inline-flex;align-items:center;gap:16px;margin-top:34px;padding:14px 26px;border:1px solid #e2c28a73;border-radius:99px;font-weight:700;font-size:16px;color:#f6efe3;transition:background .3s,color .3s}
.km-hero__down:hover{background:var(--km-gold2);color:var(--km-ink)}
.km-hero__hint{position:absolute;left:50%;top:76vh;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:15px;color:#cdbfa9cc;opacity:calc(1 - var(--p) * 30);white-space:nowrap}
.km-hero__hint i{width:1px;height:44px;background:linear-gradient(#e2c28a,transparent);animation:km-hint 2.2s ease-in-out infinite;transform-origin:top}
@keyframes km-hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
html:not(.km-motion) .km-hero__pin{--t:1;--draw:1}
html:not(.km-motion) .km-hall__lines path{stroke-dashoffset:0}
html:not(.km-motion) .km-hall__lit rect{opacity:.9}
html:not(.km-motion) .km-hero__open,html:not(.km-motion) .km-hero__subs,html:not(.km-motion) .km-hero__hint,html:not(.km-motion) .km-hero__prints{display:none}
html:not(.km-motion) .km-hero__title{pointer-events:auto}

/* ---------------------------------------------------------------- 01 OVERVIEW */
.km-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(64px,7vw,110px);border-top:1px solid var(--km-lline)}
.km-meta>div{padding:26px 26px 0 0}
.km-meta>div+div{padding-left:26px;border-left:1px solid var(--km-lline)}
.km-meta dt{font-family:var(--km-display);font-style:italic;font-size:17px;color:var(--km-redtx)}
.km-meta dd{margin-top:10px;font-size:16px;line-height:1.65;color:var(--km-char)}
.km-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:clamp(64px,7vw,110px)}
.km-stats li{padding-top:22px;border-top:2px solid var(--km-char)}
.km-stats strong{display:block;font-family:var(--km-display);font-weight:500;font-size:clamp(54px,6.2vw,104px);line-height:1;letter-spacing:-.02em;font-feature-settings:'lnum','tnum';color:var(--km-char)}
.km-stats li:nth-child(2) strong{color:var(--km-redtx)}
.km-stats span{display:block;margin-top:12px;font-size:16px;color:var(--km-isub)}

/* ---------------------------------------------------------------- 02 STARTING POINT */
.km-start{background:var(--km-ink)}
.km-quote{max-width:1180px;font-family:var(--km-serif);font-weight:700;font-size:clamp(28px,3.3vw,54px);line-height:1.5;letter-spacing:-.035em;color:var(--km-on)}
.km-quote span{opacity:.16;transition:opacity .4s ease,color .4s ease}
.km-quote span.is-on{opacity:1}
.km-before{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:clamp(80px,9vw,150px);align-items:start}
.km-oldsite{position:sticky;top:110px}
.km-oldsite__win{position:relative;aspect-ratio:4/3.1;padding:0 0 18px;border-radius:12px;background:#f7f5f1;color:#2a2523;overflow:hidden;box-shadow:0 40px 80px -30px #000}
.km-oldsite__bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#e6e1d9}
.km-oldsite__bar i{width:10px;height:10px;border-radius:50%;background:#c9c2b7}
.km-oldsite__bar span{margin-left:12px;font-size:14px;color:#6d655c}
.km-oldsite__util{display:flex;justify-content:flex-end;gap:8px;padding:10px 6%}
.km-oldsite__util span{width:16px;height:16px;border-radius:50%;border:1.5px solid #cfc8bd}
.km-oldsite__head{display:flex;align-items:center;gap:12px;padding:0 6% 12px}
.km-oldsite__head b{font-family:var(--km-display);font-size:30px;line-height:1;color:#e60012}
.km-oldsite__head em{font-size:15px;font-weight:700;color:#231815}
.km-oldsite__gnb{display:flex;justify-content:space-between;gap:10px;padding:12px 6%;border-block:1px solid #e3ddd3;font-size:14px;font-weight:700;color:#4a423c;white-space:nowrap;overflow:hidden}
.km-oldsite__press{display:grid;gap:9px;padding:18px 6% 6px}
.km-oldsite__press i{height:12px;border-radius:3px;background:#e5dfd5}
.km-oldsite__press i:nth-child(1){width:86%}
.km-oldsite__press i:nth-child(2){width:72%}
.km-oldsite__press i:nth-child(3){width:79%}
.km-oldsite__banners{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 6%}
.km-oldsite__banners i{aspect-ratio:4/3;border-radius:6px;background:linear-gradient(135deg,#d9d2c6,#ece7de)}
.km-oldsite__banners i:nth-child(1){background:linear-gradient(135deg,#2c3f73,#46578a)}
.km-oldsite__banners i:nth-child(2){background:linear-gradient(135deg,#c93b2e,#e46a50)}
.km-oldsite__foot{position:absolute;left:0;right:0;bottom:0;height:18px;background:#37302c}
.km-pin{position:absolute;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--km-red);color:#fff;font-size:15px;font-weight:800;box-shadow:0 0 0 6px #d32d2533}
.km-pin--1{right:4%;top:33%}
.km-pin--2{left:3%;top:50%}
.km-pin--3{left:43%;top:30%}
.km-oldsite figcaption{margin-top:26px}
.km-oldsite figcaption b{display:block;font-size:17px;color:var(--km-on)}
.km-oldsite figcaption ol{margin-top:12px;display:grid;gap:8px}
.km-oldsite figcaption li{display:flex;gap:12px;font-size:16px;line-height:1.6;color:var(--km-sub)}
.km-oldsite figcaption li span{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--km-red);color:#fff;font-size:14px;font-weight:800}
.km-questions h2{margin-top:18px}
.km-questions ol{margin-top:44px;display:grid;gap:0;counter-reset:q}
.km-questions li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:30px 0;border-top:1px solid var(--km-dline)}
.km-questions li>span{font-family:var(--km-display);font-style:italic;font-size:30px;line-height:1;color:var(--km-red)}
.km-questions strong{display:block;font-size:20px;line-height:1.45;letter-spacing:-.02em;color:var(--km-on)}
.km-questions p{margin-top:10px;font-size:16px;color:var(--km-sub)}

/* ---------------------------------------------------------------- 03 ROUTE */
.km-people{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(56px,6vw,90px)}
.km-people li{position:relative;display:flex;flex-direction:column;min-height:250px;padding:26px 24px 24px;border-radius:18px;background:var(--km-card);box-shadow:0 1px 0 #fff inset,0 18px 40px -26px #6b4a3a66}
.km-people__no{font-family:var(--km-display);font-style:italic;font-size:22px;color:var(--km-redtx)}
.km-people strong{margin-top:18px;font-size:21px;letter-spacing:-.03em}
.km-people p{margin-top:10px;font-size:16px;line-height:1.65;color:var(--km-isub)}
.km-people__to{margin-top:auto;padding-top:18px;font-size:14px;font-weight:700;color:var(--km-redtx)}
.km-people__to::before{content:"→ "}
.km-route__head{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;margin-top:clamp(110px,11vw,180px)}
.km-map{position:relative;display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:clamp(90px,12vw,220px);margin-top:clamp(56px,6vw,90px)}
.km-map__links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.km-map__links path{fill:none;stroke:var(--km-red);stroke-width:1.4;opacity:.55;stroke-dasharray:var(--len,600);stroke-dashoffset:calc(var(--len,600) * (1 - var(--k,0)))}
.km-map__links path.is-hot{opacity:1;stroke-width:2.2}
.km-map__old{display:grid;gap:26px;align-content:start;position:sticky;top:120px}
.km-map__group b{display:block;font-family:var(--km-display);font-style:italic;font-weight:500;font-size:19px;color:var(--km-redtx)}
.km-map__group ul{margin-top:10px;display:grid;gap:8px}
.km-map__group li{position:relative;width:max-content;max-width:100%;padding:8px 16px;border:1px solid var(--km-lline);border-radius:99px;background:var(--km-card);font-size:15px;font-weight:600;line-height:1.4;transition:background .3s,color .3s,border-color .3s}
.km-map__group li small{font-size:14px;font-weight:500;color:var(--km-isub)}
.km-map__group li.is-hot{background:var(--km-char);color:var(--km-paper);border-color:var(--km-char)}
.km-map__group li.is-hot small{color:#d8cdbd}
.km-map__new{position:relative;display:grid;gap:0;padding-left:46px}
.km-map__new::before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:1.5px;background:linear-gradient(var(--km-red),var(--km-red)) no-repeat 0 0/100% var(--route,0%),var(--km-lline)}
.km-map__new li{position:relative;display:grid;grid-template-columns:52px 1fr auto;align-items:baseline;gap:14px;padding:16px 0;border-bottom:1px solid var(--km-lline);transition:opacity .4s}
.km-map__dot{position:absolute;left:-41px;top:23px;width:12px;height:12px;border-radius:50%;background:var(--km-paper);border:1.5px solid #b9ab98;transition:background .3s,border-color .3s,box-shadow .3s}
.km-map__new li.is-on .km-map__dot{background:var(--km-red);border-color:var(--km-red);box-shadow:0 0 0 6px #d32d2522}
.km-map__new b{font-family:var(--km-display);font-weight:500;font-size:26px;line-height:1;color:#a3968a;transition:color .3s}
.km-map__new li.is-on b{color:var(--km-redtx)}
.km-map__new strong{display:block;font-size:19px;letter-spacing:-.025em}
.km-map__new span:not(.km-map__dot){display:block;margin-top:4px;font-size:15px;color:var(--km-isub)}
.km-map__src{display:none;margin-top:6px;font-size:14px;font-weight:600;color:var(--km-redtx)}
.km-map .km-map__new em{align-self:center;padding:4px 10px;border-radius:99px;background:var(--km-red);color:#fff8ef;font-size:14px;font-weight:700;white-space:nowrap}

/* ---------------------------------------------------------------- 04 BRAND READING */
.km-brand{background:var(--km-ink);padding-bottom:0}
.km-read{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;width:calc(100% - 12vw);max-width:1440px;margin:clamp(70px,7vw,120px) auto 0}
.km-read__stage{position:sticky;top:12vh;height:76vh;min-height:520px}
.km-read__canvas{position:relative;height:100%;border-radius:22px;overflow:hidden;background:radial-gradient(100% 80% at 50% 30%,#22130f,#0d0807 70%);border:1px solid var(--km-dline)}
.km-read__scene{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .7s var(--km-ease),visibility .7s}
.km-read__stage[data-step="1"] .km-read__scene--name,.km-read__stage[data-step="2"] .km-read__scene--place,.km-read__stage[data-step="3"] .km-read__scene--life,.km-read__stage[data-step="4"] .km-read__scene--next{opacity:1;visibility:visible}
.km-read__scene--name{align-content:center;gap:34px;text-align:center}
.km-read__walk{font-family:var(--km-serif);font-weight:900;font-size:clamp(46px,6.4vw,104px);line-height:1;letter-spacing:-.05em;color:#f6efe3;white-space:nowrap}
.km-read__ruler{display:flex;align-items:center;gap:16px;width:min(520px,80%);margin-inline:auto;font-family:var(--km-display);font-size:18px;color:var(--km-gold)}
.km-read__ruler i{position:relative;flex:1;height:1px;background:repeating-linear-gradient(90deg,#e2c28a80 0 1px,transparent 1px 5%) bottom/100% 9px no-repeat,#e2c28a40}
.km-read__ruler b{position:absolute;left:0;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--km-red);box-shadow:0 0 16px var(--km-red);animation:km-walk 6s cubic-bezier(.45,0,.55,1) infinite}
@keyframes km-walk{0%{left:0}85%,100%{left:100%}}
.km-read__date{font-size:16px;color:var(--km-sub)}
.km-read__scene--place{display:block}
.km-read__photo,.km-read__plan{position:absolute}
.km-read__photo{left:9%;top:12%;width:60%;z-index:1}
.km-read__photo img{width:100%;aspect-ratio:600/367;object-fit:cover;border:9px solid #efe6d6;box-shadow:0 30px 60px -20px #000;filter:sepia(.5) contrast(1.05);transform:rotate(-3deg)}
.km-read__plan{right:5%;bottom:17%;width:84%}
.km-read__plan svg{width:100%;height:auto;color:var(--km-gold2)}
.km-read__plan svg path{stroke-width:1.6;vector-effect:non-scaling-stroke}
.km-read__photo figcaption,.km-read__plan figcaption{margin-top:12px;font-size:15px;color:var(--km-sub)}
.km-read__plan figcaption{text-align:right}
.km-read__tag{position:absolute;left:28px;bottom:24px;font-size:15px;font-weight:600;color:var(--km-gold2)}
.km-read__scene--life{grid-template-columns:1.1fr .9fr;gap:3%;padding:0 6%}
.km-read__ecg{width:100%;height:140px;overflow:visible}
.km-read__ecg path{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}
.km-read__ecg-base{stroke:#d32d2540}
.km-read__ecg-run{stroke:#ff5a4e;stroke-dasharray:.22 .78;stroke-dashoffset:.22;filter:drop-shadow(0 0 6px #d32d25);animation:km-ecg 1.9s linear infinite}
@keyframes km-ecg{to{stroke-dashoffset:-.78}}
.km-read__scene--life figure{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #e2c28a33,0 30px 80px -20px #a51930aa}
.km-read__scene--life figure img{width:100%;height:100%;object-fit:cover;object-position:68% 50%;transform:scale(1.25)}
.km-read__scene--life figcaption{position:absolute;left:0;right:0;bottom:12%;text-align:center;font-size:14px;font-weight:600;color:#fff4e6;text-shadow:0 1px 8px #000}
.km-read__scene--next img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.km-read__inf{position:relative;display:grid;font-family:Georgia,'Times New Roman',serif;font-size:clamp(90px,12vw,200px);line-height:1;color:#fff4e6;text-shadow:0 0 40px #000}
.km-read__inf>span{grid-area:1/1;text-align:center}
.km-read__one b{font-weight:400}
.km-read__hundred{animation:km-inf-a 4.8s ease-in-out infinite}
.km-read__one{opacity:0;animation:km-inf-b 4.8s ease-in-out infinite}
@keyframes km-inf-a{0%,36%{opacity:1}44%,94%{opacity:0}100%{opacity:1}}
@keyframes km-inf-b{0%,48%{opacity:0}56%,84%{opacity:1}92%,100%{opacity:0}}
.km-read__dots{position:absolute;left:28px;top:24px;display:flex;gap:8px}
.km-read__dots li{width:26px;height:3px;border-radius:2px;background:#f3ece033;transition:background .3s}
.km-read__stage[data-step="1"] .km-read__dots li:nth-child(1),.km-read__stage[data-step="2"] .km-read__dots li:nth-child(2),.km-read__stage[data-step="3"] .km-read__dots li:nth-child(3),.km-read__stage[data-step="4"] .km-read__dots li:nth-child(4){background:var(--km-red)}
.km-read__steps{padding-bottom:22vh}
.km-step{min-height:76vh;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 4px;opacity:.3;transition:opacity .5s}
.km-step.is-on{opacity:1}
.km-step__tag{font-family:var(--km-display);font-style:italic;font-size:19px;color:var(--km-gold)}
.km-step h3{margin-top:14px;font-family:var(--km-serif);font-weight:900;font-size:clamp(32px,3.4vw,52px);line-height:1.2;color:#f6efe3}
.km-step p{margin-top:20px;max-width:520px;font-size:18px;color:var(--km-sub)}

/* ---------------------------------------------------------------- 05 ARCHIVE */
.km-archive{padding-bottom:0}
.km-cut{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;margin-top:clamp(70px,7vw,120px)}
.km-cut__frame{position:relative;aspect-ratio:600/534;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 70px -30px #6b4a3a88;touch-action:pan-y}
.km-cut__before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.km-cut__after{position:absolute;inset:0;background:repeating-conic-gradient(#e6dccb 0 25%,#f3ece0 0 50%) 0 0/22px 22px;clip-path:inset(0 0 0 var(--cut))}
.km-cut__after img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 20px 18px #4a332466)}
.km-cut__line{position:absolute;top:0;bottom:0;left:var(--cut);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #0002}
.km-cut__line i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#fff;box-shadow:0 6px 18px #0004}
.km-cut__line i::before{content:"‹ ›";position:absolute;inset:0;display:grid;place-items:center;font-size:20px;font-weight:700;color:var(--km-char);letter-spacing:4px}
.km-cut__label{position:absolute;top:18px;padding:6px 12px;border-radius:99px;font-size:14px;font-weight:700}
.km-cut__label--l{left:18px;background:#1b1513cc;color:#fff}
.km-cut__label--r{right:18px;background:#f3ece0e6;color:var(--km-char)}
.km-cut__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.km-cut__copy h3{margin-top:16px;font-family:var(--km-serif);font-weight:900;font-size:clamp(30px,3vw,46px)}
.km-cut__copy>p:not(.km-eyebrow){margin-top:18px;max-width:520px;font-size:18px;color:var(--km-isub)}
.km-cut__facts{display:flex;gap:44px;margin-top:34px}
.km-cut__facts b{display:block;font-family:var(--km-display);font-weight:500;font-size:46px;line-height:1;color:var(--km-redtx);font-feature-settings:'lnum'}
.km-cut__facts span{display:block;margin-top:8px;font-size:15px;color:var(--km-isub)}
.km-drawer{margin-top:clamp(90px,9vw,150px);padding:clamp(60px,6vw,90px) 0 clamp(80px,8vw,120px);background:linear-gradient(#e8dfcd,#e2d7c2);box-shadow:0 1px 0 #fff8 inset,0 -24px 40px -30px #6b4a3a55 inset}
.km-drawer__shelf{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(14px,1.6vw,26px);width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
.km-obj figure{display:flex;flex-direction:column}
.km-obj__img{display:flex;align-items:flex-end;justify-content:center;height:clamp(170px,15vw,240px);padding-bottom:10px;border-bottom:1px solid #b6a68d}
.km-obj__img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;min-height:0;object-fit:contain;filter:drop-shadow(0 18px 18px #4a33244d);transition:transform .6s var(--km-ease)}
.km-obj:hover .km-obj__img img{transform:translateY(-10px) rotate(-2deg)}
.km-js .km-obj{opacity:0;transform:translateY(60px) rotate(calc((var(--i) - 3.5) * 1.6deg));transition:opacity .9s var(--km-ease),transform 1.1s var(--km-ease);transition-delay:calc(var(--i) * 90ms)}
.km-js .km-drawer.is-in .km-obj{opacity:1;transform:none}
.km-obj figcaption{margin-top:16px}
.km-obj figcaption span{display:block;font-family:var(--km-display);font-style:italic;font-size:15px;color:var(--km-redtx)}
.km-obj figcaption b{display:block;margin-top:4px;font-size:16px;line-height:1.4;letter-spacing:-.02em}
.km-obj figcaption small{display:block;margin-top:6px;font-size:14px;line-height:1.55;color:var(--km-isub)}

/* ---------------------------------------------------------------- 05 IMAGERY: 가로 트랙 */
.km-gen{position:relative;background:var(--km-ink)}
.km-gen__pin{display:flex;flex-direction:column;justify-content:center;gap:clamp(30px,4vh,56px);padding:clamp(96px,10vw,150px) 0 clamp(80px,8vw,120px)}
.km-gen__head .km-sectionhead{margin-bottom:clamp(30px,4vh,56px)}
.km-gen__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.km-gen__viewport::-webkit-scrollbar{display:none}
.km-gen__track{display:flex;gap:clamp(18px,2.4vw,40px);width:max-content;padding:0 6vw;transform:translateX(calc(var(--mx,0) * -1px))}
.km-shot{flex:none;width:clamp(300px,38vw,620px)}
.km-shot--1{margin-top:6vh}
.km-shot--2{margin-top:-2vh}
.km-shot figure{position:relative}
.km-shot__img{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#1a1210}
.km-shot__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.4s var(--km-ease)}
.km-shot.is-seen .km-shot__img img{transform:none}
.km-shot figcaption{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:6px 14px;margin-top:18px}
.km-shot__no{font-family:var(--km-display);font-style:italic;font-size:18px;color:var(--km-gold)}
.km-shot figcaption b{font-family:var(--km-display);font-weight:500;font-size:26px;letter-spacing:.02em;color:#f6efe3}
.km-shot figcaption strong{font-size:17px;color:#efe5d4}
.km-shot figcaption small{grid-column:1/-1;font-size:14px;color:var(--km-sub)}
.km-gen__bar{display:flex;align-items:center;gap:24px;font-size:14px;letter-spacing:.12em;color:var(--km-sub)}
.km-gen__bar i{position:relative;flex:1;height:1px;background:var(--km-dline)}
.km-gen__bar b{position:absolute;inset:0;background:var(--km-red);transform-origin:left;transform:scaleX(var(--mp,0))}
.km-gen__count{font-family:var(--km-display);font-size:17px;letter-spacing:.04em;color:var(--km-gold)}
@media (min-width:1101px){
  html.km-motion .km-gen__pin{position:sticky;top:0;height:100vh;padding:84px 0 100px;overflow:hidden}
  html.km-motion .km-gen__viewport{overflow:visible}
  html.km-motion .km-shot{width:min(36vw,58vh * 1.6)}
}

/* ---------------------------------------------------------------- 06 COLOR */
.km-color{background:var(--km-ink2)}
.km-derive{display:grid;grid-template-columns:minmax(220px,.8fr) 2fr;gap:5vw;align-items:center;margin-top:clamp(64px,7vw,110px);padding:clamp(28px,3vw,44px);border:1px solid var(--km-dline);border-radius:22px}
.km-derive__root{display:grid;justify-items:start;gap:8px}
.km-derive__root i{width:120px;height:120px;border-radius:50%;background:var(--c);box-shadow:0 0 60px #e6001255}
.km-derive__root b{margin-top:10px;font-size:20px;color:#f6efe3}
.km-derive__root code{font-size:17px;color:var(--km-gold2)}
.km-derive__root span{font-size:15px;color:var(--km-sub)}
.km-derive ol{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.km-derive li{position:relative;display:grid;gap:6px;padding:20px 0 0 22px;border-left:1px dashed #e2c28a4d}
.km-derive li i{width:100%;height:84px;border-radius:12px;background:var(--c)}
.km-derive__dir{font-size:14px;font-weight:700;color:var(--km-gold)}
.km-derive li b{margin-top:6px;font-size:18px;color:#f6efe3}
.km-derive li code{font-size:16px;color:#efe5d4}
.km-derive li>span:last-child{font-size:15px;color:var(--km-sub)}
.km-js .km-derive li{opacity:0;transform:translateX(-20px);transition:opacity .7s var(--km-ease),transform .9s var(--km-ease);transition-delay:var(--d)}
.km-js .km-derive.is-in li{opacity:1;transform:none}
.km-picks{display:grid;grid-template-columns:1.9fr .9fr 1.2fr;gap:22px;margin-top:clamp(56px,6vw,90px);align-items:start}
.km-pick__img{position:relative;border-radius:14px;overflow:hidden}
.km-pick__img img{width:100%;height:auto}
.km-pick__pt{position:absolute;left:var(--x);top:var(--y);width:0;height:0}
.km-pick__pt i{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:3px solid #fff;background:var(--raw);box-shadow:0 0 0 1px #0004,0 8px 20px #0007;animation:km-ping 2.6s ease-out infinite}
.km-pick__pt::after{content:"";position:absolute;left:30px;top:-30px;width:60px;height:60px;border-radius:50%;background:var(--c);border:3px solid #fff;box-shadow:0 8px 20px #0007;opacity:0;transform:scale(.4);transition:opacity .5s .3s,transform .6s .3s var(--km-ease)}
.km-pick.is-in .km-pick__pt::after{opacity:1;transform:none}
@keyframes km-ping{0%{box-shadow:0 0 0 0 #fff8,0 8px 20px #0007}70%{box-shadow:0 0 0 18px #fff0,0 8px 20px #0007}100%{box-shadow:0 0 0 0 #fff0,0 8px 20px #0007}}
.km-pick figcaption{display:grid;gap:10px;margin-top:16px}
.km-pick figcaption b{font-size:16px;color:#efe5d4}
.km-pick__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;color:var(--km-sub)}
.km-pick__row i{width:22px;height:22px;border-radius:6px;background:var(--c);box-shadow:0 0 0 1px #fff3}
.km-pick__row code{font-size:15px;color:#efe5d4}
.km-pick__row em{margin-left:6px;color:var(--km-gold2)}
.km-palette{margin-top:clamp(70px,7vw,110px)}
.km-palette__head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.km-palette__head h3{font-size:clamp(24px,2.2vw,32px);color:#f6efe3}
.km-palette__head span{font-size:16px;color:var(--km-sub)}
.km-palette__ratio{display:flex;height:16px;margin-top:22px;border-radius:99px;overflow:hidden;box-shadow:0 0 0 1px #f3ece022}
.km-palette__ratio i{flex:var(--w) 0 0;min-width:3px;background:var(--c)}
.km-palette__chips{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:26px}
.km-chip{display:grid;width:100%;text-align:left;border-radius:16px;overflow:hidden;background:#ffffff08;border:1px solid var(--km-dline);transition:transform .3s,border-color .3s}
.km-chip:hover{transform:translateY(-4px);border-color:#e2c28a66}
.km-chip__swatch{position:relative;display:flex;align-items:flex-end;justify-content:space-between;height:130px;padding:14px 16px;background:var(--c);color:var(--on)}
.km-chip__swatch b{font-family:var(--km-serif);font-size:34px;font-weight:900;line-height:1}
.km-chip__swatch small{font-size:14px;font-weight:700}
.km-chip__name{padding:14px 16px 0;font-size:17px;font-weight:700;color:#f6efe3}
.km-chip code{padding:4px 16px 0;font-size:16px;color:var(--km-gold2)}
.km-chip__rgb{padding:2px 16px 16px;font-size:14px;color:var(--km-sub)}
.km-palette__chips li>p{margin-top:12px;font-size:15px;line-height:1.6;color:var(--km-sub)}
.km-palette__chips li>p b{display:block;margin-bottom:4px;font-size:15px;color:#efe5d4}

/* ---------------------------------------------------------------- 07 TYPOGRAPHY */
.km-specimen{position:relative;border:1px solid var(--km-lline);border-radius:22px;padding:clamp(26px,3vw,44px);background:var(--km-card)}
.km-specimen__label{display:flex;justify-content:space-between;gap:16px;font-size:15px;color:var(--km-isub)}
.km-specimen__label code{font-size:15px;font-weight:700;color:var(--km-redtx)}
.km-specimen__note{margin-top:16px;font-size:14px;color:var(--km-isub)}
.km-specimen--year{margin-top:clamp(64px,7vw,110px);padding-bottom:clamp(30px,3vw,44px);background:var(--km-ink);border-color:transparent;color:var(--km-on)}
.km-specimen--year .km-specimen__label{color:var(--km-sub)}
.km-specimen--year .km-specimen__label code{color:var(--km-gold2)}
.km-roll{display:flex;justify-content:center;margin-top:18px;font-family:var(--km-display);font-weight:500;font-size:clamp(100px,19vw,300px);line-height:1;font-feature-settings:'lnum','tnum';color:#f6efe3}
.km-roll__d{display:block;height:1em;overflow:hidden}
.km-roll__col{display:flex;flex-direction:column;transform:translateY(calc(var(--n,0) * -1em));transition:transform .25s cubic-bezier(.3,.7,.2,1)}
.km-roll__col span{display:block;height:1em;text-align:center}
.km-roll__d:nth-child(1){color:var(--km-red)}
.km-ratio{display:flex;align-items:center;gap:16px;margin:28px auto 0;max-width:640px;font-family:var(--km-display);font-size:18px;color:var(--km-gold)}
.km-ratio i{position:relative;flex:1;height:1px;background:#e2c28a40}
.km-ratio b{position:absolute;inset:0;background:var(--km-red);transform-origin:left;transform:scaleX(var(--rp,0))}
.km-specimens{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:20px}
.km-serif{margin-top:18px;font-family:var(--km-serif);font-weight:var(--wght,300);font-size:clamp(46px,5.6vw,92px);line-height:1.1;letter-spacing:-.05em;white-space:nowrap}
.km-bhead{margin-top:18px;font-weight:300;font-size:clamp(40px,4vw,64px);line-height:1.15;letter-spacing:-.07em;color:#292323}
.km-bhead b{font-weight:650;color:#a51930}
.km-geo{position:relative;display:grid;margin-top:18px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(80px,8vw,130px);line-height:1;color:#a51930;cursor:default}
.km-geo span{grid-area:1/1;transition:opacity .5s,transform .6s var(--km-ease)}
.km-geo__b{opacity:0;transform:translateY(12px)}
.km-geo:hover .km-geo__a,.km-geo.is-on .km-geo__a{opacity:0;transform:translateY(-12px)}
.km-geo:hover .km-geo__b,.km-geo.is-on .km-geo__b{opacity:1;transform:none}
.km-body{margin-top:18px;font-size:19px;line-height:1.8;color:var(--km-char)}

/* ---------------------------------------------------------------- 08 FILM & MOTION */
.km-film{background:var(--km-ink)}
.km-board{margin-top:clamp(64px,7vw,110px);padding:26px clamp(18px,2vw,30px) 30px;border-radius:20px;background:#120d0b;border:1px solid var(--km-dline)}
.km-board__head{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px dashed #e2c28a40;font-size:14px;letter-spacing:.12em;color:var(--km-gold)}
.km-board__cuts{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px;margin-top:24px}
.km-board__img{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000}
.km-board__img::before,.km-board__img::after{content:"";position:absolute;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,transparent 0 6px,#f3ece026 6px 12px);z-index:1}
.km-board__img::before{top:0}
.km-board__img::after{bottom:0}
.km-board__img img{width:100%;height:100%;object-fit:cover}
.km-board__tc{display:flex;gap:10px;margin-top:12px;font-size:14px;color:var(--km-sub);font-feature-settings:'tnum'}
.km-board__tc b{color:var(--km-red)}
.km-board__cuts strong{display:block;margin-top:4px;font-size:18px;color:#f6efe3}
.km-board__cuts p{margin-top:4px;font-size:15px;line-height:1.6;color:var(--km-sub)}
.km-scrub{display:grid;grid-template-columns:1.5fr 1fr;gap:4vw;align-items:center;margin-top:clamp(60px,6vw,96px)}
.km-scrub__view{position:relative;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 30px 80px -30px #000}
.km-scrub__view img{width:100%;aspect-ratio:16/9;object-fit:cover}
.km-scrub__tc{position:absolute;right:16px;top:14px;padding:4px 10px;border-radius:6px;background:#000a;font-size:15px;font-weight:700;font-feature-settings:'tnum';color:#f6efe3}
.km-scrub__ctrl label{display:block;font-size:20px;font-weight:800;color:#f6efe3}
.km-scrub__range{width:100%;margin-top:20px;accent-color:var(--km-red);height:30px;cursor:pointer}
.km-scrub__no{margin-top:6px;font-family:var(--km-display);font-size:17px;color:var(--km-gold)}
.km-scrub__ctrl p:last-child{margin-top:18px;font-size:16px;color:var(--km-sub)}
.km-films{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:clamp(60px,6vw,96px)}
.km-reel__frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
.km-reel__frame video{width:100%;height:100%;object-fit:cover}
.km-reel__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(#0000,#0008);color:#fff8ef;font-weight:700;font-size:17px;transition:opacity .3s}
.km-reel__play span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--km-red);font-size:20px;box-shadow:0 0 0 10px #d32d2533}
.km-reel.is-playing .km-reel__play{opacity:0;pointer-events:none}
.km-reel figcaption{margin-top:16px}
.km-reel figcaption span{font-family:var(--km-display);font-style:italic;font-size:17px;color:var(--km-gold)}
.km-reel figcaption p{margin-top:8px;font-size:16px;color:var(--km-sub)}
.km-moves{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(60px,6vw,96px)}
.km-move b{display:block;margin-top:18px;font-size:18px;color:#f6efe3}
.km-move p{margin-top:8px;font-size:15px;line-height:1.65;color:var(--km-sub)}
.km-move__demo{position:relative;height:170px;border-radius:14px;overflow:hidden;background:#17100e;border:1px solid var(--km-dline)}
.km-move__demo--slide{display:flex;align-items:center;gap:18px;padding-left:20px;font-family:var(--km-display);font-size:44px;color:#f3ece033;white-space:nowrap}
.km-move__demo--slide span{animation:km-slide 7s cubic-bezier(.6,0,.3,1) infinite}
.km-move__demo--slide span:nth-child(2){color:var(--km-red)}
@keyframes km-slide{0%,15%{transform:translateX(0)}30%,45%{transform:translateX(-120px)}60%,75%{transform:translateX(-240px)}90%,100%{transform:translateX(0)}}
.km-move__demo--depth{display:grid;place-items:center}
.km-move__demo--depth img{width:44%;filter:drop-shadow(0 16px 16px #000a);animation:km-depth 4.2s cubic-bezier(.5,0,.3,1) infinite}
@keyframes km-depth{0%{transform:scale(.2) translateY(20px);opacity:0}40%,70%{transform:none;opacity:1}100%{transform:translateX(110%) scale(.9);opacity:0}}
.km-move__demo--open{display:grid;place-items:center}
.km-move__demo--open i{display:block;width:30%;height:34%;border-radius:8px;background:url("../img/works/100med/kf-5.webp") center/cover;animation:km-open 4.6s cubic-bezier(.6,0,.3,1) infinite}
@keyframes km-open{0%,18%{width:30%;height:34%;border-radius:8px}55%,85%{width:100%;height:100%;border-radius:0}100%{width:30%;height:34%;border-radius:8px}}
.km-move__demo--words{display:flex;flex-wrap:wrap;align-content:center;gap:6px 10px;padding:0 20px;font-family:var(--km-serif);font-weight:800;font-size:28px;color:#f3ece0}
.km-move__demo--words span{opacity:.15;animation:km-word 4s linear infinite}
.km-move__demo--words span:nth-child(2){animation-delay:.5s}
.km-move__demo--words span:nth-child(3){animation-delay:1s}
.km-move__demo--words span:nth-child(4){animation-delay:1.5s}
@keyframes km-word{0%{opacity:.15}12%,70%{opacity:1}85%,100%{opacity:.15}}

/* ---------------------------------------------------------------- 09·10 SIANS */
.km-sian{position:relative;padding:clamp(96px,10vw,160px) 0 clamp(80px,8vw,120px);background:var(--km-ink)}
.km-sian--b{background:linear-gradient(#160c0f,#100709)}
.km-sian__inner{display:grid;grid-template-columns:minmax(300px,.8fr) 2fr;gap:4vw;width:calc(100% - 8vw);max-width:1600px;margin-inline:auto;align-items:start}
.km-sian__info{position:sticky;top:110px}
.km-sian__letter{display:block;font-family:var(--km-display);font-weight:500;font-size:150px;line-height:.8;color:transparent;-webkit-text-stroke:1px #e2c28a80}
.km-sian--b .km-sian__letter{-webkit-text-stroke-color:#ff7a8d80}
.km-sian__status{display:inline-block;margin-top:24px;padding:6px 14px;border-radius:99px;background:var(--km-red);color:#fff8ef;font-size:14px;font-weight:700}
.km-sian--b .km-sian__status{background:var(--km-crimson)}
.km-sian__info h3{margin-top:18px;font-family:var(--km-serif);font-weight:900;font-size:clamp(32px,3vw,48px);line-height:1.2;color:#f6efe3}
.km-sian__info h3 small{display:block;margin-bottom:8px;font-family:var(--km-display);font-style:italic;font-weight:500;font-size:19px;letter-spacing:.01em;color:var(--km-gold)}
.km-sian__info>p{margin-top:18px;font-size:17px;color:var(--km-sub)}
.km-sian__points{margin-top:20px;display:grid;gap:10px}
.km-sian__points li{position:relative;padding-left:20px;font-size:15px;line-height:1.6;color:#efe5d4}
.km-sian__points li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--km-red)}
.km-sian--b .km-sian__points li::before{background:#e05a6c}
.km-sian__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
.km-sian__chips i{width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #fff3}
.km-sian__chips span{margin-left:8px;font-size:14px;color:var(--km-sub)}
.km-sian__open{display:inline-flex;align-items:center;gap:14px;margin-top:28px;padding:13px 22px;border:1px solid #e2c28a73;border-radius:99px;font-size:15px;font-weight:700;color:#f6efe3;transition:background .3s,color .3s}
.km-sian__open:hover{background:var(--km-gold2);color:var(--km-ink)}
.km-sian__device{position:relative;padding-right:min(9vw,150px)}
.km-browser{border-radius:14px;overflow:hidden;background:#1c1513;box-shadow:0 50px 100px -40px #000,0 0 0 1px #f3ece01a}
.km-browser__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:38px;padding:0 14px;background:#231a17;font-size:14px;color:var(--km-sub)}
.km-browser__bar>span:first-child{display:flex;gap:6px}
.km-browser__bar i{width:10px;height:10px;border-radius:50%;background:#4a3c36}
.km-browser__url{flex:1;max-width:340px;padding:3px 14px;border-radius:99px;background:#130e0c;text-align:center;white-space:nowrap}
.km-browser__live{font-weight:700;color:var(--km-gold2)}
.km-browser__view{aspect-ratio:1440/900;background:#000}
.km-browser__view video{width:100%;height:100%;object-fit:cover}
.km-phone{position:absolute;right:0;bottom:-40px;width:min(16vw,236px);aspect-ratio:390/844;padding:9px;border-radius:34px;background:#0d0a09;box-shadow:0 40px 80px -30px #000,0 0 0 1px #f3ece026}
.km-phone__notch{position:absolute;left:50%;top:15px;z-index:2;width:30%;height:14px;margin-left:-15%;border-radius:99px;background:#0d0a09}
.km-phone__view{height:100%;border-radius:26px;overflow:hidden;background:#000}
.km-phone__view video,.km-phone>img{width:100%;height:100%;object-fit:cover;border-radius:26px}
.km-chapter-bar{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;margin-top:22px;margin-right:calc(min(16vw,236px) - min(9vw,150px) + 20px)}
.km-chapter-bar__track{grid-column:1/-1;position:relative;height:2px;background:var(--km-dline)}
.km-chapter-bar__track i{position:absolute;inset:0;background:var(--km-red);transform-origin:left;transform:scaleX(var(--vp,0))}
.km-sian--b .km-chapter-bar__track i{background:#e05a6c}
.km-chapter-bar__list{display:flex;flex-wrap:wrap;gap:6px}
.km-chapter-bar__list button{display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border-radius:99px;border:1px solid var(--km-dline);font-size:14px;line-height:1.3;color:var(--km-sub);transition:background .25s,color .25s,border-color .25s}
.km-chapter-bar__list button b{font-family:var(--km-display);font-weight:500;font-size:14px;color:var(--km-gold)}
.km-chapter-bar__list button:hover{border-color:#e2c28a80;color:#f6efe3}
.km-chapter-bar__list button[aria-current="true"]{background:#f3ece0;border-color:#f3ece0;color:var(--km-ink)}
.km-chapter-bar__list button[aria-current="true"] b{color:var(--km-redtx)}
.km-chapter-bar__play{width:40px;height:40px;border-radius:50%;border:1px solid var(--km-dline);color:#f6efe3;font-size:14px}
.km-notes{margin-top:clamp(90px,8vw,130px)}
.km-notes__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px}
.km-notes__head p{max-width:560px;font-size:16px;color:var(--km-sub)}
.km-notes__strip{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px;width:calc(100% - 12vw);max-width:1440px;margin:34px auto 0}
.km-notes__shot{display:block;width:100%;border-radius:12px;overflow:hidden;background:#000}
.km-notes__shot img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .8s var(--km-ease)}
.km-notes__shot:hover img{transform:scale(1.04)}
.km-notes__strip b{display:block;margin-top:14px;font-size:16px;line-height:1.45;color:#f6efe3}
.km-notes__strip p{margin-top:6px;font-size:15px;line-height:1.6;color:var(--km-sub)}

/* ---------------------------------------------------------------- 11 MOBILE */
.km-mobile{overflow:hidden}
.km-phones{display:flex;gap:clamp(18px,2vw,32px);width:max-content;margin-top:clamp(56px,6vw,90px);padding:0 6vw 40px;transform:translateX(calc(var(--px,0) * -1px))}
.km-phones .km-phone{position:relative;right:auto;bottom:auto;flex:none;width:clamp(200px,17vw,260px);transform:translateY(calc(var(--sp) * var(--pp,0) * 1.6px))}
.km-phones .km-phone figcaption{position:absolute;left:0;right:0;bottom:-34px;text-align:center;font-size:14px;font-weight:700;color:var(--km-isub)}
.km-phone--b{background:#2a1d20}

/* ---------------------------------------------------------------- COMPARE */
.km-compare{padding-top:0}
.km-table{margin-top:clamp(56px,6vw,90px);border-top:2px solid var(--km-char)}
.km-table__row{display:grid;grid-template-columns:200px 1fr 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--km-lline);font-size:16px;line-height:1.6}
.km-table__row>span:first-child{font-weight:700;color:var(--km-char)}
.km-table__row>span{color:var(--km-isub)}
.km-table__row--head>span{font-size:15px;font-weight:800;color:var(--km-char)}
.km-table__row--head .is-a{color:var(--km-redtx)}
.km-table__row--head .is-b{color:#8f1428}

/* ---------------------------------------------------------------- 12 NEXT 100 */
.km-next{position:relative;overflow:hidden;padding:clamp(130px,14vw,220px) 0 clamp(110px,11vw,170px);background:#080505}
.km-next__bg{position:absolute;inset:0}
.km-next__bg img{width:100%;height:100%;object-fit:cover;opacity:.36;transform:scale(calc(1.15 - var(--np,0) * .15))}
.km-next__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080505 18%,#080505b3 55%,#08050566),linear-gradient(#080505,transparent 30%,transparent 70%,#080505)}
.km-next__inner{position:relative}
.km-next__inner>.km-next__big{margin:0;max-width:none;font-family:var(--km-display);font-weight:500;font-size:clamp(70px,13vw,220px);line-height:.9;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px #e2c28a66;white-space:nowrap}
.km-next__big span{color:var(--km-red);-webkit-text-stroke:0;text-shadow:0 0 50px #d32d2566}
.km-next .km-eyebrow{margin-top:40px}
.km-next h2{margin-top:18px;font-family:var(--km-serif);font-weight:900;font-size:clamp(36px,4.4vw,70px);color:#f6efe3}
.km-next__inner>p{margin-top:24px;max-width:620px;font-size:18px;color:var(--km-sub)}
.km-next__links{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-top:40px}
.km-others{margin-top:clamp(100px,10vw,160px);padding-top:40px;border-top:1px solid var(--km-dline)}
.km-others__title{font-size:22px!important;color:#f6efe3}
.km-others ul{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.km-others a{display:block;color:var(--km-on)!important}
.km-others__img{display:block;aspect-ratio:820/568;border-radius:14px;overflow:hidden;background:#1a1210}
.km-others__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--km-ease)}
.km-others a:hover .km-others__img img{transform:scale(1.04)}
.km-others__tag{display:block;margin-top:16px;font-size:14px;color:var(--km-gold)}
.km-others strong{display:block;margin-top:4px;font-size:19px;color:#f6efe3}
.km-others__desc{display:-webkit-box;margin-top:8px;font-size:15px;line-height:1.6;color:var(--km-sub);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------------------------------------------------------------- bottom index: 1923 → 2023 */
.km-index{position:fixed;left:50%;bottom:18px;z-index:900;display:flex;align-items:center;gap:2px;max-width:calc(100% - 32px);padding:6px 8px 6px 14px;border-radius:99px;background:#0b0908e6;border:1px solid #f3ece01f;box-shadow:0 20px 50px -20px #000;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate(-50%,140%);opacity:0;transition:transform .5s var(--km-ease),opacity .4s;overflow:hidden}
.km-index.is-visible{transform:translate(-50%,0);opacity:1}
.km-index__year{display:flex;align-items:baseline;gap:8px;padding-right:12px;margin-right:4px;border-right:1px solid #f3ece026;white-space:nowrap}
.km-index__year small{font-size:14px;letter-spacing:.12em;color:var(--km-sub)}
.km-index__year b{min-width:3.2em;font-family:var(--km-display);font-weight:500;font-size:22px;line-height:1;font-feature-settings:'lnum','tnum';color:var(--km-red)}
.km-index__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
.km-index__bar i{position:absolute;inset:0;background:var(--km-red);transform-origin:left;transform:scaleX(var(--read,0))}
.km-index a{display:inline-flex;align-items:baseline;gap:6px;padding:8px 10px;border-radius:99px;font-size:14px;line-height:1.2;color:var(--km-sub)!important;white-space:nowrap;transition:background .25s,color .25s}
.km-index a b{font-family:var(--km-display);font-weight:500;font-size:14px;color:var(--km-gold)}
.km-index a:hover{color:#f6efe3!important}
.km-index a[aria-current]{background:#f3ece0;color:var(--km-ink)!important}
.km-index a[aria-current] b{color:var(--km-redtx)}

/* ---------------------------------------------------------------- lightbox · toast */
.km-lightbox{width:min(1280px,94vw);max-width:none;height:min(92vh,980px);max-height:none;padding:0;border:0;border-radius:18px;background:#120d0b;color:var(--km-on);overflow:hidden}
.km-lightbox::backdrop{background:#000c}
.km-lightbox__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 22px;border-bottom:1px solid #f3ece01f}
.km-lightbox__bar p{font-size:16px;font-weight:700}
.km-lightbox__close{padding:8px 14px;border-radius:99px;border:1px solid #f3ece033;color:var(--km-on);font-size:15px;font-weight:700;cursor:pointer;background:none}
.km-lightbox__scroll{height:calc(100% - 60px);overflow:auto;padding:22px}
.km-lightbox__list{display:grid;gap:28px;margin:0;padding:0;list-style:none}
.km-lightbox__list figure{margin:0}
.km-lightbox__list img{width:100%;height:auto;border-radius:10px;background:#000}
.km-lightbox__list figcaption{display:flex;gap:12px;margin-top:10px;font-size:15px;color:var(--km-sub)}
.km-lightbox__list figcaption b{font-family:var(--km-display);color:var(--km-gold)}
.km-lightbox__list li.is-target img{outline:3px solid var(--km-red);outline-offset:4px}
.km-toast{position:fixed;left:50%;bottom:96px;z-index:1200;padding:12px 20px;border-radius:99px;background:#f3ece0;color:#1b1513;font-size:15px;font-weight:700;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.km-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------------------------------------------------------------- responsive */
@media (min-width:1101px) and (max-height:820px){
  .km-hero__prints{top:150px;width:min(18vw,250px)}
  .km-read__stage{top:96px;height:calc(100vh - 120px);min-height:0}
  html.km-motion .km-gen__head .km-prose{display:none}
  html.km-motion .km-gen__head h2{font-size:clamp(30px,3vw,44px)}
  html.km-motion .km-gen__head .km-sectionhead{margin-bottom:18px;padding-bottom:12px}
  html.km-motion .km-shot{width:min(32vw,44vh * 1.6)}
  html.km-motion .km-gen__pin{gap:22px}
}
@media (max-width:1280px){
  .km-palette__chips{grid-template-columns:repeat(3,1fr)}
  .km-drawer__shelf{grid-template-columns:repeat(4,1fr);row-gap:44px}
  .km-index a span{display:none}
}
@media (max-width:1100px){
  .km-split,.km-route__head{grid-template-columns:1fr;gap:28px}
  .km-meta{grid-template-columns:1fr 1fr}
  .km-meta>div:nth-child(3){padding-left:0;border-left:0}
  .km-stats{grid-template-columns:1fr 1fr;row-gap:44px}
  .km-before{grid-template-columns:1fr;gap:70px}
  .km-oldsite{position:relative;top:auto;max-width:620px}
  .km-people{grid-template-columns:1fr 1fr}
  .km-map{grid-template-columns:1fr;gap:50px}
  .km-map__links{display:none}
  .km-map__old{position:relative;top:auto;grid-template-columns:1fr 1fr}
  .km-map__src{display:block}
  .km-read{grid-template-columns:1fr;gap:0}
  .km-read__stage{position:sticky;top:76px;height:46vh;min-height:300px;z-index:1}
  .km-read__steps{position:relative;z-index:2;padding-bottom:10vh}
  .km-step{min-height:auto;margin:36vh 0 0;padding:26px 24px;border-radius:18px;background:#0b0908f0;border:1px solid var(--km-dline);opacity:1}
  .km-cut{grid-template-columns:1fr}
  .km-derive{grid-template-columns:1fr}
  .km-picks{grid-template-columns:1fr 1fr}
  .km-pick--0{grid-column:1/-1}
  .km-specimens{grid-template-columns:1fr}
  .km-board__cuts{grid-template-columns:repeat(2,1fr)}
  .km-scrub{grid-template-columns:1fr}
  .km-moves{grid-template-columns:1fr 1fr}
  .km-sian__inner{grid-template-columns:1fr;width:calc(100% - 12vw)}
  .km-sian__info{position:relative;top:auto}
  .km-sian__letter{font-size:110px}
  .km-notes__strip{grid-template-columns:1fr 1fr}
  .km-others ul{grid-template-columns:1fr 1fr}
  .km-table__row{grid-template-columns:150px 1fr 1fr}
  .km-index a{display:none}
  .km-index{padding-right:14px}
  .km-index__year{border-right:0;margin-right:0}
}
@media (max-width:720px){
  .km{font-size:16px}
  .km-wrap{width:calc(100% - 40px)}
  .km h2{font-size:clamp(30px,8.4vw,40px)}
  .km-prose p{font-size:17px}
  .km-sectionhead{flex-direction:column;gap:6px}
  html.km-motion .km-hero{height:420vh}
  .km-hall{width:124vw;bottom:18vh;transform:translateX(-50%) translateY(calc(var(--t) * 4vh)) scale(calc(1 - var(--t) * .1))}
  .km-hero__ghost{top:44%;font-size:min(42vw,30vh)}
  .km-hero__top{top:96px;left:20px;right:20px;font-size:14px;letter-spacing:.08em}
  .km-hero__top span:last-child{display:none}
  .km-hero__open,.km-hero__subs{left:20px;right:20px;top:19vh}
  .km-hero__first{font-size:clamp(30px,8.6vw,40px)}
  .km-sub{font-size:clamp(23px,6.6vw,30px)}
  .km-hero__prints{right:20px;top:auto;bottom:38vh;width:44vw}
  .km-hero__year{left:20px;right:20px;bottom:calc(14px + env(safe-area-inset-bottom));column-gap:14px}
  .km-hero__year>b{font-size:44px}
  .km-hero__ms{font-size:15px;white-space:normal}
  .km-hero__ticks li:not(:first-child):not(:last-child){display:none}
  .km-hero__title{left:20px;right:20px;top:18vh}
  .km-hero__title h1{font-size:clamp(36px,10.4vw,50px)}
  .km-hero__lead{font-size:17px}
  .km-hero__hint{top:auto;bottom:16vh}
  .km-hero__note{display:none}
  .km-meta{grid-template-columns:1fr}
  .km-meta>div,.km-meta>div+div{padding:20px 0 0;border-left:0}
  .km-stats{grid-template-columns:1fr 1fr;gap:34px 16px}
  .km-stats strong{font-size:52px}
  .km-quote{font-size:clamp(23px,6.4vw,30px)}
  .km-oldsite__gnb{font-size:14px;gap:6px}
  .km-oldsite__gnb span:nth-child(3){display:none}
  .km-questions li{grid-template-columns:44px 1fr;gap:12px}
  .km-people{grid-template-columns:1fr}
  .km-people li{min-height:auto}
  .km-map__old{grid-template-columns:1fr}
  .km-map__new{padding-left:34px}
  .km-map__dot{left:-30px}
  .km-map__new::before{left:5px}
  .km-map__new li{grid-template-columns:40px 1fr}
  .km-map__new em{display:none}
  .km-read{width:calc(100% - 40px)}
  .km-read__stage{height:40vh}
  .km-read__walk{font-size:clamp(40px,12vw,58px)}
  .km-read__scene--place,.km-read__scene--life{gap:10px;padding:0 18px}
  .km-read__photo figcaption,.km-read__plan figcaption{font-size:14px}
  .km-read__tag{left:16px;bottom:14px;font-size:14px}
  .km-step h3{font-size:30px}
  .km-step p{font-size:16px}
  .km-cut__facts{gap:28px}
  .km-cut__facts b{font-size:36px}
  .km-drawer__shelf{display:flex;width:auto;padding:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .km-drawer__shelf::-webkit-scrollbar{display:none}
  .km-obj{flex:none;width:62vw;scroll-snap-align:center}
  .km-shot{width:80vw}
  .km-gen__track{padding:0 20px}
  .km-derive ol{grid-template-columns:1fr}
  .km-derive li i{height:56px}
  .km-picks{grid-template-columns:1fr}
  .km-palette__head{flex-direction:column;gap:4px}
  .km-palette__chips{grid-template-columns:1fr 1fr}
  .km-chip__swatch{height:100px}
  .km-roll{font-size:27vw}
  .km-serif{font-size:12vw}
  .km-board__cuts{grid-template-columns:1fr 1fr;gap:20px 12px}
  .km-board__cuts p{font-size:14px}
  .km-moves{grid-template-columns:1fr}
  .km-films{grid-template-columns:1fr}
  .km-sian__inner{width:calc(100% - 40px)}
  .km-sian__device{padding-right:0}
  .km-phone{position:relative;right:auto;bottom:auto;width:62%;margin:28px auto 0}
  .km-chapter-bar{margin-right:0}
  .km-notes__strip{grid-template-columns:1fr;width:calc(100% - 40px)}
  .km-notes__head{width:calc(100% - 40px)}
  .km-phones{padding:0 20px 40px;overflow-x:auto;width:auto;transform:none;scroll-snap-type:x mandatory;scrollbar-width:none}
  .km-phones::-webkit-scrollbar{display:none}
  .km-phones .km-phone{width:62vw;margin:0;scroll-snap-align:center;transform:none}
  .km-table__row{grid-template-columns:1fr;gap:6px}
  .km-table__row--head{display:none}
  .km-table__row>span[role="cell"]:nth-child(2)::before{content:"A · ";font-weight:700;color:var(--km-redtx)}
  .km-table__row>span[role="cell"]:nth-child(3)::before{content:"B · ";font-weight:700;color:#8f1428}
  .km-others ul{grid-template-columns:1fr}
  .km-next__big{font-size:22vw}
  .km-index{left:auto;right:12px;top:96px;bottom:auto;padding:4px 12px;transform:translateY(-20px)}
  .km-index.is-visible{transform:none}
  .km-index__year small{font-size:14px;letter-spacing:.08em}
  .km-index__year b{min-width:2.6em;font-size:19px}
}
@media (prefers-reduced-motion:reduce){
  .km *,.km *::before,.km *::after{animation:none!important;transition:none!important}
  .km-js .km-rv,.km-js .km-obj,.km-js .km-derive li{opacity:1;transform:none}
  .km-quote span{opacity:1}
  .km-read__one{opacity:0}
}