.blog-root{background:var(--page-bg);color:var(--page-text);min-height:100vh}.blog-root.accent-purple{--blog-accent:#a78bfa;--blog-accent-deep:#6d3fde;--blog-accent-bright:#c4b5fd}.blog-root.accent-lime{--blog-accent:#e5ff8a;--blog-accent-deep:#a8c23a;--blog-accent-bright:#f0ffb2}.blog-root.accent-cyan{--blog-accent:#5eead4;--blog-accent-deep:#0d9488;--blog-accent-bright:#99f6e4}.b-hero{margin:var(--page-gutter);padding:0;position:relative;overflow:hidden;min-height:520px;border-radius:var(--radius-card);background:var(--bg-color);color:var(--text-primary);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}.b-hero .starfield{z-index:0}.b-hero-glow{position:absolute;inset:0;z-index:1;background:radial-gradient(70% 50% at 50% 40%,color-mix(in oklab,var(--blog-accent-deep) 30%,transparent),transparent 70%),radial-gradient(80% 60% at 50% 100%,color-mix(in oklab,var(--blog-accent) 12%,transparent),transparent 70%);pointer-events:none}.b-hero-inner{position:relative;z-index:5;width:100%;max-width:1120px;padding:calc(var(--page-gutter) + 80px) var(--container-pad) var(--space-9);margin:0 auto;text-align:center}.blog-root.hero-editorial .b-hero-headline{font-family:var(--font-marketing-serif),"Times New Roman",serif;font-weight:400;font-size:clamp(3rem,6vw,5rem);letter-spacing:-.035em;line-height:1.02;max-width:26ch}.blog-root.hero-editorial .b-hero-headline em{font-style:italic;color:var(--blog-accent-bright)}.blog-root.hero-technical .b-hero-headline{font-family:inherit;font-weight:400;font-size:clamp(2.6rem,5.2vw,4.4rem);letter-spacing:-.03em;line-height:1.06}.blog-root.hero-technical .b-hero-headline em{font-style:normal;color:var(--blog-accent);position:relative}.blog-root.hero-technical .b-hero-headline em:after{content:"";position:absolute;inset:auto 0 -6px 0;height:2px;background:var(--blog-accent);opacity:.4}.b-hero-headline{color:var(--text-primary);max-width:26ch;margin:var(--space-6) auto var(--space-8);text-wrap:balance}.b-hero-sub{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--text-secondary);max-width:640px;line-height:1.6;margin:var(--space-7) auto var(--space-9)}.b-topics{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:6px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.b-topic,.b-topics{border-radius:var(--radius-pill)}.b-topic{font-size:.8rem;font-weight:500;padding:8px 14px;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease;border:none;background:transparent;font-family:inherit;white-space:nowrap}.b-topic:hover{color:var(--text-primary)}.b-topic.active{background:var(--text-primary);color:var(--bg-color)}.b-topic .count{font-size:.68rem;opacity:.6;margin-left:6px}.b-hero-meta,.b-topic .count{font-family:var(--font-marketing-mono),monospace}.b-hero-meta{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-9);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.08);max-width:680px;margin-left:auto;margin-right:auto;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5)}.b-hero-meta span strong{color:var(--text-primary);font-weight:500;margin-right:6px}.b-featured-wrap{max-width:1320px;margin:0 auto;padding:var(--section-y) var(--container-pad) var(--space-10)}.b-featured-kicker{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-7)}.b-featured-kicker h2{font-family:var(--font-marketing-serif),serif;font-weight:400;font-size:1.6rem;letter-spacing:-.02em}.b-featured-kicker h2 em{font-style:italic;color:var(--page-text-muted)}.b-featured-kicker .more{font-family:var(--font-marketing-mono),monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--page-text-muted);display:inline-flex;align-items:center;gap:4px}.b-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-9);align-items:center;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;overflow:hidden}.b-featured:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(100% 60% at 0 100%,color-mix(in oklab,var(--blog-accent) 12%,transparent),transparent 60%);pointer-events:none;z-index:0}.b-featured>*{position:relative;z-index:1}.b-featured-media{aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:hidden;background:#f4f4f5;border:1px solid rgba(0,0,0,.06);position:relative}.b-featured-media img{width:100%;height:100%;object-fit:cover}.b-featured-body{padding:var(--space-4)}.b-featured-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--hairline-light);font-family:var(--font-marketing-mono),monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--page-text-muted);margin-bottom:var(--space-5)}.b-featured-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--blog-accent-deep);box-shadow:0 0 8px var(--blog-accent)}.b-featured-title{font-family:var(--font-marketing-serif),serif;font-weight:400;font-size:clamp(1.8rem,3.2vw,2.8rem);letter-spacing:-.025em;line-height:1.05;margin-bottom:var(--space-5);text-wrap:pretty}.b-featured-summary{font-size:1.05rem;line-height:1.6;color:var(--page-text-muted);margin-bottom:var(--space-7);max-width:52ch}.b-featured-meta{gap:var(--space-5);padding-top:var(--space-5);border-top:1px dashed rgba(0,0,0,.1)}.b-author,.b-featured-meta{display:flex;align-items:center}.b-author{gap:var(--space-3)}.b-author-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blog-accent-bright) 0,var(--blog-accent-deep) 100%);color:#fff;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center}.b-author-name{font-size:.88rem;font-weight:500;line-height:1.2}.b-author-role{font-size:.72rem;font-family:var(--font-marketing-mono),monospace;color:var(--page-text-muted);margin-top:2px}.b-meta-sep{width:1px;height:24px;background:rgba(0,0,0,.1)}.b-meta-item{font-family:var(--font-marketing-mono),monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--page-text-muted)}.b-featured-cta{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#0a0a0a;color:#fff;border-radius:var(--radius-pill);border:none;font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:none;transition:transform .2s ease}.b-featured-cta:hover{transform:translateY(-1px)}@media (max-width:900px){.b-featured{grid-template-columns:1fr;padding:var(--space-6)}.b-featured-meta{flex-wrap:wrap;gap:var(--space-3)}.b-featured-cta{width:100%;justify-content:center;margin-left:0}}.b-grid-wrap{max-width:1320px;margin:0 auto;padding:0 var(--container-pad) var(--space-12)}.b-section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-7);padding-bottom:var(--space-4);border-bottom:1px solid rgba(0,0,0,.08)}.b-section-head h2{font-family:var(--font-marketing-serif),serif;font-weight:400;font-size:1.8rem;letter-spacing:-.02em}.b-section-head h2 em{font-style:italic;color:var(--page-text-muted)}.b-section-head .filter-row{display:flex;gap:var(--space-2)}.b-section-head .filter-row button{font-family:var(--font-marketing-mono),monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;border-radius:6px;background:transparent;border:none;color:var(--page-text-muted);cursor:pointer}.b-section-head .filter-row button.active{background:#0a0a0a;color:#fff}.b-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}@media (max-width:960px){.b-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.b-grid{grid-template-columns:1fr}}.b-card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:pointer;text-decoration:none;color:inherit}.b-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.06);border-color:rgba(0,0,0,.16)}.b-card-media{aspect-ratio:4/3;background:#f4f4f5;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.06)}.b-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.b-card:hover .b-card-media img{transform:scale(1.03)}.b-card-media.placeholder,.b-featured-media.placeholder{background:repeating-linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 10px,transparent 0,transparent 20px),#fafafa;display:flex;align-items:center;justify-content:center}.b-card-media.placeholder:before,.b-featured-media.placeholder:before{content:attr(data-label);font-family:var(--font-marketing-mono),monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--page-text-muted);text-align:center;padding:0 var(--space-5);line-height:1.5}.b-card-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.b-card-tags{display:flex;gap:6px;align-items:center}.b-card-tag{font-family:var(--font-marketing-mono),monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--page-text);padding:3px 8px;border-radius:4px;background:rgba(0,0,0,.04)}.b-card-tag.product{background:color-mix(in oklab,var(--blog-accent) 25%,transparent);color:var(--blog-accent-deep)}.b-card-tag.engineering{background:rgba(0,0,0,.06);color:var(--page-text)}.b-card-tag.insights{background:rgba(94,234,212,.18);color:#0d9488}.b-card-tag.case{background:rgba(229,255,138,.35);color:#7c7a14}.b-card-date{font-family:var(--font-marketing-mono),monospace;font-size:.7rem;color:var(--page-text-muted);margin-left:auto}.b-card-title{font-size:1.2rem;font-weight:500;letter-spacing:-.015em;line-height:1.25;text-wrap:pretty}.b-card-summary{font-size:.9rem;line-height:1.55;color:var(--page-text-muted);flex:1}.b-card-foot{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);margin-top:auto;border-top:1px dashed rgba(0,0,0,.08)}.b-card-foot .b-author-av{width:24px;height:24px;font-size:.7rem}.b-card-foot .name{font-size:.8rem;font-weight:500}.b-card-foot .time{margin-left:auto;font-family:var(--font-marketing-mono),monospace;font-size:.7rem;color:var(--page-text-muted)}.b-card.emphasis{grid-column:span 2;flex-direction:row}.b-card.emphasis .b-card-media{aspect-ratio:auto;width:45%;border-right:1px solid rgba(0,0,0,.06);border-bottom:none}.b-card.emphasis .b-card-body{padding:var(--space-7)}.b-card.emphasis .b-card-title{font-size:1.6rem}@media (max-width:960px){.b-card.emphasis{grid-column:span 2;flex-direction:column}.b-card.emphasis .b-card-media{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.06);aspect-ratio:16/9}}@media (max-width:640px){.b-card.emphasis{grid-column:span 1}}.b-list{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(0,0,0,.08)}.b-list-item{display:grid;grid-template-columns:100px 1fr auto;gap:var(--space-6);align-items:center;padding:var(--space-6) var(--space-3);border-bottom:1px solid rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:background .2s ease,padding .2s ease}.b-list-item:hover{background:#ffffff;padding-left:var(--space-5)}.b-list-date{font-family:var(--font-marketing-mono),monospace;font-size:.75rem;color:var(--page-text-muted);text-transform:uppercase;letter-spacing:.08em}.b-list-body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.b-list-row1{display:flex;align-items:center;gap:var(--space-3)}.b-list-title{font-family:var(--font-marketing-serif),serif;font-weight:400;font-size:1.5rem;letter-spacing:-.02em;line-height:1.2;text-wrap:pretty}.b-list-summary{color:var(--page-text-muted);font-size:.92rem;line-height:1.5;max-width:70ch}.b-list-arrow{font-family:var(--font-marketing-mono),monospace;color:var(--page-text-muted);font-size:1.2rem;transition:transform .2s ease,color .2s ease}.b-list-item:hover .b-list-arrow{transform:translateX(4px);color:var(--blog-accent-deep)}@media (max-width:720px){.b-list-item{grid-template-columns:1fr;gap:var(--space-3)}.b-list-arrow{display:none}}.b-grid.compact{grid-template-columns:repeat(4,1fr)}.b-grid.compact .b-card-media{aspect-ratio:1/1}.b-grid.compact .b-card-body{padding:var(--space-4);gap:var(--space-2)}.b-grid.compact .b-card-title{font-size:1rem}.b-grid.compact .b-card-summary{display:none}.b-grid.compact .b-card-foot{border:none;padding-top:var(--space-2)}@media (max-width:1100px){.b-grid.compact{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.b-grid.compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.b-grid.compact{grid-template-columns:1fr}}.b-notes-section{background:#0a0a0a;color:#fff;margin:0 var(--page-gutter) var(--space-12);border-radius:var(--radius-card);padding:var(--section-y-compact) 0;position:relative;overflow:hidden}.b-notes-section .starfield{opacity:.4;z-index:0}.b-notes-wrap{max-width:980px;margin:0 auto;padding:0 var(--container-pad);position:relative;z-index:1}.b-notes-head{text-align:center;max-width:620px;margin:0 auto var(--space-9)}.b-notes-head .section-eyebrow{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:rgba(255,255,255,.6)}.b-notes-head h2{font-family:var(--font-marketing-serif),serif;font-weight:400;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.025em;margin:var(--space-5) 0 var(--space-4);color:#fff}.b-notes-head h2 em{font-style:italic;color:var(--blog-accent)}.b-notes-head p{color:rgba(255,255,255,.6);font-size:1rem;line-height:1.55}.b-notes-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.08)}.b-note{display:grid;grid-template-columns:140px 1fr auto;gap:var(--space-6);padding:var(--space-5) var(--space-3);border-bottom:1px solid rgba(255,255,255,.08);align-items:start;transition:background .2s ease;cursor:pointer}.b-note:hover{background:rgba(255,255,255,.02)}.b-note-ver{display:flex;flex-direction:column;gap:4px}.b-note-ver .v{font-size:.95rem;font-weight:500;color:var(--blog-accent-bright);letter-spacing:-.005em}.b-note-ver .d,.b-note-ver .v{font-family:var(--font-marketing-mono),monospace}.b-note-ver .d{font-size:.72rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.08em}.b-note-body .title{font-size:1.05rem;font-weight:500;letter-spacing:-.01em;margin-bottom:6px;color:#fff}.b-note-body .desc{font-size:.88rem;line-height:1.5;color:rgba(255,255,255,.65);max-width:60ch}.b-note-pill{font-family:var(--font-marketing-mono),monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:var(--radius-pill);white-space:nowrap;align-self:start}.b-note-pill.shipped{background:rgba(34,197,94,.15);color:#7dd898;border:1px solid rgba(34,197,94,.25)}.b-note-pill.beta{background:rgba(167,139,250,.15);color:var(--blog-accent-bright);border:1px solid rgba(167,139,250,.25)}.b-note-pill.research{background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.12)}@media (max-width:720px){.b-note{grid-template-columns:1fr;gap:var(--space-2)}}.b-authors{max-width:1320px;margin:0 auto;padding:0 var(--container-pad) var(--space-12)}.b-authors-head{text-align:center;margin-bottom:var(--space-8)}.b-authors-head h2{font-family:var(--font-marketing-serif),serif;font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em}.b-authors-head h2 em{font-style:italic;color:var(--page-text-muted)}.b-authors-head p{color:var(--page-text-muted);margin-top:var(--space-3);font-size:.95rem}.b-authors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap)}@media (max-width:900px){.b-authors-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.b-authors-grid{grid-template-columns:1fr}}.b-author-card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color .2s ease,transform .2s ease}.b-author-card:hover{border-color:rgba(0,0,0,.18);transform:translateY(-2px)}.b-author-card .av{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--blog-accent-bright) 0,var(--blog-accent-deep) 100%);color:#fff;font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center}.b-author-card .nm{font-size:1.05rem;font-weight:500;letter-spacing:-.01em}.b-author-card .rl{font-family:var(--font-marketing-mono),monospace;font-size:.72rem;color:var(--page-text-muted);text-transform:uppercase;letter-spacing:.08em}.b-author-card .bio{font-size:.88rem;line-height:1.5;color:var(--page-text-muted)}.b-author-card .ct{margin-top:auto;padding-top:var(--space-3);font-family:var(--font-marketing-mono),monospace;font-size:.72rem;color:var(--page-text);border-top:1px dashed rgba(0,0,0,.08)}.b-newsletter{margin:0 var(--page-gutter) var(--page-gutter);padding:var(--section-y-compact) var(--container-pad);background:var(--bg-color);color:var(--text-primary);border-radius:var(--radius-card);border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;text-align:center}.b-newsletter-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 40% at 50% 0,color-mix(in oklab,var(--blog-accent-deep) 25%,transparent),transparent 70%)}.b-newsletter-inner{position:relative;z-index:1;max-width:620px;margin:0 auto}.b-newsletter .eyebrow{font-family:var(--font-marketing-mono),monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--blog-accent-bright);margin-bottom:var(--space-5)}.b-newsletter h2{font-family:var(--font-marketing-serif),serif;font-weight:400;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em;line-height:1.08;margin-bottom:var(--space-4)}.b-newsletter h2 em{font-style:italic;color:var(--blog-accent-bright)}.b-newsletter p{color:var(--text-secondary);font-size:1.05rem;line-height:1.55;margin-bottom:var(--space-8);max-width:480px;margin-left:auto;margin-right:auto}.b-newsletter-form{display:flex;gap:8px;max-width:480px;margin:0 auto;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-pill);padding:6px}.b-newsletter-form input{flex:1;background:transparent;border:none;color:var(--text-primary);padding:10px 16px;font-family:inherit;font-size:.9rem;outline:none}.b-newsletter-form input::placeholder{color:rgba(255,255,255,.4)}.b-newsletter-form button{background:var(--text-primary);color:var(--bg-color);border:none;padding:10px 18px;border-radius:var(--radius-pill);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.b-newsletter .fine{margin-top:var(--space-5);font-family:var(--font-marketing-mono),monospace;font-size:.7rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.1em}.b-footer{background:var(--page-bg);padding:var(--space-10) var(--container-pad) var(--space-7);border-top:1px solid rgba(0,0,0,.08);margin-top:var(--space-10)}.b-footer-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--space-8)}@media (max-width:900px){.b-footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:560px){.b-footer-inner{grid-template-columns:1fr}}.b-footer-brand .blurb{color:var(--page-text-muted);font-size:.88rem;line-height:1.55;margin-top:var(--space-3);max-width:28ch}.b-footer-col h4{font-family:var(--font-marketing-mono),monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--page-text-muted);margin-bottom:var(--space-4);font-weight:500}.b-footer-col ul li{font-size:.9rem;margin-bottom:var(--space-3)}.b-footer-col ul li a{color:var(--page-text);transition:color .2s ease}.b-footer-col ul li a:hover{color:var(--blog-accent-deep)}.b-footer-bar{max-width:1320px;margin:var(--space-8) auto 0;padding-top:var(--space-5);border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-marketing-mono),monospace;font-size:.72rem;color:var(--page-text-muted);text-transform:uppercase;letter-spacing:.08em}.b-tweaks{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:100;width:280px;background:rgba(10,10,12,.92);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-5);backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,.45)}.b-tweaks h3{font-family:var(--font-marketing-mono),monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--blog-accent-bright);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08)}.b-tweaks .field{margin-bottom:var(--space-5)}.b-tweaks .field:last-child{margin-bottom:0}.b-tweaks label{display:block;font-family:var(--font-marketing-mono),monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55);margin-bottom:8px}.b-tweaks .opts{display:flex;gap:4px;flex-wrap:wrap}.b-tweaks .opts button{flex:1;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#fff;font-family:inherit;font-size:.75rem;cursor:pointer;transition:background .2s ease,border-color .2s ease;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.b-tweaks .opts button.active{background:color-mix(in oklab,var(--blog-accent) 20%,transparent);border-color:color-mix(in oklab,var(--blog-accent) 50%,transparent)}.b-tweaks .swatches{display:flex;gap:6px}.b-tweaks .swatch{flex:1;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:transform .15s ease;position:relative}.b-tweaks .swatch.active{transform:scale(1.05);outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.b-tweaks .swatch.purple{background:linear-gradient(135deg,#c4b5fd,#6d3fde)}.b-tweaks .swatch.lime{background:linear-gradient(135deg,#f0ffb2,#a8c23a)}.b-tweaks .swatch.cyan{background:linear-gradient(135deg,#99f6e4,#0d9488)}.blog-post-root{background:var(--page-bg,#fafafa);color:var(--page-text,#111);padding:7rem var(--page-gutter,24px) var(--space-12,96px);font-family:var(--font-marketing-body),"Inter",system-ui,sans-serif}.blog-post{max-width:44rem;margin:0 auto}.blog-post-header{margin-bottom:var(--space-7,48px)}.blog-post-eyebrow{display:flex;align-items:center;gap:var(--space-3,12px);font-family:var(--font-marketing-mono),"JetBrains Mono",monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--page-text-muted,#555);margin-bottom:var(--space-4,16px);flex-wrap:wrap}.blog-post-eyebrow>*+:before{content:"·";margin-right:var(--space-3,12px);color:var(--page-text-muted,#555);opacity:.6}.blog-post-back{color:var(--page-text-muted,#555);text-decoration:none;transition:color .15s ease}.blog-post-back:hover{color:var(--page-text,#111)}.blog-post-category{color:#7c3aed}.blog-post-date{color:var(--page-text-muted,#555);font-variant-numeric:tabular-nums}.blog-post-title{font-family:var(--font-marketing-serif),"Instrument Serif",serif;font-weight:400;font-size:clamp(2rem,4.5vw,3rem);letter-spacing:-.02em;line-height:1.1;margin:0 0 var(--space-4,16px);color:var(--page-text,#111)}.blog-post-summary{font-size:1.125rem;line-height:1.6;color:var(--page-text-muted,#555);margin:0 0 var(--space-6,32px)}.blog-post-meta{display:flex;align-items:center;gap:var(--space-4,16px);padding-top:var(--space-4,16px);border-top:1px solid rgba(0,0,0,.08);flex-wrap:wrap}.blog-post-hero{margin:var(--space-7,48px) 0;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.04)}.blog-post-hero img{display:block;width:100%;height:auto}.blog-post-body{font-size:1.0625rem;line-height:1.75;color:var(--page-text,#1a1a1a)}.blog-body-h2{font-size:1.5rem;letter-spacing:-.015em;line-height:1.3;margin:var(--space-7,48px) 0 var(--space-3,12px)}.blog-body-h2,.blog-body-h3{font-family:var(--font-marketing-body),"Inter",system-ui,sans-serif;font-weight:600;color:var(--page-text,#111)}.blog-body-h3{font-size:1.25rem;letter-spacing:-.01em;line-height:1.35;margin:var(--space-6,32px) 0 var(--space-3,12px)}.blog-body-p{margin:0 0 var(--space-4,16px)}.blog-body-ol,.blog-body-ul{margin:0 0 var(--space-4,16px);padding-left:1.5rem}.blog-body-ol{list-style:decimal}.blog-body-li{margin-bottom:var(--space-2,8px)}.blog-body-li:last-child{margin-bottom:0}.blog-body-link{color:#7c3aed;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .15s ease}.blog-body-link:hover{color:#6d3fde}.blog-body-strong{font-weight:600;color:var(--page-text,#111)}@media (max-width:640px){.blog-post-root{padding-top:112px;padding-bottom:var(--space-9,72px)}.blog-post-eyebrow{font-size:.6875rem}.blog-post-meta{gap:var(--space-3,12px)}}