.blog-hero{padding-block:clamp(0px,1.5vw,10px) clamp(15px,2vw,27px)}.blog-hero-top{margin-top:35px;margin-bottom:clamp(20px,3vw,32px)}.blog-back{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--bg-deep);border:1px solid rgba(3,46,28,.3);padding:7px 16px;border-radius:999px;text-decoration:none;margin-bottom:20px;transition:background .2s,border-color .2s}.blog-back:hover{background:rgba(3,46,28,.06);border-color:var(--bg-deep)}.blog-hero-center{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.blog-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--on-light-mute);margin-bottom:14px}.blog-eyebrow:before{content:"//";color:var(--grass);font-weight:700}.blog-h1{font-family:var(--font-sans);font-size:clamp(2.2rem,4.58vw,4.125rem);font-weight:600;line-height:.98;letter-spacing:-.035em;color:var(--bg-near-black);margin:0 0 22px;max-width:20ch;display:block}.blog-h1-accent{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--bg-bright);letter-spacing:-.01em}.blog-sub{font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.6;color:var(--on-light-mute);max-width:56ch;margin:0}.blog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(20px,2.5vw,36px) clamp(34px,3.2vw,46px)}.blog-card{display:flex;flex-direction:column;text-decoration:none;cursor:pointer;opacity:0;transform:translateY(18px);transition:opacity .48s ease-out,transform .48s ease-out}.blog-card.bc-in{opacity:1;transform:none}.blog-card:hover .blog-card-img img{transform:scale(1.03)}.blog-card-img{width:100%;aspect-ratio:16/10;border-radius:16px;overflow:hidden;margin-bottom:16px;background:#c4c0b4;flex:none}.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease-out}.blog-meta{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:13px}.blog-readtime{font-family:var(--font-sans);font-size:12px;color:var(--on-light-mute);letter-spacing:.01em;flex:none}.blog-card-title{font-family:var(--font-sans);font-size:18px;font-weight:400;line-height:1.35;color:var(--bg-near-black);letter-spacing:-.01em}.blog-controls{padding-block:clamp(12px,1.5vw,20px) 0;margin-bottom:0}.blog-divider{height:1px;background:rgba(3,46,28,.12);margin-block:25px}.blog-grid-wrap{padding-top:0;padding-bottom:clamp(72px,9vw,120px)}.blog-controls-row{justify-content:space-between;gap:18px}.blog-cats,.blog-controls-row{display:flex;align-items:center;flex-wrap:wrap}.blog-cats{gap:8px}.blog-cat-pill{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:12.5px;font-weight:500;padding:6px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--bg-deep);background:transparent;color:var(--bg-deep);opacity:.6;transition:background .18s,color .18s,opacity .18s;white-space:nowrap}.blog-cat-pill:hover{background:rgba(3,46,28,.07);opacity:.85}.blog-cat-pill.active{background:var(--bg-deep);color:#fff;opacity:1}.blog-controls-right{display:flex;align-items:center;gap:12px}.blog-search-wrap{position:relative;display:flex;align-items:center}.blog-search-icon{position:absolute;left:12px;color:rgba(3,46,28,.45);pointer-events:none}.blog-search{font-family:var(--font-sans);font-size:13px;padding:7px 14px 7px 34px;border-radius:999px;border:1px solid rgba(3,46,28,.35);background:transparent;color:var(--bg-near-black);width:180px;outline:none;transition:border-color .2s,width .3s ease}.blog-search::placeholder{color:rgba(3,46,28,.38)}.blog-search:focus{border-color:var(--bg-deep);width:220px}.blog-sort-wrap{position:relative}.blog-sort-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:13px;font-weight:500;padding:7px 14px;border-radius:999px;cursor:pointer;border:1px solid rgba(3,46,28,.35);background:transparent;color:var(--bg-deep);white-space:nowrap;transition:border-color .2s,background .18s}.blog-sort-btn:hover{border-color:var(--bg-deep);background:rgba(3,46,28,.05)}.blog-sort-btn:focus{outline:2px solid var(--bg-bright);outline-offset:2px}.blog-sort-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border-radius:12px;padding:6px;box-shadow:0 8px 32px -8px rgba(3,46,28,.22),0 2px 8px -2px rgba(3,46,28,.1);min-width:160px;z-index:100;animation:sortMenuIn .16s ease-out}@keyframes sortMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.blog-sort-opt{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:7px;font-size:13.5px;color:var(--bg-near-black);cursor:pointer;font-family:var(--font-sans);transition:background .15s}.blog-sort-opt:hover{background:rgba(3,46,28,.06)}.blog-sort-opt.active{font-weight:600;color:var(--bg-bright)}.blog-sort-check{color:var(--bg-bright);font-size:12px}.blog-empty{grid-column:1/-1;text-align:center;padding:clamp(40px,5vw,72px) 0;font-family:var(--font-sans);color:var(--on-light-mute)}.blog-empty p{font-size:17px;margin-bottom:12px}.blog-empty button{font-size:14px;font-weight:500;color:var(--bg-bright);background:none;border:none;cursor:pointer;text-decoration:underline}.blog-load-more{display:flex;justify-content:center;padding-block:clamp(24px,3vw,40px) clamp(40px,5vw,64px);margin-top:-60px}.blog-load-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:14px;font-weight:600;padding:12px 28px;border-radius:999px;cursor:pointer;border:1.5px solid var(--bg-deep);background:transparent;color:var(--bg-deep);transition:background .22s,color .22s,transform .3s ease;letter-spacing:-.01em}.blog-load-btn:hover{background:var(--bg-deep);color:#fff;transform:translateY(-2px)}.blog-load-btn:disabled{opacity:.45;cursor:default;transform:none}@media (max-width:740px){.blog-controls-row{flex-direction:column;align-items:flex-start;gap:12px}.blog-controls-right,.blog-search,.blog-search:focus{width:100%}.blog-sort-wrap{margin-left:auto}.blog-cats{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.blog-cats::-webkit-scrollbar{display:none}}@media (max-width:740px){.blog-grid{grid-template-columns:1fr}.blog-hero-top{flex-direction:column;align-items:flex-start;gap:20px}.blog-hero-center{align-items:flex-start;text-align:left}.blog-sub{margin:0}}@media (prefers-reduced-motion:reduce){.blog-card{opacity:1!important;transform:none!important}.blog-card,.blog-card-img img{transition:none!important}}