.blog-page { overflow-x:hidden; }
.blog-ambient { position:fixed; z-index:-1; width:42rem; aspect-ratio:1; border-radius:50%; filter:blur(1px); pointer-events:none; }
.blog-ambient--one { top:3rem; right:-22rem; background:radial-gradient(circle,rgba(137,112,245,.24),transparent 68%); }
.blog-ambient--two { top:44rem; left:-25rem; background:radial-gradient(circle,rgba(141,243,230,.15),transparent 68%); }
.desktop-nav .is-current { color:var(--aqua); }
.blog-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(17rem,.55fr); gap:clamp(2rem,8vw,10rem); align-items:end; padding-top:clamp(10rem,16vw,14rem); }
.blog-hero h1,.blog-principles h2,.blog-cta h2 { max-width:11ch; margin:.8rem 0 1.35rem; font-family:var(--display); font-size:clamp(2.9rem,8vw,7.4rem); letter-spacing:-.085em; line-height:.87; }
.blog-hero h1 em,.blog-principles h2 em,.blog-cta h2 em,.blog-card h2 em { color:var(--aqua); font-style:normal; }
.blog-hero > div > p:last-child { max-width:39rem; margin:0; color:rgba(241,242,236,.68); font-size:.95rem; line-height:1.75; }
.blog-hero__note { padding:1.35rem; background:rgba(241,242,236,.045); border:1px solid rgba(141,243,230,.24); border-radius:.85rem; }
.blog-hero__note span { color:var(--acid); font-family:var(--mono); font-size:1.1rem; }
.blog-hero__note p { margin:.85rem 0 0; color:rgba(241,242,236,.64); font-size:.75rem; line-height:1.65; }
.blog-hero__note strong { color:var(--paper); }
.blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; padding-top:clamp(5rem,11vw,10rem); background:rgba(241,242,236,.14); border:1px solid rgba(241,242,236,.14); }
.blog-card { min-height:25rem; padding:clamp(1.35rem,3vw,2.5rem); background:#0d111b; }
.blog-card--featured { grid-row:span 2; min-height:51rem; background:linear-gradient(145deg,#151d2e,#0e2022); }
.blog-card__meta { margin:0; color:var(--aqua); font-family:var(--mono); font-size:.52rem; letter-spacing:.1em; }
.blog-card h2 { max-width:12ch; margin:clamp(4rem,10vw,9.5rem) 0 1rem; font-family:var(--display); font-size:clamp(2rem,4.2vw,4.3rem); letter-spacing:-.08em; line-height:.9; }
.blog-card p:not(.blog-card__meta) { max-width:32rem; margin:0; color:rgba(241,242,236,.64); font-size:.78rem; line-height:1.7; }
.blog-card a { display:inline-flex; gap:.45rem; margin-top:2rem; color:var(--aqua); font-family:var(--mono); font-size:.58rem; text-decoration:none; }
.blog-card a:hover { color:var(--acid); }
.blog-card ol { display:grid; gap:.7rem; margin:2.5rem 0 0; padding:0; list-style:none; }
.blog-card li { display:grid; grid-template-columns:2rem 1fr; gap:.5rem; padding-top:.7rem; color:rgba(241,242,236,.78); border-top:1px solid rgba(241,242,236,.13); font-size:.72rem; line-height:1.45; }
.blog-card li span { color:var(--acid); font-family:var(--mono); font-size:.55rem; }
.blog-principles { display:grid; grid-template-columns:minmax(0,1fr) minmax(19rem,.75fr); gap:clamp(2rem,9vw,11rem); align-items:end; padding-top:clamp(6rem,13vw,12rem); }
.blog-principles h2 { margin-bottom:0; font-size:clamp(2.45rem,5.5vw,5.5rem); }
.blog-principles__list { border-top:1px solid rgba(241,242,236,.18); }
.blog-principles__list p { display:grid; grid-template-columns:2rem 1fr; gap:.7rem; margin:0; padding:1rem 0; border-bottom:1px solid rgba(241,242,236,.18); color:rgba(241,242,236,.72); font-size:.82rem; line-height:1.5; }
.blog-principles__list b { color:var(--acid); font-family:var(--mono); font-size:.55rem; }
.blog-cta { padding-top:clamp(6rem,13vw,12rem); padding-bottom:clamp(5rem,10vw,9rem); }
.blog-cta h2 { max-width:13ch; font-size:clamp(2.6rem,6vw,6rem); }
@media (max-width:760px) { .blog-hero,.blog-principles { grid-template-columns:1fr; gap:1.5rem; } .blog-grid { grid-template-columns:1fr; } .blog-card--featured { grid-row:auto; min-height:auto; } .blog-card { min-height:auto; } .blog-card h2 { margin-top:3rem; } }