.hp .pg-kl .kl-h{max-width:720px;margin-top:40px}.hp .pg-kl .eb{font:700 12.5px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:inline-block}.hp .pg-kl .kl-h h1{font:800 clamp(38px,5vw,60px)/1 var(--font);letter-spacing:-.04em;margin:0 0 12px}.hp .pg-kl .kl-h p{color:var(--fg-2);margin:0;font-size:17px;line-height:1.55}.hp .pg-kl .kl-search{max-width:720px;margin-top:32px;position:relative}.hp .pg-kl .kl-search svg{fill:none;width:20px;height:20px;stroke:var(--fg-3);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.hp .pg-kl .kl-search input{background:var(--s1);width:100%;height:58px;color:var(--fg);font:600 16.5px/1 var(--font);border:1px solid #0000;border-radius:14px;outline:none;padding:0 52px;transition:border-color .2s,background .2s}.hp .pg-kl .kl-search input::placeholder{color:var(--fg-3);font-weight:500}.hp .pg-kl .kl-search input:focus{border-color:color-mix(in srgb,var(--accent)55%,transparent);background:var(--s2)}.hp .pg-kl .kl-search button{width:34px;height:34px;color:var(--fg-2);border-radius:9px;font-size:22px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.hp .pg-kl .kl-search button:hover{background:var(--s3);color:var(--fg)}.hp .pg-kl .kl-count{min-height:18px;color:var(--fg-3);margin:14px 0 0;font-size:13.5px}.hp .pg-kl .kl-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px 14px;margin:22px 0 80px;display:grid}.hp .pg-kl .kl-card{text-align:left;color:inherit;align-content:start;gap:8px;display:grid}.hp .pg-kl .kl-th{aspect-ratio:9/16;background:var(--s1);border-radius:14px;display:block;position:relative;overflow:hidden}.hp .pg-kl .kl-th img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease),filter .3s}.hp .pg-kl .kl-card:hover .kl-th img{filter:brightness(1.08);transform:scale(1.035)}.hp .pg-kl .kl-th em{font:700 12px/1 var(--font-num);letter-spacing:.02em;background:#0b0e13d1;border-radius:7px;padding:5px 8px 4px;font-style:normal;position:absolute;bottom:8px;right:8px}.hp .pg-kl .kl-card b{font:800 15px/1.3 var(--font);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hp .pg-kl .kl-card small{color:var(--fg-3);font-size:12.5px}.hp .pg-kl .kl-snip{color:var(--fg-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.hp .pg-kl .kl-snip mark{color:var(--accent);background:0 0;font-weight:700}.hp .pg-kl .kl-empty{background:var(--s1);text-align:center;color:var(--fg-2);border-radius:18px;margin:22px 0 80px;padding:48px 24px}.hp .kl-ov{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05070ad1;place-items:center;padding:24px;animation:.25s klfade;display:grid;position:fixed;inset:0}.hp .kl-pl{align-items:stretch;gap:28px;max-height:calc(100vh - 48px);display:flex}.hp .kl-pl video{aspect-ratio:9/16;background:#000;border-radius:18px;height:min(84vh,860px)}.hp .kl-pl-side{flex-direction:column;gap:12px;width:320px;padding-top:6px;display:flex;position:relative}.hp .kl-pl-side h2{font:800 24px/1.2 var(--font);letter-spacing:-.02em;margin:0}.hp .kl-date{font:600 13px/1 var(--font-num);color:var(--fg-3);letter-spacing:.02em}.hp .kl-jump{text-align:left;background:var(--s1);color:inherit;border-radius:14px;gap:6px;padding:14px 16px;transition:background .2s;display:grid}.hp .kl-jump:hover{background:var(--s2)}.hp .kl-jump b{font:700 13px/1 var(--font-num);color:var(--accent)}.hp .kl-jump .kl-snip{-webkit-line-clamp:unset;font-size:14px}.hp .kl-jump .kl-snip mark{color:var(--accent);background:0 0;font-weight:700}.hp .kl-share{margin-top:auto}.hp .kl-x{width:40px;height:40px;color:var(--fg-2);border-radius:10px;font-size:28px;line-height:1;position:absolute;top:-6px;right:-6px}.hp .kl-x:hover{background:var(--s2);color:var(--fg)}@keyframes klfade{0%{opacity:0}}@media (max-width:760px){.hp .pg-kl .kl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.hp .kl-ov{place-items:stretch stretch;padding:0}.hp .kl-pl{flex-direction:column;gap:0;height:100%;max-height:none}.hp .kl-pl video{border-radius:0;flex:none;width:100%;height:auto;max-height:72vh}.hp .kl-pl-side{width:auto;padding:16px 16px 24px}.hp .kl-x{z-index:2;background:#0b0e13bf;position:fixed;top:12px;right:12px}.hp .kl-share{margin-top:8px}}