:is([data-redesign-page=blog],[data-redesign-page=post]) .k{font-family:var(--font-redesign-mono),ui-monospace,monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lo);font-weight:500}:is([data-redesign-page=blog],[data-redesign-page=post]) .k.acc{color:var(--acc)}:is([data-redesign-page=blog],[data-redesign-page=post]) .dot{color:var(--acc)}:is([data-redesign-page=blog],[data-redesign-page=post]) .arrowlink{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-redesign-mono),ui-monospace,monospace;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);white-space:nowrap;transition:color .15s}:is([data-redesign-page=blog],[data-redesign-page=post]) a.arrowlink:hover{color:var(--acc)}[data-redesign-page=blog] .ph .kick a{display:inline-block;padding:14px 0;margin:-14px 0}[data-redesign-page=blog] .tabs{margin:32px auto 0;display:flex;gap:6px;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}[data-redesign-page=blog] .tabs::-webkit-scrollbar{display:none}[data-redesign-page=blog] .tabs a{flex:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.22);font-family:var(--font-redesign-mono),ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mid);transition:border-color .15s,color .15s}[data-redesign-page=blog] .tabs a:hover{border-color:rgba(255,255,255,.5);color:var(--ink)}[data-redesign-page=blog] .tabs a.on{background:var(--acc);border-color:var(--acc);color:#000}[data-redesign-page=blog] .bsearch{max-width:420px;margin:16px auto 0;text-align:left}[data-redesign-page=blog] .bsearch input{height:48px;border-radius:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.18);font-size:16px;padding:0 44px 0 40px}[data-redesign-page=blog] .bsearch input:focus-visible{border-color:var(--acc);outline:2px solid var(--acc);outline-offset:2px;box-shadow:none}[data-redesign-page=blog] .bsearch a{width:40px;height:40px}[data-redesign-page=blog] .results{margin-top:14px;color:var(--mid)}[data-redesign-page=blog] .stretch:after{content:"";position:absolute;inset:0;z-index:1}[data-redesign-page=blog] .stretch:focus-visible{outline:none}[data-redesign-page=blog] :is(.lead,.post):has(.stretch:focus-visible){outline:2px solid var(--acc);outline-offset:4px}[data-redesign-page=blog] .lead{position:relative;margin-top:8px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);border:1px solid var(--line);transition:border-color .2s}[data-redesign-page=blog] .lead:hover{border-color:rgba(255,255,255,.4)}[data-redesign-page=blog] .lead .art{position:relative;min-height:460px;background:#0f1110;overflow:hidden;border-right:1px solid var(--line);display:grid;place-items:center}[data-redesign-page=blog] .lead .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}[data-redesign-page=blog] .lead:hover .art img{transform:scale(1.03)}[data-redesign-page=blog] .mark{font-family:var(--display);font-weight:800;letter-spacing:-.05em;font-size:clamp(40px,5vw,80px);color:rgba(255,255,255,.12);text-align:center;padding:24px}[data-redesign-page=blog] .lead .tx{padding:40px;display:flex;flex-direction:column}[data-redesign-page=blog] .meta{display:flex;flex-wrap:wrap;gap:4px 14px}[data-redesign-page=blog] .meta>:first-child{color:var(--acc)}[data-redesign-page=blog] .lead h2{margin-top:14px;font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.02;font-size:clamp(30px,3vw,44px);text-wrap:balance}[data-redesign-page=blog] .lead p{margin-top:18px;color:var(--mid);font-size:17px;line-height:1.6}[data-redesign-page=blog] .lead .read{margin-top:auto;padding-top:28px;align-self:flex-start}[data-redesign-page=blog] .lead:hover .read,[data-redesign-page=blog] .lead:hover h2{color:var(--acc)}[data-redesign-page=blog] .list{margin-top:24px}[data-redesign-page=blog] .post{position:relative;display:grid;grid-template-columns:340px minmax(0,1fr) auto;gap:40px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}[data-redesign-page=blog] .post .cv{aspect-ratio:16/10;overflow:hidden;background:var(--surface);display:grid;place-items:center}[data-redesign-page=blog] .post .cv img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}[data-redesign-page=blog] .post .cv .mark{font-size:34px}[data-redesign-page=blog] .post:hover .cv img{transform:scale(1.04)}[data-redesign-page=blog] .post :is(h2,h3){margin-top:10px;font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.08;font-size:clamp(24px,2.4vw,34px);transition:color .15s;text-wrap:balance}[data-redesign-page=blog] .post:hover h3{color:var(--acc)}[data-redesign-page=blog] .post p{margin-top:12px;color:var(--mid);font-size:16px;line-height:1.6;max-width:620px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[data-redesign-page=blog] .post .tags{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:12px}[data-redesign-page=blog] .post .go{width:52px;height:52px;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:20px;transition:background .2s,color .2s,border-color .2s}[data-redesign-page=blog] .post:hover .go{background:var(--acc);color:#000;border-color:var(--acc)}[data-redesign-page=blog] .pager{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:16px}[data-redesign-page=blog] .pager .btn{height:44px}[data-redesign-page=blog] .empty{padding:48px 0;border-top:1px solid var(--line);text-align:center}[data-redesign-page=blog] .empty p{color:var(--mid);font-size:18px;margin-bottom:24px}[data-redesign-page=blog] .authors{margin-top:40px;font-size:14.5px;color:var(--lo)}[data-redesign-page=blog] .authors a{display:inline-block;padding:12px 0;margin:-12px 0;color:var(--mid);text-decoration:underline;text-underline-offset:3px}[data-redesign-page=blog] .authors a:hover{color:var(--acc)}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf-sec{margin-top:96px}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf-h{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:36px}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf a{background:var(--bg);padding:26px 24px 30px;min-height:180px;display:flex;flex-direction:column;transition:background .2s}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf a:hover{background:#121214}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf a:hover :is(h3,.arrowlink){color:var(--acc)}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf a:focus-visible{outline-offset:-4px}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf h3{margin-top:14px;font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:22px;line-height:1.15;transition:color .15s}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf .arrowlink{margin-top:auto;padding-top:18px;align-self:flex-start}[data-redesign-page=blog] .offline{max-width:560px;margin:0 auto;padding:28px;border:1px solid var(--line);background:#0f1110;text-align:center}[data-redesign-page=blog] .offline .acts{margin-top:0}[data-redesign-page=blog] .offline small{display:block;margin-top:16px;color:var(--lo);font-size:12.5px}[data-redesign-page=blog] .status-dot{display:inline-flex;align-items:center;gap:8px}[data-redesign-page=blog] .status-dot i{width:7px;height:7px;border-radius:50%;background:#ffb547}@media (max-width:1000px){[data-redesign-page=blog] .lead{grid-template-columns:1fr}[data-redesign-page=blog] .lead .art{min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--line)}[data-redesign-page=blog] .post{grid-template-columns:220px minmax(0,1fr)}[data-redesign-page=blog] .post .go{display:none}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf{grid-template-columns:1fr 1fr}}@media (max-width:600px){[data-redesign-page=blog] .lead .tx{padding:26px}[data-redesign-page=blog] .post{grid-template-columns:1fr;gap:16px}[data-redesign-page=blog] .pager{flex-wrap:wrap;justify-content:center}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf{grid-template-columns:1fr}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf a{min-height:0}:is([data-redesign-page=blog],[data-redesign-page=post]) .shelf-sec{margin-top:64px}}@media (prefers-reduced-motion:reduce){[data-redesign-page=blog] :is(.lead .art img,.post .cv img){transition:none;transform:none!important}}[data-redesign-page=blog] .offline p+p{margin-top:6px}[data-redesign-page=blog] .ph .ameta{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px}[data-redesign-page=blog] .ph .ameta a{display:inline-block;padding:12px 0;margin:-12px 0;color:var(--mid);text-decoration:underline;text-underline-offset:3px}[data-redesign-page=blog] .ph .ameta a:hover{color:var(--acc)}[data-redesign-page=blog] .tabs a:focus-visible{outline-offset:-3px}