.blog-hero{min-height:auto;padding:5.5rem 0 1.5rem;border-bottom:var(--border)}.blog-hero .hero-title{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.03em;margin-bottom:.5rem}.blog-hero .hero-desc{max-width:480px;font-size:.95rem;margin-bottom:0}.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.blog-card{display:flex;flex-direction:column;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;padding:1.75rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;opacity:0;transform:translateY(24px);animation:cardIn .5s ease forwards}.blog-card:nth-child(1){animation-delay:0s}.blog-card:nth-child(2){animation-delay:.08s}.blog-card:nth-child(3){animation-delay:.16s}.blog-card:nth-child(4){animation-delay:.24s}.blog-card:nth-child(5){animation-delay:.32s}.blog-card:nth-child(6){animation-delay:.4s}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.blog-card:hover{transform:translate(-3px,-3px) rotate(-.5deg);box-shadow:8px 8px 0 var(--black)}.blog-card-number{position:absolute;top:-.25rem;right:.75rem;font-family:var(--mono);font-size:6rem;font-weight:700;line-height:1;opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none}.blog-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.blog-date{font-family:var(--mono);font-size:.78rem;color:#333;font-weight:500}.blog-reading-time{font-family:var(--mono);font-size:.72rem;color:#555;background:#00000014;padding:.15rem .5rem;border-radius:50px}.blog-card .card-title{font-size:1.35rem;line-height:1.25;margin-bottom:.5rem;position:relative;z-index:1}.blog-card.bento-wide .card-title{font-size:1.6rem}.blog-card .card-text{flex:1;font-size:.9rem;line-height:1.65;color:#333;margin-bottom:.75rem;position:relative;z-index:1}.blog-card .tags{margin-bottom:.5rem}.blog-read-more{font-family:var(--mono);font-size:.82rem;font-weight:700;margin-top:auto;display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s;position:relative;z-index:1}.blog-read-more .arrow{display:inline-block;transition:transform .2s}.blog-card:hover .blog-read-more .arrow{transform:translate(6px)}.nav-active{background:var(--yellow)!important;border-color:var(--black)!important}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--black);z-index:200;width:0%;transition:width .1s linear}.blog-post-header{padding:8rem 0 3.5rem;border-bottom:var(--border);position:relative;overflow:hidden}.blog-post-header-number{position:absolute;bottom:-2rem;right:-1rem;font-family:var(--mono);font-size:16rem;font-weight:700;line-height:1;opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none}.blog-back{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.82rem;font-weight:500;margin-bottom:2rem;padding:.35rem .8rem;background:var(--white);border:var(--border);border-radius:8px;box-shadow:2px 2px 0 var(--black);transition:all .15s}.blog-back:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--black)}.blog-back:active{transform:translate(1px,1px);box-shadow:none}.blog-post-title{font-size:clamp(2.2rem,6vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.25rem}.blog-post-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.blog-post-date{font-family:var(--mono);font-size:.85rem;color:#333;font-weight:500}.blog-post-reading-time{font-family:var(--mono);font-size:.78rem;color:#555;background:#00000014;padding:.2rem .6rem;border-radius:50px}.blog-post-body{border-bottom:var(--border)}.blog-post-content{max-width:720px;margin:0 auto;padding:3.5rem 0;font-size:1.08rem;line-height:1.85}.blog-post-content>p:first-of-type:first-letter{font-size:3.6em;font-weight:700;float:left;line-height:.8;margin-right:.1em;margin-top:.05em}.blog-post-content h2{font-size:1.45rem;font-weight:700;margin-top:3rem;margin-bottom:.85rem;letter-spacing:-.01em;padding-bottom:.4rem;border-bottom:3px solid var(--black);display:inline-block}.blog-post-content h3{font-size:1.12rem;font-weight:700;margin-top:2rem;margin-bottom:.5rem}.blog-post-content p{margin-bottom:1.35rem;color:#2a2a2a}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.35rem;padding-left:1.25rem}.blog-post-content ul{list-style:none}.blog-post-content ul li{position:relative;padding-left:1rem;margin-bottom:.6rem;color:#2a2a2a}.blog-post-content ul li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;background:var(--black);border-radius:1px;transform:rotate(45deg)}.blog-post-content ol li{margin-bottom:.6rem;color:#2a2a2a;padding-left:.25rem}.blog-post-content strong{color:var(--black);font-weight:700}.blog-post-content em{font-style:italic}.blog-post-content code{font-family:var(--mono);font-size:.88em;background:var(--yellow);border:1.5px solid var(--black);border-radius:5px;padding:.1rem .4rem}.blog-post-content pre{position:relative;background:#1a1a2e;color:#e8e8e8;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2.25rem 1.75rem 1.5rem;margin-bottom:1.75rem;overflow-x:auto;font-size:.85rem;line-height:1.65}.blog-post-content pre:before{content:"CODE";position:absolute;top:0;left:0;font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:.2rem .6rem;background:var(--pink);color:var(--black);border-bottom:var(--border);border-right:var(--border);border-radius:var(--radius) 0 6px 0}.blog-post-content pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.blog-post-footer{padding:3rem 0 4rem;max-width:720px;margin:0 auto}.blog-nav-links{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.blog-nav-card{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem;background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .15s;text-decoration:none}.blog-nav-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.blog-nav-card:active{transform:translate(2px,2px);box-shadow:none}.blog-nav-card.next{text-align:right;grid-column:2}.blog-nav-card.prev{grid-column:1}.blog-nav-label{font-family:var(--mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#888}.blog-nav-title{font-size:.95rem;font-weight:700;line-height:1.3}.blog-not-found{padding:10rem 0 5rem;text-align:center}@media(max-width:768px){.blog-hero{padding:5rem 0 1.25rem}.blog-grid{grid-template-columns:1fr;gap:1.25rem}.blog-grid .bento-wide{grid-column:span 1}.blog-card.bento-wide .card-title{font-size:1.35rem}.blog-card-number{font-size:4rem}.blog-post-header{padding:7rem 0 2rem}.blog-post-header-number{font-size:8rem}.blog-post-content{padding:2.5rem 0}.blog-post-content>p:first-of-type:first-letter{font-size:3em}.blog-nav-links{grid-template-columns:1fr}.blog-nav-card.next{grid-column:1;text-align:left}}