.blog-archive-view{min-height:100vh;background-color:var(--cozy-bg-beige);padding-bottom:5rem;position:relative;z-index:0}.blog-archive-view:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.18;background:linear-gradient(90deg,rgba(139,94,60,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(139,94,60,.04) 0%,transparent 15%,transparent 85%,rgba(139,94,60,.04) 100%),repeating-linear-gradient(90deg,rgba(139,94,60,.02) 0px,rgba(139,94,60,.02) 1px,transparent 1px,transparent 8px),repeating-linear-gradient(0deg,rgba(139,94,60,.015) 0px,rgba(139,94,60,.015) 1px,transparent 1px,transparent 24px);background-size:60px 100%,60px 100%,60px 100%,100% 120px}.navbar{background-color:#fbfaf6d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--cozy-border-light);position:sticky;top:0;z-index:1000;padding:.5rem 0;box-shadow:0 1px 3px #15170f0a;transform:translateZ(0);will-change:transform}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo-wrapper{display:flex;align-items:center;text-decoration:none}.brand-logo-img{height:24px;width:auto;display:block}.nav-right{display:flex;align-items:center;gap:1.25rem}.nav-link-text{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:var(--cozy-text-obsidian);text-decoration:none;transition:color .2s ease}.nav-link-text:hover{color:var(--cozy-green-matcha-forest)}.nav-link-text.active{color:var(--cozy-green-matcha-forest)!important;font-weight:700!important}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer;padding:0;z-index:110;transition:transform .3s ease}.menu-toggle span{display:block;width:100%;height:2px;background-color:var(--cozy-text-obsidian);border-radius:1px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links-desktop{display:none;align-items:center;gap:1.5rem}@media (min-width: 768px){.nav-links-desktop{display:flex}.menu-toggle{display:none}}.mobile-menu{position:absolute;top:100%;left:0;width:100%;background-color:#fbfaf6f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1.5px solid var(--cozy-border-light);max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0;z-index:999;box-shadow:0 10px 20px #15170f0d}.mobile-menu.active{max-height:480px;opacity:1}.mobile-menu-container{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.mobile-menu-link{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:var(--cozy-text-obsidian);text-decoration:none;display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:8px;transition:background-color .2s ease,color .2s ease}.mobile-menu-link:hover{background-color:var(--cozy-bg-oatmeal);color:var(--cozy-green-matcha-forest)}.mobile-menu-link.active{background-color:var(--cozy-bg-oatmeal);color:var(--cozy-green-matcha-forest)!important}.mobile-menu-link i{font-size:1.2rem;color:var(--cozy-wood-sugi)}.content-container{padding-top:2.5rem}.blog-archive-header{text-align:center;margin-bottom:2.5rem;position:relative}.blog-archive-tag{font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:2px;color:var(--cozy-wood-sugi);background-color:var(--cozy-bg-oatmeal);padding:.35rem .85rem;border-radius:20px;border:1px dashed rgba(139,94,60,.18);display:inline-block;margin-bottom:.75rem}.blog-archive-title{font-family:Inter,sans-serif;font-size:2.2rem;font-weight:800;color:var(--cozy-text-obsidian);margin-bottom:.75rem;letter-spacing:-1px}.blog-archive-subtitle{font-family:Inter,sans-serif;font-size:.95rem;color:#6e6e73;max-width:600px;margin:0 auto;line-height:1.6;font-weight:500}.category-tabs-container{display:flex;gap:.6rem;margin-bottom:2rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding:.25rem .1rem;justify-content:center}.category-tabs-container::-webkit-scrollbar{display:none}.tab-btn{font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;color:#5d5e56;background-color:var(--cozy-bg-pure);border:1px solid var(--cozy-border-light);padding:.45rem .95rem;border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.25,1,.5,1);display:inline-flex;align-items:center;gap:.4rem}.tab-icon-ph{font-size:1.1rem;flex-shrink:0;transition:transform .25s cubic-bezier(.25,1,.5,1)}.tab-btn:hover .tab-icon-ph{transform:scale(1.15)}.tab-btn:hover{background-color:var(--cozy-bg-oatmeal);border-color:var(--cozy-border-light);color:var(--cozy-text-obsidian)}.tab-btn.active{background-color:var(--cozy-green-matcha-forest);border-color:var(--cozy-green-matcha-forest);color:var(--cozy-bg-pure);box-shadow:0 4px 10px #4a8a2e40}@media (max-width: 767px){.category-tabs-container{justify-content:flex-start;padding-left:.25rem}}.archive-blog-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 768px){.archive-blog-list{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 1024px){.blog-archive-view .container{max-width:1280px!important}.archive-blog-list{grid-template-columns:repeat(3,1fr)!important;gap:1.25rem!important}}.archive-blog-item{display:flex;flex-direction:column;gap:.4rem;border-left:3.3px solid var(--cozy-border-light);transition:all .3s cubic-bezier(.25,1,.5,1);background-color:var(--cozy-bg-pure);padding:1rem;border-radius:14px;box-shadow:var(--cozy-shadow-default);justify-content:space-between;min-height:250px}.archive-blog-item:hover{border-left-color:#76c123;transform:translateY(-3px) rotate(.5deg);box-shadow:0 8px 24px #15170f0a}.blog-item-header{display:flex;justify-content:space-between;align-items:center;width:100%}.blog-category{font-size:.65rem;font-weight:700;color:#76c123;background-color:var(--cozy-success);padding:.15rem .5rem;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}.blog-curator-badge{display:flex;align-items:center;gap:4px;background-color:#f8f9fa;border:1px solid var(--cozy-border-light);padding:2px 6px;border-radius:12px;margin-bottom:.25rem;width:fit-content}.blog-curator-avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.06)}.blog-curator-name{font-size:.62rem;font-weight:700;color:var(--cozy-text-obsidian)}.blog-item-title{font-size:1.05rem;font-weight:750;line-height:1.35;margin-top:.25rem;margin-bottom:.25rem}.blog-link{color:var(--cozy-text-obsidian);text-decoration:none;transition:color .2s ease}.blog-link:hover{color:#76c123}.blog-item-desc{font-size:.85rem;color:#48484a;line-height:1.45;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:justify}.blog-item-metrics{display:flex;gap:.5rem;margin-bottom:.4rem}.metric-tag{font-size:.7rem;font-weight:600;color:#6e6e73;background-color:#f2f2f7;padding:.2rem .5rem;border-radius:5px;display:inline-flex;align-items:center;gap:4px}.blog-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--cozy-border-light);padding-top:.5rem;margin-top:auto}.blog-date{font-size:.75rem;color:#8e8e93}.read-more{font-size:.8rem;font-weight:700;color:var(--cozy-text-obsidian);text-decoration:none;display:inline-flex;align-items:center;gap:4px;border-bottom:1.5px dotted var(--cozy-text-obsidian);padding-bottom:1px;transition:all .2s ease}.read-more:hover{color:#76c123;border-bottom-color:#76c123}@media (max-width: 767px){.content-container{padding-top:1.5rem}.blog-archive-title{font-size:1.75rem}.blog-archive-subtitle{font-size:.95rem}.archive-blog-item{padding:.75rem;border-radius:12px;min-height:200px}.archive-blog-item .blog-item-desc{display:none}.blog-item-title{font-size:.92rem;line-height:1.3}}