.clx{--teal-soft:rgba(78,197,184,0.15)}.sbx[data-theme=dark] .clx{--teal-soft:rgba(78,197,184,0.14)}.clx .nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:transparent;border-bottom:1px solid transparent;transition:background var(--dur),border-color var(--dur),backdrop-filter var(--dur)}.clx .nav.scrolled{background:var(--surface-veil);backdrop-filter:blur(12px);border-bottom-color:var(--rule-soft)}.clx .nav-links{display:flex;align-items:center;gap:26px}.clx .nav-links a{font-size:13.5px;font-weight:600;color:var(--ink-soft);text-decoration:none;transition:color var(--dur-fast)}.clx .nav-links a:hover,.clx .nav-links a[aria-current]{color:var(--ink)}.clx .nav-links a.nav-cta{font-size:13.5px;font-weight:600;color:var(--btn-fg);background:var(--btn-bg);border-radius:999px;padding:9px 18px;text-decoration:none;transition:background var(--dur-fast),transform var(--dur-fast) var(--ease-soft)}.clx .nav-links a.nav-cta:hover{color:var(--btn-fg);background:var(--btn-bg-hover);transform:translateY(-1px)}.clx .page{position:relative;min-height:100dvh;overflow:clip;background:radial-gradient(ellipse 90% 60% at 50% 0,var(--bg-warm) 0,var(--bg) 60%)}.clx .page:before{content:"";position:absolute;inset:0 0 auto 0;height:720px;pointer-events:none;--grid-line:color-mix(in oklab,var(--ink) 6%,transparent);background-image:repeating-linear-gradient(to right,var(--grid-line) 0 1px,transparent 1px 26px),repeating-linear-gradient(to bottom,var(--grid-line) 0 1px,transparent 1px 26px);-webkit-mask-image:radial-gradient(130% 80% at 50% 0,#000 0,rgba(0,0,0,.45) 40%,transparent 74%);mask-image:radial-gradient(130% 80% at 50% 0,#000 0,rgba(0,0,0,.45) 40%,transparent 74%)}.clx .wrap{position:relative;max-width:880px;margin:0 auto;padding:0 32px 120px}.clx .mast{padding:72px 0 26px}.clx .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.clx .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral)}.clx .mast h1{font-family:var(--serif);font-optical-sizing:auto;font-weight:250;font-size:clamp(56px,9vw,96px);line-height:.98;letter-spacing:-.03em;margin:14px 0}.clx .mast h1 .period{color:inherit}.clx .mast p{font-size:16.5px;color:var(--ink-soft);max-width:52ch;margin:0;text-wrap:pretty}.clx .mast p a{color:var(--ink);text-underline-offset:3px}.clx .feed{border-top:1px solid var(--rule);margin-top:38px}.clx .entry{display:grid;grid-template-columns:168px 1fr;gap:28px;padding:44px 0;border-bottom:1px solid var(--rule-soft)}.clx .when{position:relative}.clx .when .date{position:sticky;top:96px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-variant-numeric:tabular-nums;line-height:1.9}.clx .when .date b{display:block;color:var(--ink);font-size:13px}.clx .badge{display:inline-block;margin-top:8px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);background:var(--amber-soft);border-radius:999px;padding:3px 9px}.clx .entry h2{font-family:var(--serif);font-optical-sizing:auto;font-weight:350;font-size:clamp(26px,3.4vw,36px);line-height:1.1;letter-spacing:-.02em;margin:-4px 0 12px;text-wrap:balance}.clx .entry h2 em{font-style:italic;font-weight:420;color:var(--coral)}.clx .entry .lede{font-size:15.5px;color:var(--ink-soft);line-height:1.62;margin:0 0 18px;max-width:58ch;text-wrap:pretty}.clx .items{display:flex;flex-direction:column;gap:11px;margin:0;padding:0;list-style:none}.clx .items li{display:flex;gap:12px;align-items:baseline;font-size:14.5px;line-height:1.6;color:var(--ink-soft);max-width:60ch}.clx .items b{color:var(--ink);font-weight:600}.clx .chip{flex-shrink:0;width:76px;text-align:center;font-size:9.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;border-radius:999px;padding:3.5px 0;transform:translateY(-2px)}.clx .chip-new{color:var(--coral);background:var(--coral-soft)}.clx .chip-improved{color:var(--amber);background:var(--amber-soft)}.clx .chip-fixed{color:var(--teal);background:var(--teal-soft)}.clx .entry.featured{background:linear-gradient(to bottom,var(--wash-1),transparent);border-radius:var(--radius-lg);padding:44px 28px;margin:0 -28px}.clx .entry.featured h2{font-size:clamp(34px,4.6vw,48px)}.clx .strip{margin:22px 0 24px;max-width:480px}.clx .stage,.clx .strip{display:flex;align-items:center}.clx .stage{flex:1;flex-direction:column;gap:7px;position:relative}.clx .stage:before{content:"";position:absolute;top:5px;right:50%;width:100%;height:1.6px;background:var(--rule)}.clx .stage:first-child:before{display:none}.clx .stage .dot{width:11px;height:11px;border-radius:50%;background:var(--teal);border:1.6px solid var(--teal);z-index:1}.clx .stage.live .dot{background:var(--coral);border-color:var(--coral);animation:clx-pulse 1.5s var(--ease-soft) infinite}.clx .stage.todo .dot{background:var(--bg);border-color:var(--rule)}.clx .stage span{font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}.clx .stage.done:before,.clx .stage.live:before{background:color-mix(in oklab,var(--teal) 55%,var(--rule))}@keyframes clx-pulse{50%{opacity:.4}}.clx .deck{margin-top:56px;padding:26px 30px;border:1px dashed var(--rule);border-radius:var(--radius-lg);display:flex;gap:14px;align-items:baseline}.clx .deck .k{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);flex-shrink:0}.clx .deck p{margin:0;font-size:14.5px;color:var(--ink-soft)}.clx .foot{border-top:1px solid var(--rule-soft);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;max-width:880px;margin:0 auto;padding:30px 32px 44px;font-size:12.5px;color:var(--ink-mute)}.clx .foot a{color:var(--ink-soft);text-decoration:none}.clx .foot a:hover{color:var(--ink)}@media (prefers-reduced-motion:no-preference){.clx .rv{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease-soft),transform .55s var(--ease-soft)}.clx .rv.in{opacity:1;transform:none}}@media (max-width:760px){.clx .nav{padding:14px 20px}.clx .nav-links a:not(.nav-cta){display:none}.clx .wrap{padding:0 20px 80px}.clx .entry{grid-template-columns:1fr;gap:10px;padding:36px 0}.clx .when .date{position:static;display:flex;gap:8px;align-items:baseline}.clx .when .date b{display:inline}.clx .entry.featured{margin:0;padding:32px 20px}}