.blog-page{width:min(1220px,100%);max-width:100%;margin:0 auto;padding:0 var(--space-sm) var(--space-xl);padding-top:calc(var(--nav-offset) + clamp(24px, 8vw, 72px))}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-lg);width:100%}.blog-card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--panel),var(--panel-soft));box-shadow:var(--shadow);overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.blog-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.32);box-shadow:0 14px 28px rgba(0,0,0,.26)}.blog-card__image-container{position:relative;width:100%;aspect-ratio:16/11;background:var(--panel-soft);overflow:hidden}.blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s ease;position:relative;z-index:1}.blog-card__image-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--bg),var(--panel-soft),var(--panel));opacity:.8}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__content{padding:20px;display:flex;flex-direction:column;flex-grow:1;gap:12px}.blog-card__meta{display:flex;gap:12px;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.blog-card__title{font-size:1.25rem;line-height:1.3;margin:0;font-family:var(--font-serif),"Times New Roman",serif}.blog-card__excerpt{color:var(--muted);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.blog-skeleton{display:flex;flex-direction:column;height:100%;width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);overflow:hidden}.blog-skeleton__image{aspect-ratio:16/11;width:100%;background:var(--panel-soft)}.blog-skeleton__content{padding:20px;display:flex;flex-direction:column;gap:16px}.blog-skeleton__title{height:24px;width:75%}.blog-skeleton__excerpt,.blog-skeleton__title{background:var(--panel-soft);border-radius:4px}.blog-skeleton__excerpt{height:12px;width:100%}.blog-post{max-width:800px;margin:0 auto}.blog-post__header{margin-bottom:var(--space-lg)}.blog-post__title{font-size:clamp(2rem,6vw,3.5rem);line-height:1.1;margin-bottom:var(--space-sm);font-family:var(--font-serif),"Times New Roman",serif}.blog-post__meta{color:var(--muted);font-size:.95rem;border-bottom:1px solid var(--border);padding-bottom:var(--space-sm);margin-bottom:var(--space-md)}.blog-post__image-container{width:100%;aspect-ratio:16/9;position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-lg)}.blog-post__image-container img{object-fit:cover;position:relative;z-index:1}.blog-post__image-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--bg),var(--panel-soft),var(--panel));opacity:.8}.blog-post__content{font-size:1.1rem;line-height:1.7;color:var(--text)}.blog-post__content h2,.blog-post__content h3,.blog-post__content ol,.blog-post__content p,.blog-post__content ul{margin-bottom:var(--space-md)}.blog-post__content h2,.blog-post__content h3{font-family:var(--font-serif),"Times New Roman",serif;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.blog-post__content h2{font-size:2rem}.blog-post__content h3{font-size:1.5rem}.blog-post__content ol,.blog-post__content ul{padding-left:var(--space-md)}.blog-post__content a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:4px}.blog-post__content a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.blog-post__content blockquote{border-left:4px solid var(--border);padding-left:1rem;font-style:italic;color:var(--muted);margin:var(--space-md) 0}.blog-post__content hr{border:none;border-top:1px solid var(--border);margin:var(--space-lg) 0}.blog-post__callout{display:flex;gap:1rem;padding:1rem;background-color:var(--panel-soft);border-radius:var(--radius-sm);margin:var(--space-md) 0}.blog-post__callout p{margin:0!important}.blog-post__table-container{width:100%;overflow-x:auto;margin:var(--space-md) 0}.blog-post__table{width:100%;border-collapse:collapse;min-width:600px}.blog-post__table td,.blog-post__table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.blog-post__table th{background-color:var(--panel-soft);font-weight:600}.blog-post__code{background-color:var(--panel);overflow-x:auto;font-family:monospace;font-size:.875rem}.blog-post__bookmark,.blog-post__code{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);margin:var(--space-md) 0}.blog-post__bookmark{display:block;text-decoration:none!important;background-color:var(--panel-soft);transition:border-color var(--transition)}.blog-post__bookmark:hover{border-color:var(--text)}.blog-post__embed{width:100%;aspect-ratio:16/9;margin:var(--space-md) 0}.blog-post__embed iframe{width:100%;height:100%;border:none;border-radius:var(--radius-sm)}.blog-post__video{width:100%;border-radius:var(--radius-sm);margin:var(--space-md) 0}.blog-contact{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border)}.blog-contact__form{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);max-width:500px;margin-top:var(--space-md)}.blog-contact__input,.blog-contact__textarea{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:rgba(10,10,10,.4);color:var(--text);font-family:var(--font-sora),sans-serif;transition:border-color var(--transition)}html[data-theme=light] .blog-contact__input,html[data-theme=light] .blog-contact__textarea{background:rgba(255,255,255,.6)}.blog-contact__input.error,.blog-contact__textarea.error{border-color:#ef4444}.blog-contact__input:focus,.blog-contact__textarea:focus{outline:none;border-color:var(--accent)}.blog-contact__textarea{resize:vertical;min-height:120px}.blog-contact__submit{border-radius:999px;padding:11px 19px;background:var(--text);color:var(--bg);border:none;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition),box-shadow var(--transition)}.blog-contact__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.3)}.blog-contact__submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.loader{height:20px;width:20px;border:2px solid var(--bg);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.blog-contact__success{padding:var(--space-md);border:1px solid rgba(34,197,94,.4);background:rgba(34,197,94,.1);color:#4ade80;border-radius:var(--radius-sm);margin-top:var(--space-md)}.blog-contact__error-message{color:#ef4444;margin-top:8px;font-size:.9rem}