.h8 .case.kc{border-top:0}.h8 .kc .kc-col{pointer-events:none;z-index:0;border-radius:10px;width:min(52vw,860px);height:76vh;position:absolute;top:12vh;right:clamp(16px,4vw,64px);overflow:hidden}.h8 .kc .kc-page{position:absolute;inset:0}.h8 .kc .kc-page iframe{transform-origin:0 0;pointer-events:none;will-change:transform;border:0;width:1440px;height:15600px;position:absolute;top:0;left:0}.h8 .kc .kc-glyph{width:100%;height:100%;font-family:var(--mono,ui-monospace,monospace);position:absolute;inset:0}.h8 .kc .caseinner{z-index:1;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);position:relative}@media (max-width:900px){.h8 .kc .kc-col{width:auto;height:52vh;inset:auto 16px 16px}.h8 .kc .caseinner{grid-template-columns:1fr;align-items:start}}@media (prefers-reduced-motion:reduce){.h8 .kc .kc-glyph{display:none}}.h8 .kc .caseinner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.h8 .kc .chapters{min-height:52vh}.h8 .kc .chap .stats{gap:clamp(18px,2.4vw,40px)}.h8 .kc .chap .stats dt{font-size:clamp(26px,3vw,48px)}.h8 .kc .kc-nums{opacity:0;pointer-events:none;z-index:1;align-content:center;justify-items:start;gap:clamp(20px,3vh,40px);width:min(52vw,860px);height:76vh;padding-left:clamp(24px,4vw,64px);transition:none;display:grid;position:absolute;top:12vh;right:clamp(16px,4vw,64px)}.h8 .kc .kc-nums.on{opacity:1;transition:opacity .5s}.h8 .kc .kc-nums b{letter-spacing:-.045em;color:var(--thread,#f2f1ee);font-size:clamp(44px,6vw,104px);font-weight:900;line-height:.95;display:block}.h8 .kc .kc-nums span{font:400 12px var(--mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:lowercase;color:#f2f1ee8c;margin-top:8px;display:block}@media (max-width:900px){.h8 .kc .kc-nums{width:auto;height:52vh;padding-left:8px;inset:auto 16px 16px}}.h8 .kc .caseend .kc-dust{pointer-events:none;font:400 11px var(--mono,ui-monospace,monospace);color:#f2f1eed9;justify-content:space-between;line-height:1;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-50%)}.h8 .kc .caseend .kc-dust i{opacity:0;font-style:normal}.h8 .kc .caseopen{z-index:2}.h8 .kc .caseopen .frame.magnetic{transition:transform .36s cubic-bezier(.16,1,.3,1)}.h8 .kc .caseopen .frame .go{color:var(--thread,#f2f1ee);letter-spacing:.01em;background:0 0;border:1px solid #f2f1ee8c;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;transition:background-color .3s cubic-bezier(.16,1,.3,1),color .3s,border-color .2s;position:relative;transform:none}.h8 .kc .caseopen .frame:hover .go,.h8 .kc .caseopen .frame:focus-visible .go{background:var(--thread,#f2f1ee);color:#000;border-color:var(--thread,#f2f1ee);transform:none}.h8 .kc .caseopen{transition:none}.h8 .kc .caseopen.leaving{pointer-events:none}.h8 .kc .caseinner{padding-top:0}.h8 .kc .chapters{width:min(560px,46vw);min-height:46vh}.h8 .revive{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.h8 .revive .revive-h{letter-spacing:-.045em;max-width:14ch;margin:0 0 18px;font-size:clamp(32px,4.4vw,72px);font-weight:900;line-height:.96}.h8 .revive .say{max-width:34ch}
