.main-container.blog-page{margin:0 auto;max-width:1100px;padding-top:clamp(112px,14vw,144px);padding-bottom:clamp(60px,9vw,96px);padding-inline:clamp(16px,5vw,24px);box-sizing:border-box}.blog-hero{position:relative;padding:14px 0 8px;margin-bottom:clamp(28px,4vw,40px)}.blog-hero > *:not(.blog-hero-glow) {position:relative;z-index:1}.blog-hero-glow{position:absolute;top:-60px;left:0;width:560px;max-width:92%;height:320px;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(216,97,60,.16),transparent 68%);filter:blur(24px)}.blog-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family: var(--ut-font-mono);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--ut-text-3);margin-bottom:20px}.blog-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--ut-accent);box-shadow:0 0 10px var(--ut-accent)}.blog-hero-title{font-family: var(--ut-font-display);font-weight:600;font-size:clamp(2.3rem,5.5vw,3.6rem);line-height:1.04;letter-spacing:-1.8px;color:var(--ut-text);margin:0}.blog-hero-sub{color:var(--ut-text-3);font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.6;max-width:60ch;margin:18px 0 0}.blog-inner-container{width:100%}.blog-top{background:var(--ut-glass-strong);border:1px solid var(--ut-border);border-radius:var(--ut-r-md);padding:0}.sort-form{display:flex;align-items:flex-end;gap:12px;padding:14px 16px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label,.posts-per-page-form label{font-family: var(--ut-font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--ut-text-muted);white-space:nowrap}.sort-form select,.posts-per-page-form select{padding:8px 11px;border:1px solid var(--ut-border-mid);background-color:var(--ut-ink);color:var(--ut-text-2);border-radius:var(--ut-r-sm);font-size:13px;font-family: var(--ut-font-body);outline:none;cursor:pointer;transition:border-color .2s}.sort-form select:focus,.posts-per-page-form select:focus{border-color:var(--ut-accent);box-shadow:var(--ut-ring)}.sort-form select option,.posts-per-page-form select option{background-color:#16171a;color:var(--ut-text-2)}.sort-button{padding:9px 22px;background:var(--ut-fill);color:var(--ut-text);border:1px solid var(--ut-border-strong);border-radius:var(--ut-r-sm);font-size:11px;font-weight:600;font-family: var(--ut-font-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .2s , border-color .2s;align-self:flex-end}.sort-button:hover{background:var(--ut-fill-hover);border-color:rgba(255,255,255,.3)}.blog-no-results{text-align:center;padding:64px 20px;color:var(--ut-text-muted)}.blog-no-results i{font-size:36px;display:block;margin-bottom:16px;opacity:.4}.blog-no-results p{font-size:16px;margin:0}.blog-posts{display:flex;flex-direction:column;gap:14px;padding:18px 0}.post-card{display:flex;gap:20px;padding:14px;background:var(--ut-glass-strong);border:1px solid var(--ut-border);border-radius:var(--ut-r-lg);transition:border-color .25s var(--ut-ease) , transform .25s var(--ut-ease-spring) , background .25s ease}.post-card:hover{border-color:var(--ut-border-strong);transform:translateY(-3px);background:rgba(255,255,255,.04)}.post-card-media{flex-shrink:0;width:190px;align-self:stretch;min-height:132px;border-radius:var(--ut-r-md);overflow:hidden;background:var(--ut-fill-soft);display:flex;align-items:center;justify-content:center}.post-card-media img{width:100%;height:100%;object-fit:cover;display:block}.post-card-placeholder{color:rgba(255,255,255,.14)}.post-card-placeholder svg{width:38px;height:38px}.post-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px;padding:4px 6px 4px 0}.post-card-cat{align-self:flex-start;font-family: var(--ut-font-mono);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--ut-accent);text-decoration:none;transition:color .2s ease}.post-card-cat:hover{color:var(--ut-accent-hover)}.post-card-title{font-family: var(--ut-font-display);font-size:1.3rem;font-weight:600;letter-spacing:-.4px;line-height:1.2;margin:0}.post-card-title a{color:var(--ut-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.post-card-title a:hover{color:var(--ut-accent)}.post-card-excerpt{color:var(--ut-text-muted);font-size:.92rem;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:auto;padding-top:4px;font-family: var(--ut-font-mono);font-size:.72rem;letter-spacing:.4px;color:var(--ut-text-muted)}.post-card-tags{display:inline-flex;flex-wrap:wrap;gap:8px}.post-card-tags a{color:var(--ut-text-3);text-decoration:none;transition:color .2s ease}.post-card-tags a:hover{color:var(--ut-accent)}.pagination-container{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 0 0;margin-top:6px}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;flex:1}.pagination a,.pagination span{color:var(--ut-text-3);padding:7px 13px;text-decoration:none;background:var(--ut-glass-strong);border:1px solid var(--ut-border-mid);border-radius:var(--ut-r-sm);font-size:13px;font-family: var(--ut-font-mono);transition:background .2s , color .2s , border-color .2s}.pagination a:hover{background:var(--ut-fill-hover);border-color:var(--ut-border-strong);color:var(--ut-text)}.pagination .current{background:var(--ut-accent-soft);border-color:var(--ut-accent-soft);color:var(--ut-accent);font-weight:600}.posts-per-page,.posts-per-page-form{display:flex;align-items:center;gap:8px}@media (max-width:768px){.sort-form{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.filter-group,.filter-group select,.sort-form select{width:100%}.sort-button{width:100%;padding:11px;align-self:stretch}.post-card{flex-direction:column;gap:14px;padding:12px}.post-card-media{width:100%;height:180px;min-height:0}.post-card-body{padding:0 4px 4px}.post-card-excerpt{-webkit-line-clamp:3}.pagination-container{flex-direction:column;gap:14px}.posts-per-page{width:100%;justify-content:center}}