.page-blog .page-head{grid-template-columns:1fr 340px;align-items:end;gap:40px;padding:56px 0 28px;display:grid}.page-blog .page-head h1{letter-spacing:-.03em;margin-top:14px;font-size:44px;font-weight:700;line-height:1.05}.page-blog .page-head h1 em{color:var(--red);font-style:normal}.page-blog .page-head p{color:var(--dim);max-width:56ch;margin-top:10px}.page-blog .search{border:1px solid var(--line);background:#141517;border-radius:6px;align-items:center;gap:10px;height:42px;padding:0 14px;display:flex}.page-blog .search:focus-within{border-color:var(--mute)}.page-blog .search svg{width:16px;height:16px;color:var(--mute);flex:none}.page-blog .search input{min-width:0;color:var(--text);font:13px var(--mono);background:0 0;border:0;outline:0;flex:1}.page-blog .search input::placeholder{color:var(--mute)}.page-blog .tracks{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px}.page-blog .tracks-scroll{gap:6px;display:flex}.page-blog .track-btn{white-space:nowrap;color:var(--dim);border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .15s,color .15s;display:flex}.page-blog .track-btn:hover{background:var(--panel-2);color:var(--text)}.page-blog .track-btn .swatch{background:var(--c);opacity:.55;border-radius:2px;width:10px;height:10px}.page-blog .track-btn .n{font:11px var(--mono);color:var(--mute)}.page-blog .track-btn[aria-pressed=true]{background:color-mix(in srgb, var(--c) 18%, var(--panel-2));border-color:color-mix(in srgb, var(--c) 50%, transparent);color:var(--text)}.page-blog .track-btn[aria-pressed=true] .swatch{opacity:1;box-shadow:0 0 8px var(--c)}.page-blog .status{align-items:center;gap:10px;margin:26px 0 8px;display:flex}.page-blog .status .ladder{width:6px;height:14px}.page-blog .year{margin-top:18px}.page-blog .marker{top:env(safe-area-inset-top);z-index:2;background:var(--bg);align-items:center;gap:14px;padding:12px 0;display:flex;position:sticky}.page-blog .marker .flag{background:var(--red);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);width:12px;height:16px}.page-blog .marker b{font:600 20px var(--mono);letter-spacing:.04em}.page-blog .marker .rule{background:repeating-linear-gradient(90deg, var(--mute) 0 1px, transparent 1px 10px);opacity:.5;flex:1;height:8px}.page-blog .clips{gap:8px;display:grid}.page-blog .empty{text-align:center;color:var(--dim);border:1px dashed var(--line);border-radius:8px;margin-top:24px;padding:48px;display:none}@media (max-width:720px){.page-blog .page-head{grid-template-columns:1fr;gap:20px;padding:32px 0 20px}.page-blog .page-head h1{font-size:34px}.page-blog .tracks{border-left:0;border-right:0;border-radius:0;margin:0 -18px;padding:6px 0}.page-blog .tracks-scroll{padding:0 18px}.page-blog .marker{position:static}.page-blog .marker b{font-size:17px}}.page-blog .audio-filter{border-color:var(--line);margin-left:auto}.page-blog .audio-filter svg{width:10px;height:10px;color:var(--c)}@media (max-width:720px){.page-blog .audio-filter{margin-left:0}}