.blog-list-header{text-align:left;max-width:none;margin:0 0 2.5rem;border-bottom:1px solid var(--surface-border);padding-bottom:2rem}.blog-list-title{font-weight:600;font-size:clamp(2.6rem,6vw,4.5rem);letter-spacing:-.03em}.blog-list-title:before{content:"// notes from the lab";display:block;font-family:var(--font-mono);font-size:.875rem;font-weight:400;letter-spacing:.01em;color:var(--accent-deep);margin-bottom:1rem}.blog-list-subtitle{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.blog-list-page .blog-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.75rem,3.5vw,3.5rem);align-items:center;background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--surface-border);box-shadow:none;padding:clamp(1.75rem,3.5vh,3rem) 0 clamp(2.25rem,4.5vh,3.5rem);margin-bottom:.5rem;overflow:visible}.blog-list-page .blog-hero:hover{box-shadow:none;border-color:var(--surface-border);transform:none;background:transparent}.blog-list-page .blog-hero-body{order:1;padding:.15rem 0;min-width:0}.blog-list-page .blog-hero-image{order:2;margin:0;border:1px solid var(--surface-border-hover);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--surface, #f5f5f7);padding:0;aspect-ratio:1200 / 630;height:auto;contain:layout style;min-width:0}.blog-list-page .blog-hero-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-primary)}@media(hover:hover)and (pointer:fine){.blog-list-page .blog-hero:hover .blog-hero-image img{transform:scale(1.025)}}.blog-list-page .blog-hero-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}.blog-list-page .blog-hero-meta:before{content:"featured";font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;color:var(--bg-primary);background:var(--text-primary);border-radius:2px;padding:.18rem .5rem}.blog-list-page .blog-hero-title{font-weight:600;font-size:clamp(1.8rem,3.4vw,2.7rem);letter-spacing:-.025em;line-height:1.1;margin-bottom:.9rem}.blog-list-page .blog-hero-title a:hover{color:var(--accent)}.blog-list-page .blog-hero-excerpt{font-size:1.0625rem;color:var(--text-secondary);max-width:52ch}.blog-list-page .blog-hero-cta{font-family:var(--font-mono);font-size:.8125rem;color:var(--accent-deep);display:inline-flex;align-items:center;gap:.4rem;margin-top:1.25rem}.blog-grid{display:block}.blog-grid>*{display:block;width:100%}.blog-row{width:100%}.blog-row{position:relative;display:grid;grid-template-columns:130px minmax(0,1fr) 150px 32px;gap:clamp(1.25rem,3vw,2.5rem);align-items:start;padding:1.75rem 0;border-bottom:1px solid var(--surface-border)}.blog-row-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:.5rem}.blog-row-date{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.blog-row-title{font-family:var(--font-heading);font-weight:600;font-size:clamp(1.25rem,2.2vw,1.65rem);letter-spacing:-.015em;line-height:1.2;margin:0 0 .45rem}.blog-row-title a:hover{color:var(--accent)}.blog-row-excerpt{font-size:.9375rem;color:var(--text-secondary);max-width:64ch;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-row-tags{display:flex;gap:.4rem;margin-top:.6rem}.blog-row-thumb{border:1px solid var(--surface-border);border-radius:6px;overflow:hidden;height:104px;align-self:start}.blog-row-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-primary)}@media(hover:hover)and (pointer:fine){.blog-row:hover .blog-row-thumb img{transform:scale(1.05)}}.blog-row-arrow{color:var(--text-tertiary);transition:color .25s ease,transform .3s var(--ease-primary);align-self:start;padding-top:.65rem}@media(hover:hover)and (pointer:fine){.blog-row:hover .blog-row-arrow{color:var(--accent);transform:translate(3px,-3px)}}@media(max-width:760px){.blog-list-page .blog-hero{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem 0 2rem}.blog-list-page .blog-hero-image{order:0}.blog-list-page .blog-hero-body{order:1}.blog-row{grid-template-columns:minmax(0,1fr) 96px;grid-template-areas:"meta meta" "main thumb";row-gap:.6rem}.blog-row-meta{grid-area:meta;flex-direction:row;align-items:center}.blog-row-main{grid-area:main}.blog-row-thumb{grid-area:thumb;height:88px}.blog-row-arrow{display:none}}.blog-layout-title{font-weight:600;font-size:clamp(2.1rem,5vw,3.4rem);letter-spacing:-.03em;line-height:1.06}.blog-layout-header{border-bottom:1px solid var(--surface-border);padding-bottom:1.75rem;margin-bottom:2rem}.blog-layout-hero{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #16130e0d,0 2px 6px #16130e0f,0 18px 44px #16130e24;transition:transform .45s var(--ease-primary),box-shadow .45s var(--ease-primary)}@media(hover:hover)and (pointer:fine){.blog-layout-hero:hover{transform:translateY(-5px);box-shadow:0 0 0 1px #16130e0f,0 8px 18px #16130e1a,0 34px 72px #16130e33}}.blog-layout-hero img{display:block;width:100%;height:auto}.blog-image{margin:2.25rem 0}.blog-image img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 0 0 1px #16130e0d,0 2px 6px #16130e0f,0 16px 40px #16130e21;transition:transform .45s var(--ease-primary),box-shadow .45s var(--ease-primary)}@media(hover:hover)and (pointer:fine){.blog-image img:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #16130e0f,0 8px 16px #16130e1a,0 28px 62px #16130e30}}.blog-image figcaption{margin-top:.85rem;font-size:.875rem;line-height:1.5;color:var(--text-faint);text-align:center}@media(prefers-reduced-motion:reduce){.blog-layout-hero,.blog-image img{transition:none}.blog-layout-hero:hover,.blog-image img:hover{transform:none}}.blog-layout-prose{font-size:1.0938rem;line-height:1.8}.blog-layout-prose p{color:var(--text-primary)}.blog-layout-prose h2{font-weight:600;letter-spacing:-.015em;border-top:1px solid var(--surface-border);padding-top:1.75rem;margin-top:2.5rem}.blog-layout-prose img{border:1px solid var(--surface-border);border-radius:8px}.blog-layout-prose .blog-image{margin:1.75rem 0 2rem}.blog-layout-prose .blog-image img{width:100%;height:auto;border-radius:10px;box-shadow:0 12px 40px -24px #16130e59}.blog-layout-prose .blog-image figcaption{margin-top:.65rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.45;color:var(--text-secondary);letter-spacing:.01em}.blog-layout-prose .blog-table-scroll{border-color:var(--surface-border);background:linear-gradient(90deg,var(--bg-primary, #fff) 70%,transparent),linear-gradient(270deg,var(--bg-primary, #fff) 70%,transparent),linear-gradient(90deg,rgba(22,19,14,.08),transparent 40%),linear-gradient(270deg,rgba(22,19,14,.08),transparent 40%);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:28px 100%,28px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.blog-layout-prose .blog-table-scroll+p,.blog-layout-prose .blog-table-scroll+h2,.blog-layout-prose .blog-table-scroll+h3{margin-top:1.5rem}.blog-layout-prose td:first-child,.blog-layout-prose th:first-child{font-family:var(--font-mono);font-size:.8em;letter-spacing:.01em}.blog-layout-prose pre{border:1px solid var(--hairline-on-dark);border-radius:8px}.pull-quote,.blog-layout-prose blockquote{font-family:var(--font-heading);font-weight:500;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.45;letter-spacing:-.01em;color:var(--text-primary);border-left:none;border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);padding:1.75rem 0;margin:2.25rem 0;background:transparent;border-radius:0;position:relative}.pull-quote:before,.blog-layout-prose blockquote:before{content:"“";display:block;font-family:var(--font-heading);font-size:2.6rem;line-height:.6;color:var(--accent-light);margin-bottom:.75rem}.pull-quote .pull-quote-icon{display:none}.pull-quote blockquote{border:none;padding:0;margin:0}.pull-quote blockquote:before{content:none}.pull-quote blockquote:after{content:"”";display:block;font-family:var(--font-heading);font-size:2.6rem;line-height:.6;color:var(--accent-light);margin-top:1.25rem;text-align:right}.blog-layout-footer{border-top:1px solid var(--surface-border);margin-top:3rem;padding-top:1.5rem}.blog-newsletter-cta{border-radius:8px}