.blog-page,.article-page{--staff-line:color-mix(in oklab, var(--ink) 14%, transparent);--staff-line-strong:color-mix(in oklab, var(--ink) 26%, transparent);max-width:1120px;margin:0 auto;padding:0 32px 72px}.blog-page .section-h,.article-page .section-h{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:22px;font-weight:400}.section-h em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.staff-rule{background-image:repeating-linear-gradient(to bottom, var(--staff-line) 0, var(--staff-line) 1px, transparent 1px, transparent 12px);background-repeat:no-repeat;background-size:100% 49px;height:49px;margin:26px 0 0;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.staff-rule:after{content:"𝄐";color:var(--ink-subtle);font-size:22px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.blog-hero{padding:72px 0 40px;position:relative}.hero-staff{background-image:repeating-linear-gradient(to bottom, var(--staff-line) 0, var(--staff-line) 1px, transparent 1px, transparent 24px);pointer-events:none;background-repeat:no-repeat;background-size:100% 97px;height:97px;position:absolute;top:50%;left:-32px;right:-32px;transform:translateY(-58%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 70%,#0000)}.hero-staff .clef{color:var(--ink-faint);line-height:0;position:absolute;top:-30px;left:40px}.blog-hero .inner{position:relative}.blog-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-subtle);align-items:center;gap:10px;margin-bottom:14px;font-size:11px;display:flex}.blog-kicker:before{content:"";background:var(--accent);width:26px;height:1px}.blog-hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);text-shadow:0 0 60px #f2ba5324;text-shadow:0 0 60px lab(79.1911% 13.3651 58.6741/.14);margin:0;font-size:clamp(44px,7vw,76px);font-style:italic;font-weight:400;line-height:1}.blog-hero h1 em{color:var(--accent)}.blog-hero .lede,.cat-hero .lede{color:var(--ink-muted);max-width:56ch;margin:16px 0 0;font-size:16px;line-height:1.6}.cat-pills{flex-wrap:wrap;gap:8px;margin:28px 0 0;display:flex}.cat-pill{border:1px solid var(--line);height:40px;color:var(--ink-muted);transition:all var(--dur) var(--ease);background:0 0;border-radius:999px;align-items:center;gap:9px;padding:0 16px 0 12px;font-size:13.5px;font-weight:500;display:inline-flex}.cat-pill .glyph{color:var(--ink-subtle);transition:color var(--dur);font-size:19px;line-height:1}.cat-pill .n{font-family:var(--font-mono);color:var(--ink-subtle);font-size:11px}.cat-pill:hover{border-color:var(--line-strong);color:var(--ink)}.cat-pill:hover .glyph{color:var(--accent)}.cat-pill.active{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--ink)}.cat-pill.active .glyph{color:var(--accent)}.overture{border:1px solid var(--line);background:var(--bg-elevated);transition:border-color var(--dur);border-radius:16px;grid-template-columns:minmax(0,1fr) 380px;margin-top:36px;display:grid;overflow:hidden}.overture:hover{border-color:var(--line-strong)}.overture .txt{flex-direction:column;gap:14px;padding:30px 32px;display:flex}.ov-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:11px;display:flex}.ov-kicker .cat{color:var(--ink-subtle)}.overture h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);transition:color var(--dur);margin:0;font-size:clamp(26px,3.2vw,36px);font-style:italic;font-weight:400;line-height:1.12}.overture:hover h2{color:var(--accent-amber-strong)}.overture .excerpt{color:var(--ink-muted);max-width:58ch;margin:0;font-size:14.5px;line-height:1.65}.post-meta{font-family:var(--font-mono);color:var(--ink-subtle);gap:14px;margin-top:auto;padding-top:8px;font-size:11.5px;display:flex}.ov-staff{background:var(--bg-sunken);border-left:1px solid var(--line);min-height:230px;position:relative}.ov-staff .lines{background-image:repeating-linear-gradient(to bottom, var(--staff-line-strong) 0, var(--staff-line-strong) 1px, transparent 1px, transparent 18px);background-repeat:no-repeat;background-size:100% 73px;height:73px;position:absolute;inset:50% 24px auto;transform:translateY(-50%)}.ov-staff .clef{color:var(--ink);line-height:0;position:absolute;top:50%;left:34px;transform:translateY(-59px)}.ov-staff .melody{height:73px;position:absolute;top:50%;left:110px;right:34px;transform:translateY(-50%)}.ov-staff .melody i{background:var(--ink);width:15px;height:11px;transition:background var(--dur);border-radius:50%;position:absolute;transform:rotate(-22deg)}.ov-staff .melody i:nth-child(2n){background:var(--ink-muted)}.overture:hover .melody i{background:var(--accent)}.start-route{margin-top:44px}.start-route .head{align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.route-lede{color:var(--ink-muted);max-width:60ch;margin:0 0 18px;font-size:14px;line-height:1.6}.route-steps{border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:relative;overflow:hidden}.route-steps:before{content:"";background:var(--staff-line-strong);height:1px;position:absolute;top:64px;left:0;right:0}.route-step{border-left:1px solid var(--line);transition:background var(--dur);flex-direction:column;gap:8px;padding:26px 24px 24px;display:flex;position:relative}.route-step:first-child{border-left:0}.route-step:hover{background:var(--bg-elevated-2)}.route-step .num{font-family:var(--font-display);color:var(--ink-subtle);transition:color var(--dur);font-size:40px;font-style:italic;line-height:1}.route-step:hover .num{color:var(--accent)}.route-step .t{color:var(--ink);font-size:15px;font-weight:500}.route-step .d{color:var(--ink-muted);font-size:13px;line-height:1.55}.route-step .go{font-family:var(--font-mono);color:var(--ink-subtle);transition:color var(--dur);margin-top:6px;font-size:11.5px}.route-step:hover .go{color:var(--accent)}.post-section{margin-top:48px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.post-card{border:1px solid var(--line);background:var(--bg-elevated);transition:border-color var(--dur), transform var(--dur) var(--ease);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.post-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.card-staff{background:var(--bg-sunken);border-bottom:1px solid var(--line);flex-shrink:0;height:74px;position:relative}.card-staff .lines{background-image:repeating-linear-gradient(to bottom, var(--staff-line-strong) 0, var(--staff-line-strong) 1px, transparent 1px, transparent 10px);background-repeat:no-repeat;background-size:100% 41px;height:41px;position:absolute;top:50%;left:18px;right:18px;transform:translateY(-50%)}.card-staff .glyph{font-size:var(--clef-size,32px);transform:translateY(var(--clef-dy,.5em));color:var(--ink-muted);line-height:0;position:absolute;top:50%;left:24px}.note-head{right:calc(24px + var(--nx,0px));top:calc(50% - 20.5px + var(--ny,10px));background:var(--ink-muted);width:14px;height:10px;transition:top var(--dur-slow) var(--ease), background var(--dur);border-radius:50%;position:absolute;transform:rotate(-22deg)}.note-head:before{content:"";width:1.5px;height:26px;color:var(--ink-muted);transition:color var(--dur);background:currentColor;position:absolute;bottom:3px;right:-1px}.post-card:hover .note-head{top:calc(50% - 20.5px + var(--ny2,20px));background:var(--accent)}.post-card:hover .note-head:before{color:var(--accent)}.post-card .txt{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.post-card .cat{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-subtle);font-size:10.5px}.post-card h3{letter-spacing:-.01em;color:var(--ink);transition:color var(--dur);margin:0;font-size:16.5px;font-weight:500;line-height:1.32}.post-card:hover h3{color:var(--accent-amber-strong)}.post-card .excerpt{color:var(--ink-muted);flex:1;margin:0;font-size:13px;line-height:1.6}.cat-hero{margin:0 -32px;padding:64px 32px 8px;position:relative;overflow:hidden}.cat-watermark{color:var(--ink);opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:340px;line-height:1;position:absolute;top:-40px;right:-20px}.crumbs{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-subtle);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;display:flex;position:relative}.crumbs a{color:var(--ink-subtle)}.crumbs a:hover,.crumbs .now{color:var(--ink)}.cat-hero h1{letter-spacing:-.03em;color:var(--ink);align-items:baseline;gap:18px;margin:0;font-size:clamp(32px,5vw,52px);font-weight:400;line-height:1.02;display:flex;position:relative}.cat-hero h1 .glyph{color:var(--accent);font-size:.9em}.cat-count{font-family:var(--font-mono);color:var(--ink-subtle);margin-top:14px;font-size:11.5px;display:block}.cat-empty{color:var(--ink-muted);margin-top:32px}.article-head{padding-top:56px}.article-head h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);max-width:22ch;margin:0;font-size:clamp(32px,4.6vw,50px);font-style:italic;font-weight:400;line-height:1.08}.article-meta{font-family:var(--font-mono);color:var(--ink-subtle);flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;font-size:11.5px;display:flex}.article-meta .cat-pill{height:30px;padding:0 12px 0 9px;font-size:12px}.article-layout{grid-template-columns:minmax(0,1fr) 264px;align-items:start;gap:56px;padding:48px 0 0;display:grid}.article-layout.no-toc{grid-template-columns:minmax(0,1fr)}.article-body{max-width:65ch;color:color-mix(in oklab, var(--ink) 88%, var(--ink-muted));font-size:16.5px;line-height:1.75}.article-body p{margin:0 0 1.35em}.article-body a{color:var(--accent);border-bottom:1px solid var(--accent-amber-line);transition:color var(--dur), border-color var(--dur)}.article-body a:hover{color:var(--accent-amber-strong)}.article-body h2{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--ink);align-items:baseline;gap:12px;margin:2.2em 0 .7em;scroll-margin-top:96px;font-size:23px;font-weight:500;line-height:1.25;display:flex}.article-body h2 .measure{font-family:var(--font-display);color:var(--accent);flex-shrink:0;font-size:19px;font-style:italic}.article-body h3{color:var(--ink);margin:1.8em 0 .55em;scroll-margin-top:96px;font-size:17.5px;font-weight:500}.article-body ul,.article-body ol{margin:0 0 1.35em;padding-left:1.25em}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin-bottom:.45em}.article-body li::marker{color:var(--accent)}.article-body blockquote{font-family:var(--font-display);color:var(--ink);margin:2em 0;padding:0 0 0 26px;font-size:21px;font-style:italic;line-height:1.5;position:relative}.article-body blockquote:before{content:"";background:repeating-linear-gradient(to bottom, var(--accent) 0, var(--accent) 5px, transparent 5px, transparent 9px);width:2px;position:absolute;top:6px;bottom:6px;left:0}.article-body blockquote cite{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle);margin-top:10px;font-size:11.5px;font-style:normal;display:block}.article-body strong{color:var(--ink);font-weight:600}.article-body code{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.9em}.article-body pre{background:var(--bg-sunken);border:1px solid var(--line);border-radius:12px;margin:1.8em 0;padding:16px 18px;overflow-x:auto}.article-body pre code{color:var(--ink-muted);white-space:pre;background:0 0;border:0;padding:0;font-size:12.5px;line-height:1.5;display:block}.table-scroll{border:1px solid var(--line);background:var(--bg-elevated);border-radius:12px;margin:1.8em 0;overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;line-height:1.5}.article-body th{text-align:left;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle);border-bottom:1px solid var(--line-strong);background:var(--bg-sunken);padding:12px 16px;font-size:11px;font-weight:500}.article-body td{border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-muted);padding:12px 16px}.article-body tr:last-child td{border-bottom:0}.article-body td:first-child{color:var(--ink);white-space:nowrap;font-weight:500}.toc{border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;padding:20px 20px 16px;position:sticky;top:96px}.toc .caption{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:500;display:flex}.toc .caption:before{content:"𝄞";color:var(--accent);letter-spacing:0;font-size:16px}.toc ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toc li{border-top:1px solid var(--line)}.toc li:first-child{border-top:0}.toc a{color:var(--ink-muted);transition:color var(--dur);align-items:baseline;gap:10px;padding:9px 2px;font-size:13px;line-height:1.4;display:flex}.toc a .n{font-family:var(--font-mono);color:var(--ink-subtle);transition:color var(--dur);flex-shrink:0;font-size:10.5px}.toc a:hover{color:var(--accent-amber-strong)}.toc a:hover .n{color:var(--accent)}.related{margin-top:56px}.related .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-cta{border:1px solid var(--accent-amber-line);background:linear-gradient(135deg, var(--accent-amber-soft), transparent 60%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:56px;padding:34px 32px;display:flex;position:relative;overflow:hidden}.article-cta:before{content:"";background-image:repeating-linear-gradient(to bottom, var(--staff-line) 0, var(--staff-line) 1px, transparent 1px, transparent 10px);pointer-events:none;background-repeat:no-repeat;background-size:100% 41px;height:41px;position:absolute;inset:auto 0 18px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 100%);mask-image:linear-gradient(90deg,#0000,#000 30% 100%)}.article-cta .cta-text h2{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:24px;font-weight:400}.article-cta .cta-text h2 em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.article-cta .cta-text p{color:var(--ink-muted);max-width:46ch;margin:6px 0 0;font-size:14px;line-height:1.55}@media (max-width:980px){.post-grid,.related .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overture{grid-template-columns:1fr}.ov-staff{border-left:0;border-top:1px solid var(--line);min-height:170px}.article-layout{grid-template-columns:minmax(0,1fr);gap:28px}.toc{order:-1;position:static}.route-steps{grid-template-columns:1fr}.route-steps:before{display:none}.route-step{border-left:0;border-top:1px solid var(--line)}.route-step:first-child{border-top:0}}@media (max-width:720px){.blog-page,.article-page{padding:0 18px 48px}.blog-hero{padding:48px 0 36px}.hero-staff{left:-18px;right:-18px}.hero-staff .clef{left:-24px}.post-grid,.related .post-grid{grid-template-columns:1fr}.cat-watermark{font-size:220px;right:-40px}.cat-hero{margin:0 -18px;padding-left:18px;padding-right:18px}.article-head{padding-top:36px}.article-layout{padding-top:32px}.post-section{margin-top:36px}}