.blog-hero{padding:calc(var(--nav-height) + 4rem) 0 var(--space-xl);text-align:center;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 30%,#7b5ea714,#0000 60%);position:absolute;inset:0}.blog-hero__kicker{font-size:var(--fs-micro);font-weight:var(--fw-semibold);font-family:var(--font-primary);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-soft);margin-bottom:var(--space-md);display:block;position:relative}.blog-hero__title{font-size:clamp(2rem,4.5vw,3rem);font-weight:var(--fw-bold);font-family:var(--font-primary);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);margin-bottom:var(--space-md);max-width:680px;margin-inline:auto;position:relative}.blog-hero__title em{font-style:italic;font-family:var(--font-display);color:var(--color-accent-soft)}.blog-hero__subtitle{font-size:var(--fs-body);color:var(--color-text-muted);max-width:520px;line-height:var(--lh-body);margin-inline:auto;position:relative}.blog-hero__rule{background:var(--color-border-subtle);width:80px;height:1px;margin:var(--space-lg) auto 0}.blog-categories{margin-bottom:var(--space-xl);-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;align-items:center;gap:2rem;display:flex;overflow-x:auto}.blog-categories::-webkit-scrollbar{display:none}.blog-categories__tab{font-size:var(--fs-small);font-weight:var(--fw-medium);font-family:var(--font-primary);color:var(--color-text-dim);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:.5rem 0;position:relative}.blog-categories__tab:after{content:"";background:var(--color-accent-soft);transform-origin:50%;height:2px;transition:transform var(--duration-base) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.blog-categories__tab:hover{color:var(--color-text-muted)}.blog-categories__tab--active{color:var(--color-text)}.blog-categories__tab--active:after{transform:scaleX(1)}.blog-categories__count{color:var(--color-text-dim);font-weight:var(--fw-regular);font-size:var(--fs-micro);margin-left:.25rem}.blog-grid{margin-bottom:var(--space-2xl);grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.post-card{background:var(--color-base-card);border-radius:var(--radius-lg);transition:border-color var(--duration-base) var(--ease-out), transform .35s var(--ease-out), box-shadow .35s var(--ease-out);border:1px solid #4a454f1f;flex-direction:column;display:flex;position:relative;overflow:hidden}.post-card:hover{border-color:#9474c440;transform:translateY(-6px);box-shadow:0 8px 24px #0003,0 24px 48px #00000026,0 0 0 1px #9474c414}.post-card__cover-wrap{flex-shrink:0;position:relative;overflow:hidden}.post-card__cover{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.post-card__cover-img{object-fit:cover;transition:transform .6s var(--ease-out)}.post-card:hover .post-card__cover-img{transform:scale(1.05)}.post-card__cover--fallback{transition:transform .6s var(--ease-out);justify-content:center;align-items:center;display:flex}.post-card:hover .post-card__cover--fallback{transform:scale(1.03)}.post-card__cover-wordmark{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--fw-bold);color:#f5f0eb1a;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.post-card__cover-overlay{background:linear-gradient(to top, var(--color-base-card), transparent);pointer-events:none;z-index:1;height:50%;position:absolute;bottom:0;left:0;right:0}.post-card__body{flex-direction:column;flex:1;gap:0;padding:1.25rem 1.5rem 1.5rem;display:flex}.post-card__body-top{flex-direction:column;flex:1;display:flex}.post-card__eyebrow{font-size:.6875rem;font-weight:var(--fw-semibold);font-family:var(--font-primary);letter-spacing:.07em;text-transform:uppercase;color:var(--color-accent-soft);background:var(--color-accent-dim);border-radius:var(--radius-full);align-self:flex-start;margin-bottom:.75rem;padding:.2rem .55rem;display:inline-flex}.post-card__title{font-size:clamp(1rem,1.5vw,1.25rem);font-weight:var(--fw-semibold);color:var(--color-text);transition:color var(--duration-base) var(--ease-out);margin-bottom:.5rem;line-height:1.35}.post-card:hover .post-card__title{color:var(--color-accent-soft)}.post-card__excerpt{font-size:var(--fs-small);color:var(--color-text-muted);line-height:var(--lh-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--color-text-dim);align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;font-size:.6875rem;display:flex}.post-card__meta-author{font-weight:var(--fw-medium);color:var(--color-text-muted)}.post-card__meta-dot{background:var(--color-text-dim);opacity:.5;border-radius:50%;flex-shrink:0;width:3px;height:3px}.post-card__meta-date{white-space:nowrap}.post-card__meta-read{white-space:nowrap;align-items:center;gap:.25rem;display:inline-flex}.post-card__meta-icon{opacity:.6;flex-shrink:0;width:13px;height:13px}.post-card__link{z-index:2;position:absolute;inset:0}.post-card--lead{grid-column:1/-1}.post-card--lead .post-card__cover{aspect-ratio:2}.post-card--lead .post-card__title{font-size:clamp(1.25rem,2.5vw,1.75rem)}.post-card--lead .post-card__excerpt{-webkit-line-clamp:3;max-width:640px}.post-card--lead .post-card__cover-wordmark{font-size:2rem}@media (min-width:1024px){.blog-grid{gap:1.75rem}.post-card--lead{flex-direction:row}.post-card--lead .post-card__cover-wrap{flex-shrink:0;width:55%}.post-card--lead .post-card__cover{aspect-ratio:auto;height:100%}.post-card--lead .post-card__cover-overlay{background:linear-gradient(to left, var(--color-base-card), transparent);width:40%;height:100%;top:0;left:auto;right:0}.post-card--lead .post-card__body{justify-content:center;padding:2rem 2.25rem}.post-card--lead .post-card__title{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25}.post-card--lead .post-card__excerpt{font-size:var(--fs-body);-webkit-line-clamp:3}}@media (min-width:1280px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem}.post-card--lead{grid-column:1/-1}.post-card--lead .post-card__cover-wrap{width:58%}.post-card--lead .post-card__body{padding:2.5rem 2.75rem}}@media (max-width:1023px) and (min-width:600px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.post-card--lead{grid-column:1/-1}.post-card--lead .post-card__cover{aspect-ratio:2.4}.post-card--lead .post-card__title{font-size:clamp(1.2rem,3vw,1.5rem)}}@media (max-width:599px){.blog-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin-inline:auto}.post-card--lead{grid-column:span 1}.post-card--lead .post-card__cover{aspect-ratio:16/9}.post-card--lead .post-card__title{font-size:1.15rem}.post-card__body{padding:1rem 1.15rem 1.15rem}.post-card__title{font-size:1rem}.post-card__eyebrow{margin-bottom:.5rem;font-size:.625rem}.post-card__excerpt{font-size:.8125rem}.post-card__meta{gap:.4rem;padding-top:.75rem;font-size:.625rem}}.blog-post{padding:calc(var(--nav-height) + 3rem) 0 var(--space-2xl);position:relative}.blog-post:before{content:"";pointer-events:none;background:radial-gradient(at 40% 0,#7b5ea71a,#0000 55%),radial-gradient(at 80% 20%,#2ecc710a,#0000 55%);height:400px;position:absolute;top:0;left:0;right:0}.blog-post__header{text-align:center;margin-bottom:var(--space-xl);position:relative}.blog-post__breadcrumb{font-size:var(--fs-micro);color:var(--color-text-dim);margin-bottom:var(--space-md);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.blog-post__breadcrumb a{color:var(--color-accent-soft);transition:color var(--duration-fast)}.blog-post__breadcrumb a:hover{color:var(--color-accent)}.blog-post__category-badge{font-size:var(--fs-micro);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-accent-soft);background:var(--color-accent-dim);border-radius:var(--radius-full);margin-bottom:var(--space-md);padding:.25rem .75rem;display:inline-block}.blog-post__title{font-size:clamp(2rem,5vw,3rem);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);margin-bottom:var(--space-md);max-width:820px;margin-inline:auto}.blog-post__meta{font-size:var(--fs-small);color:var(--color-text-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;display:flex}.blog-post__meta-item{align-items:center;gap:.35rem;display:flex}.blog-post__meta-dot{background:var(--color-text-dim);border-radius:50%;flex-shrink:0;width:3px;height:3px}.blog-post__content{max-width:740px;font-size:var(--fs-body);color:var(--color-text-muted);margin-inline:auto;line-height:1.8}.blog-post__content h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:var(--fw-bold);color:var(--color-text);margin:var(--space-xl) 0 var(--space-md);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.blog-post__content h2{font-size:var(--fs-subsection);font-weight:var(--fw-bold);color:var(--color-text);margin:var(--space-xl) 0 var(--space-md);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);border-bottom:1px solid var(--color-border-subtle);padding-bottom:.5rem}.blog-post__content h3{font-size:var(--fs-large);font-weight:var(--fw-semibold);color:var(--color-text);margin:var(--space-lg) 0 var(--space-sm);line-height:var(--lh-snug)}.blog-post__content h4{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text);margin:var(--space-md) 0 var(--space-xs)}.blog-post__content p{margin-bottom:var(--space-md)}.blog-post__content strong{color:var(--color-text);font-weight:var(--fw-semibold)}.blog-post__content a{color:var(--color-accent-soft);text-underline-offset:3px;transition:color var(--duration-fast), text-decoration-color var(--duration-fast);-webkit-text-decoration:underline #9474c459;text-decoration:underline #9474c459}.blog-post__content a:hover{color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.blog-post__content ul,.blog-post__content ol{margin:var(--space-sm) 0 var(--space-md);padding-left:1.5rem}.blog-post__content ul{list-style:outside}.blog-post__content ol{list-style:decimal}.blog-post__content li{margin-bottom:.5rem;padding-left:.25rem}.blog-post__content blockquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text);background:#7b5ea70f;font-style:italic}.blog-post__content hr{background:var(--color-border-subtle);height:1px;margin:var(--space-xl) 0;border:none}.blog-post__content code{background:var(--surface-fill-strong);border:1px solid var(--hairline);color:var(--color-accent-soft);border-radius:4px;padding:.15em .4em;font-family:SF Mono,Fira Code,monospace;font-size:.9em}.blog-post__content pre{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-base-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow-x:auto}.blog-post__content pre code{font-size:var(--fs-small);color:var(--color-text);background:0 0;border:none;padding:0}.blog-post__content table{border-collapse:collapse;width:100%;margin:var(--space-md) 0 var(--space-lg);font-size:var(--fs-small);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);overflow:hidden}.blog-post__content thead{background:var(--color-base-raised)}.blog-post__content th{text-align:left;font-weight:var(--fw-semibold);color:var(--color-text);border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.blog-post__content td{border-bottom:1px solid var(--hairline);color:var(--color-text-muted);padding:.65rem 1rem}.blog-post__content tbody tr:last-child td{border-bottom:none}.blog-post__content tbody tr:hover td{background:var(--surface-fill)}.blog-cta{max-width:740px;margin:var(--space-xl) auto var(--space-2xl);padding:var(--space-xl);text-align:center;background:linear-gradient(135deg, #7b5ea71f, #2ecc710f), var(--color-base-card);border-radius:var(--radius-xl);border:1px solid #7b5ea740;position:relative;overflow:hidden}.blog-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#7b5ea733,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-30%}.blog-cta__title{font-size:var(--fs-subsection);font-weight:var(--fw-bold);margin-bottom:var(--space-sm);position:relative}.blog-cta__desc{font-size:var(--fs-body);color:var(--color-text-muted);margin-bottom:var(--space-lg);max-width:420px;line-height:var(--lh-body);margin-inline:auto;position:relative}.blog-cta .btn{position:relative}.blog-back{font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--color-accent-soft);margin-bottom:var(--space-lg);transition:color var(--duration-fast);align-items:center;gap:.4rem;display:inline-flex}.blog-back:hover{color:var(--color-accent)}.blog-back svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.blog-empty{text-align:center;padding:var(--space-2xl) 0;grid-column:1/-1}.blog-empty__text{font-size:var(--fs-large);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.blog-empty__hint{font-size:var(--fs-small);color:var(--color-text-dim)}@media (max-width:768px){.blog-categories{padding-inline:var(--container-pad);justify-content:flex-start;gap:1.25rem}.blog-post__title{font-size:clamp(1.5rem,6vw,2.25rem)}.blog-post__content{font-size:var(--fs-small)}.blog-cta{padding:var(--space-lg)}}@media (max-width:480px){.blog-post__meta{gap:.75rem}.blog-cta__title{font-size:var(--fs-large)}}
