.blog-hero{position:relative;min-height:620px;display:grid;align-items:end;isolation:isolate}.blog-hero>img,.blog-hero__overlay{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.blog-hero__overlay{z-index:-1;background:linear-gradient(90deg,rgba(9,3,4,.94),rgba(9,3,4,.25)),linear-gradient(transparent 40%,rgba(9,3,4,.9))}.blog-hero__content{padding-block:100px 76px}.blog-hero h1{max-width:980px;margin:0;font-family:var(--font-display);font-size:clamp(2.8rem,5.5vw,5.4rem);font-weight:600;line-height:.98}.blog-hero__content>p:last-child{color:var(--color-text-muted)}.blog-body{display:grid;grid-template-columns:minmax(0,760px) 300px;justify-content:space-between;gap:80px;padding-block:clamp(70px,9vw,120px)}.blog-body article{color:var(--color-text-muted)}.blog-lead{color:var(--color-text)!important;font-size:1.18rem;line-height:1.75}.blog-body article h2{margin:50px 0 12px;color:var(--color-text);font-family:var(--font-display);font-size:2rem;font-weight:600}.blog-body article p{line-height:1.82}.blog-body aside{position:sticky;top:100px;height:max-content;padding:28px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface)}.blog-body aside h2{font-family:var(--font-display);font-size:1.8rem;line-height:1.05}.blog-body aside p{color:var(--color-text-muted);font-size:.86rem}.blog-author{display:flex;flex-direction:column;margin-top:48px;padding:24px;border-left:2px solid var(--color-primary);background:var(--color-surface)}.blog-author strong{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text)}.blog-author span{color:var(--color-champagne);font-size:.72rem}.blog-not-found{padding-block:150px}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{overflow:hidden;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface)}.article-card img{width:100%;height:230px;object-fit:cover}.article-card>div{padding:24px}.article-card h2{margin:10px 0 18px;font-family:var(--font-display);font-size:1.55rem;line-height:1.15}.article-card a{color:var(--color-champagne);font-size:.8rem;font-weight:700;text-decoration:none}@media(max-width:950px){.articles-grid{grid-template-columns:1fr 1fr}.blog-body{grid-template-columns:1fr}.blog-body aside{position:static}}@media(max-width:600px){.articles-grid{grid-template-columns:1fr}.blog-hero{min-height:560px}.blog-hero h1{font-size:2.8rem}.blog-body{gap:50px}.article-card img{height:220px}}
