.post-badge{border-radius:var(--radius-full);background:var(--color-accent-hover);color:var(--color-on-accent);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;white-space:nowrap;align-self:flex-start;align-items:center;display:inline-flex}.post-author{align-items:center;gap:var(--space-3);display:flex}.post-author__avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--color-lumen-sunken);flex:none;width:2rem;height:2rem}.post-author__avatar--lg{width:3rem;height:3rem}.post-author__name{font-weight:var(--font-weight-semibold);color:var(--color-lumen-ink);font-size:var(--font-size-sm)}.post-author__lines{line-height:var(--line-height-tight);flex-direction:column;display:flex}.post-author__role{color:var(--color-text-muted);font-size:var(--font-size-xs)}.btn-arrow{border-radius:var(--radius-full);background:#ffffff2e;place-items:center;width:1.6rem;height:1.6rem;display:inline-grid}.post-media{object-fit:cover;width:100%;display:block}.post-media--placeholder{background:radial-gradient(120% 120% at 15% 15%, var(--color-accent-muted) 0%, transparent 45%), linear-gradient(150deg, var(--color-accent), var(--color-lumen-ink));color:var(--color-on-accent);place-items:center;display:grid;position:relative}.post-media__mark{opacity:.9;width:clamp(2.5rem,5vw,3.5rem);height:auto}.blog-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.post-card{background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex;position:relative;overflow:hidden}.post-card[data-hidden="1"]{display:none}.post-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.post-card__media{aspect-ratio:16/9;border-radius:0;height:auto}.post-card__body{gap:var(--space-2);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.post-card__meta-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.post-card__date{color:var(--color-lumen-faint);font-size:var(--font-size-xs);white-space:nowrap}.post-card__title{margin:var(--space-1) 0 0;font-size:clamp(var(--font-size-lg), 1.6vw, var(--font-size-xl));line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card__title a{color:var(--color-lumen-ink);text-decoration:none}.post-card__title a:after{content:"";position:absolute;inset:0}.post-card:hover .post-card__title a{color:var(--color-accent)}.post-card__excerpt{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.post-card .post-author{padding-top:var(--space-4);margin-top:auto}.post-card__reading{color:var(--color-lumen-faint);font-size:var(--font-size-xs);white-space:nowrap;margin-left:auto}@media (width<=60rem){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=34rem){.blog-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.post-card{transition:none}.post-card:hover{transform:none}}.blog-page{padding-block:var(--space-10) var(--space-16)}.blog-head{max-width:46rem;margin-bottom:var(--space-10)}.blog-head h1{margin:var(--space-2) 0 0;color:var(--color-lumen-ink);font-size:clamp(2.75rem,5vw,4.25rem)}.blog-head__lead{margin:var(--space-4) 0 0;max-width:40rem;color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.blog-featured{align-items:stretch;gap:var(--space-8);margin-bottom:var(--space-12);padding:var(--space-6);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.blog-featured__body{justify-content:center;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-2);flex-direction:column;display:flex}.blog-featured__title{font-size:clamp(1.75rem,3vw,2.5rem);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0}.blog-featured__title a{color:var(--color-lumen-ink);text-decoration:none}.blog-featured__title a:hover{color:var(--color-accent)}.blog-featured__excerpt{max-width:44ch;color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.blog-featured__foot{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;margin-top:var(--space-1);display:flex}.blog-featured__meta{text-align:right;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap;flex-direction:column;display:flex}.blog-featured__cta{margin-top:var(--space-2)}.blog-featured__media{aspect-ratio:16/9;border-radius:var(--radius-xl);height:100%}.blog-more{margin-top:var(--space-10);justify-content:center;display:flex}.btn-arrow--toggle svg{transition:transform var(--duration-normal) var(--ease-standard)}[data-state=expanded] .btn-arrow--toggle svg{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.btn-arrow--toggle svg{transition:none}}.blog-empty{padding:var(--space-12) 0;color:var(--color-text-muted)}@media (width<=48rem){.blog-featured{gap:var(--space-5);grid-template-columns:1fr}.blog-featured__media{order:-1;height:auto;min-height:0}.blog-featured__body{padding:var(--space-2) 0 0;justify-content:flex-start}}@media (width<=34rem){.blog-featured__foot{align-items:flex-start;gap:var(--space-3);flex-direction:column}.blog-featured__meta{text-align:left}}
