.blog-page{background:var(--bg);min-height:100vh}.blog-page-nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0ad9;position:fixed;top:0;left:0;right:0}.blog-page-nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0 24px;display:flex}.blog-page-logo{color:var(--text-muted);font-family:var(--font-heading);letter-spacing:.1em;align-items:center;gap:10px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-page-logo .logo-icon{width:22px;height:22px;color:var(--text-dim)}.blog-page-back{font-family:var(--font-heading);color:var(--text-dim);letter-spacing:.04em;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s}.blog-page-back:hover{color:var(--accent)}.blog-page-hero{max-width:var(--max-width);border-bottom:1px solid var(--border);margin:0 auto;padding:140px 24px 64px}.blog-page-label{font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:.6875rem;font-weight:600;display:inline-block}.blog-page-title{font-family:var(--font-heading);letter-spacing:-.035em;color:var(--text);max-width:640px;margin:0 0 16px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.blog-page-subtitle{color:var(--text-muted);max-width:520px;margin:0;font-size:1.0625rem;font-weight:300;line-height:1.7}.blog-page-content{max-width:var(--max-width);margin:0 auto;padding:64px 24px 120px}.article{max-width:720px;margin:0 auto;padding:0 24px}.article-header{border-bottom:1px solid var(--border);padding:140px 0 48px}.article-meta{align-items:center;gap:16px;margin-bottom:24px;display:flex}.article-category{font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border-radius:var(--radius);border:1px solid #c8a97e33;padding:4px 10px;font-size:.625rem;font-weight:600}.article-date,.article-read{color:var(--text-dim);letter-spacing:.02em;font-size:.8125rem}.article-title{font-family:var(--font-heading);letter-spacing:-.035em;color:var(--text);margin:0 0 20px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15}.article-excerpt{color:var(--text-muted);margin:0;font-size:1.125rem;font-weight:300;line-height:1.7}.article-body{padding:48px 0}.article-h2{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text);margin:48px 0 16px;font-size:1.5rem;font-weight:600;line-height:1.3}.article-h2:first-child{margin-top:0}.article-p{color:var(--text-muted);letter-spacing:.01em;margin:0 0 20px;font-size:1.0625rem;font-weight:300;line-height:1.8}.article-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:40px 0 120px;display:flex}.article-author{align-items:center;gap:14px;display:flex}.article-author-avatar{border-radius:var(--radius);width:40px;height:40px;font-family:var(--font-heading);color:var(--accent);background:#c8a97e14;border:1px solid #c8a97e26;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.article-author-info{flex-direction:column;gap:2px;display:flex}.article-author-name{font-family:var(--font-heading);color:var(--text);font-size:.875rem;font-weight:600}.article-author-role{color:var(--text-dim);font-size:.75rem}.article-back-link{font-family:var(--font-heading);color:var(--text-dim);align-items:center;gap:8px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.article-back-link:hover{color:var(--accent)}.blog-page-footer{max-width:var(--max-width);border-top:1px solid var(--border);color:var(--text-dim);margin:0 auto;padding:24px;font-size:.75rem}@media (max-width:900px){.blog-page-nav-inner{padding:0 20px}.article-footer{flex-direction:column;align-items:flex-start;gap:24px}}@media (max-width:600px){.blog-page-hero{padding:100px 20px 40px}.blog-page-content{padding:40px 20px 80px}.article{padding:0 20px}.article-header{padding:100px 0 32px}.article-meta{flex-wrap:wrap;gap:8px}.article-footer{flex-direction:column;align-items:flex-start;gap:24px}}