.blog-hero{position:relative;min-height:calc(100svh - var(--nav-h, 64px));height:calc(100svh - var(--nav-h, 64px));background-image:url(/assets/blog.jpg);background-size:cover;background-position:center calc(50% + 60px);display:flex;align-items:flex-end}.blog-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000e0,#00000059 55%,#0000001a)}.blog-hero-content{position:relative;z-index:1;padding:0 var(--gutter) 60px;width:100%;max-width:calc(var(--maxw) + var(--gutter) * 2);margin:0 auto}.blog-hero-content .eyebrow{margin-bottom:18px}.blog-hero-content h1{font-family:var(--f-display);font-size:clamp(48px,6vw,86px);line-height:1;letter-spacing:-.025em;margin:0 0 24px;font-weight:600;max-width:18ch;color:var(--ink)}.blog-hero-content h1 em{color:var(--accent);font-style:normal;font-weight:600}.blog-hero-content .lead{font-size:18px;max-width:60ch;color:var(--ink-2);font-weight:300;line-height:1.6;margin:0 0 32px}.blog-featured{padding:20px var(--gutter) 80px;max-width:var(--maxw);margin:0 auto}.blog-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;text-decoration:none;transition:border-color .2s,transform .2s}.blog-card:hover{border-color:var(--accent);transform:translateY(-3px)}.blog-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2)}.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card:hover .blog-card-media img{transform:scale(1.04)}.blog-card-tag{position:absolute;bottom:14px;left:14px;font-family:var(--f-label);font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink);background:var(--accent);padding:5px 10px;border-radius:999px}.blog-card-body{padding:24px 24px 20px;display:flex;flex-direction:column;flex:1}.blog-card-title{font-family:var(--f-display);font-size:18px;line-height:1.25;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:0 0 12px}.blog-card:hover .blog-card-title{color:var(--accent)}.blog-card-excerpt{font-size:14px;color:var(--mute);font-weight:300;line-height:1.6;margin:0 0 20px;flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border)}.blog-card-date{font-family:var(--f-label);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute-2);font-weight:500}.blog-card-arrow{color:var(--mute);font-size:16px;transition:transform .2s,color .2s}.blog-card:hover .blog-card-arrow{color:var(--accent);transform:translate(4px)}.notes-list{padding:0 var(--gutter) 80px;max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column}.notes-list-label{font-family:var(--f-label);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute-2);font-weight:500;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:0}.note-row{display:grid;grid-template-columns:130px 1fr 140px 40px;gap:30px;padding:26px 0;border-top:1px solid var(--border);align-items:baseline;transition:background .2s;text-decoration:none}.note-row:last-child{border-bottom:1px solid var(--border)}.note-row:hover{background:#cfb87c0d}.note-row.no-link{cursor:default}.note-date{font-family:var(--f-label);font-size:11px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase;font-weight:500}.note-title{font-family:var(--f-display);font-size:22px;line-height:1.2;font-weight:600;color:var(--ink);letter-spacing:-.015em}.note-row:hover .note-title{color:var(--accent)}.note-row.no-link:hover .note-title{color:var(--ink)}.note-tag{font-family:var(--f-label);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500}.note-arrow{color:var(--mute);font-size:18px;transition:transform .2s,color .2s;text-align:right}.note-row:hover .note-arrow{color:var(--accent);transform:translate(4px)}.note-row.no-link .note-arrow{opacity:0}@media(max-width:900px){.blog-featured-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.blog-featured-grid{grid-template-columns:1fr}.note-row{grid-template-columns:1fr;gap:6px}.note-arrow,.note-tag{text-align:left}}