.blog-header{position:relative;width:100vw;height:100vh;padding:2em;display:flex;justify-content:center;align-items:center;text-align:center}.blog-header .blog-profile-icon{position:relative;width:100px;height:100px;border-radius:1em;margin-bottom:1em;outline:.25rem solid var(--accent1);border:.25rem solid var(--fg);overflow:hidden}.blog-header .blog-header-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.blog-header .blog-header-title{margin-bottom:6em}.blog-header .blog-header-title h1{font-size:5rem}.blog-header .blog-footer{position:absolute;width:100%;bottom:0;padding:2em;display:flex;justify-content:space-between}.blog-header .blog-footer .blog-footer-scroll-down{position:absolute;left:50%;transform:translate(-50%)}.blog-header .blog-footer .blog-footer-symbols{height:1rem}.blog-posts{position:relative;width:100%;max-width:50%;margin-left:auto;margin-right:auto;padding:2em;display:flex;flex-direction:column;gap:4em;margin-bottom:8em}.blog-posts .posts-grid{display:grid;grid-template-columns:1fr;gap:2em}.blog-post-card{position:relative;background-color:var(--bg2);border-radius:1.5em;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.blog-post-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.blog-post-card .post-card-image{width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--fg)}.blog-post-card .post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-post-card:hover .post-card-image img{transform:scale(1.05)}.blog-post-card .post-card-content{padding:2em;display:flex;flex-direction:column;gap:1em}.blog-post-card .post-card-meta{display:flex;align-items:center;gap:1em;flex-wrap:wrap}.blog-post-card .post-category{background-color:var(--fg);color:var(--bg);padding:.4em .8em;border-radius:.4em;font-family:supply-mono;font-size:.75rem;text-transform:uppercase}.blog-post-card .post-date,.blog-post-card .post-read-time{font-family:supply-mono;font-size:.75rem;text-transform:uppercase;opacity:.6}.blog-post-card .post-card-title h3{font-size:1.75rem;line-height:1.1;margin:0}.blog-post-card .post-card-excerpt{opacity:.8;line-height:1.5}.blog-post-card .post-card-tags{display:flex;gap:.5em;flex-wrap:wrap;margin-top:.5em}.blog-post-card .post-tag{background-color:var(--accent1);padding:.3em .6em;border-radius:.3em;font-family:supply-mono;font-size:.7rem;text-transform:uppercase}.blog-post-card .post-card-footer{display:flex;align-items:center;gap:1em;margin-top:1em;padding-top:1em;border-top:1px solid rgba(0,0,0,.1)}.blog-post-card .post-author-avatar{width:40px;height:40px;border-radius:.5em;overflow:hidden;border:2px solid var(--fg)}.blog-post-card .post-author-info{display:flex;flex-direction:column;gap:.2em}.blog-post-card .post-author-name{font-family:supply-mono;font-size:.8rem;font-weight:600;text-transform:uppercase}.blog-post-card .post-author-role{font-family:supply-mono;font-size:.7rem;opacity:.6;text-transform:uppercase}.blog-posts .posts-grid .blog-post-card:first-child{grid-column:span 1}.blog-posts .posts-grid .blog-post-card:first-child .post-card-image{aspect-ratio:16/9}.blog-posts .posts-grid .blog-post-card:first-child .post-card-title h3{font-size:2rem}.blog-post-hero{position:relative;width:100vw;min-height:100vh;padding:8em 2em 4em;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--fg);color:var(--bg);overflow:hidden}.blog-post-hero .post-hero-content{max-width:900px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2em}.blog-post-hero .post-hero-meta{display:flex;align-items:center;gap:1.5em;flex-wrap:wrap;justify-content:center}.blog-post-hero .post-hero-category{background-color:var(--accent1);color:var(--fg);padding:.5em 1em;border-radius:.5em;font-family:supply-mono;font-size:.85rem;text-transform:uppercase}.blog-post-hero .post-hero-date,.blog-post-hero .post-hero-read-time{font-family:supply-mono;font-size:.85rem;text-transform:uppercase;opacity:.7}.blog-post-hero .post-hero-title h1{font-size:4.5rem;line-height:.95;margin:0}.blog-post-hero .post-hero-subtitle{font-family:formula-narrow;font-size:1.5rem;opacity:.8;max-width:600px}.blog-post-hero .post-hero-author{display:flex;align-items:center;gap:1em;margin-top:2em}.blog-post-hero .post-hero-author-avatar{width:60px;height:60px;border-radius:.75em;overflow:hidden;border:3px solid var(--accent1);outline:3px solid var(--bg)}.blog-post-hero .post-hero-author-info{text-align:left}.blog-post-hero .post-hero-author-name{font-family:supply-mono;font-size:.9rem;text-transform:uppercase;font-weight:600}.blog-post-hero .post-hero-author-role{font-family:supply-mono;font-size:.8rem;text-transform:uppercase;opacity:.6}.blog-post-content{position:relative;width:100%;max-width:900px;margin:0 auto;padding:6em 2em}.blog-post-content .post-intro{font-family:formula-narrow;font-size:1.5rem;line-height:1.5;margin-bottom:4em;padding-bottom:2em;border-bottom:2px solid var(--fg)}.blog-post-section{margin-bottom:4em}.blog-post-section .section-title{display:flex;align-items:center;gap:1em;margin-bottom:1.5em}.blog-post-section .section-number{font-family:supply-mono;font-size:.85rem;background-color:var(--fg);color:var(--bg);padding:.5em .8em;border-radius:.4em}.blog-post-section .section-title h2{font-size:2rem;margin:0}.blog-post-section .section-content{font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.8;margin-bottom:2em;opacity:.9}.blog-post-section .section-features{background-color:var(--bg2);border-radius:1em;padding:2em;border-left:4px solid var(--fg)}.blog-post-section .section-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1em}.blog-post-section .section-features li{font-family:Inter,sans-serif;font-size:1rem;line-height:1.5;padding-left:2em;position:relative}.blog-post-section .section-features li:before{content:"✦";position:absolute;left:0;color:var(--fg);font-size:.9rem}.blog-post-cta{position:relative;width:100%;max-width:900px;margin:0 auto 4em;padding:0 2em}.blog-post-cta .cta-box{background-color:var(--fg);color:var(--bg);border-radius:1.5em;padding:4em;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5em}.blog-post-cta .cta-title h2{font-size:2.5rem;margin:0;color:var(--bg)}.blog-post-cta .cta-subtitle{font-family:Inter,sans-serif;font-size:1.1rem;opacity:.8;max-width:500px}.blog-post-cta .cta-button{display:inline-block;background-color:var(--accent1);color:var(--fg);padding:1em 2.5em;border-radius:.75em;font-family:supply-mono;font-size:1rem;text-transform:uppercase;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;margin-top:1em}.blog-post-cta .cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.blog-post-tags{max-width:900px;margin:0 auto 4em;padding:0 2em;display:flex;align-items:center;gap:1em;flex-wrap:wrap}.blog-post-tags .tags-label{font-family:supply-mono;font-size:.85rem;text-transform:uppercase;opacity:.6}.blog-post-tags .tag{background-color:var(--bg2);padding:.5em 1em;border-radius:.5em;font-family:supply-mono;font-size:.8rem;text-transform:uppercase;transition:background-color .2s ease}.blog-post-tags .tag:hover{background-color:var(--accent1)}.blog-post-nav{max-width:900px;margin:0 auto;padding:2em;display:flex;justify-content:space-between;gap:2em;border-top:2px solid var(--fg)}.blog-post-nav a{font-family:supply-mono;font-size:.9rem;text-transform:uppercase;display:flex;align-items:center;gap:.5em;transition:opacity .2s ease}.blog-post-nav a:hover{opacity:.7}@media (max-width: 1000px){.blog-header .blog-footer .blog-footer-symbols{display:none}.blog-header .blog-footer{display:flex;justify-content:flex-end}.blog-header .blog-footer .blog-footer-scroll-down{left:2em;transform:translate(0)}.blog-header .blog-header-title h1{font-size:3rem}.blog-posts{max-width:100%;padding:1.5em}.blog-posts .posts-grid{grid-template-columns:1fr}.blog-posts .posts-grid .blog-post-card:first-child{grid-column:span 1}.blog-posts .posts-grid .blog-post-card:first-child .post-card-image{aspect-ratio:16/9}.blog-posts .posts-grid .blog-post-card:first-child .post-card-title h3{font-size:1.75rem}.blog-post-card .post-card-content{padding:1.5em}.blog-post-card .post-card-title h3{font-size:1.5rem}.blog-post-hero{padding:8em 1.5em 3em;min-height:auto}.blog-post-hero .post-hero-title h1{font-size:2.5rem}.blog-post-hero .post-hero-subtitle{font-size:1.2rem}.blog-post-content{padding:4em 1.5em}.blog-post-content .post-intro{font-size:1.25rem}.blog-post-section .section-title h2{font-size:1.5rem}.blog-post-section .section-features{padding:1.5em}.blog-post-cta .cta-box{padding:2.5em 1.5em}.blog-post-cta .cta-title h2{font-size:1.75rem}.blog-post-nav{flex-direction:column;gap:1em}}