.container{max-width:1280px;padding:0 var(--sp-xl);margin:0 auto}.hero{border-bottom:1px solid var(--border);padding:48px 0 32px}.eyebrow{font:600 13px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--positive);background:var(--positive-pale);border-radius:var(--radius-pill);margin-bottom:var(--sp-xl);align-items:center;gap:8px;padding:7px 14px;display:inline-flex}.eyebrow:before{content:"";background:var(--positive);border-radius:50%;width:6px;height:6px}h1.hero-title{font:900 clamp(32px, 8vw, 64px) / .85 var(--font-display);letter-spacing:-.02em;max-width:15ch;margin-bottom:var(--sp-xl)}.hero-sub{font:400 18px / 1.5 var(--font-body);color:var(--muted);max-width:52ch}.blog-filters{gap:var(--sp-lg);padding-top:var(--sp-xl);padding-bottom:var(--sp-xl);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.blog-cat-tabs{gap:var(--sp-sm);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-inline:var(--sp-lg);margin-left:calc(-1 * var(--sp-lg));margin-right:calc(-1 * var(--sp-lg));-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sp-lg), black calc(100% - var(--sp-lg)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sp-lg), black calc(100% - var(--sp-lg)), transparent 100%);flex-wrap:nowrap;padding-top:2px;padding-bottom:2px;display:flex;overflow-x:auto}.blog-cat-tabs::-webkit-scrollbar{display:none}.blog-cat-tab{scroll-snap-align:start;align-items:center;gap:var(--sp-xs);border-radius:var(--radius-pill);background:var(--surface);min-height:44px;font:600 14px/1 var(--font-body);color:var(--fg);white-space:nowrap;flex-shrink:0;padding:8px 18px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.blog-cat-tab.active{background:var(--accent);color:var(--accent-on)}.blog-cat-tab:focus-visible{outline:2px solid var(--accent-on);outline-offset:2px}.blog-cat-tab-icon{border:1px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;display:inline-flex}@media (min-width:601px){.blog-filters{justify-content:space-between;gap:var(--sp-xl)}.blog-cat-tabs{scroll-snap-type:none;flex-wrap:wrap;flex:1;margin-left:0;margin-right:0;padding-left:0;padding-right:0;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.blog-cat-tab{flex-shrink:initial;min-height:initial}.blog-search{flex-shrink:0;width:220px}}.blog-search{width:100%;display:flex;position:relative}.blog-search input{border:1px solid var(--border);border-radius:var(--radius-pill);min-height:44px;font:400 16px/1 var(--font-body);background:var(--bg);color:var(--fg);flex:1;padding:10px 44px 10px 18px}.blog-search input::-ms-input-placeholder{color:var(--muted)}.blog-search input::placeholder{color:var(--muted)}.blog-search input:focus-visible{outline:2px solid var(--accent-on);outline-offset:2px}.blog-search input::-webkit-search-cancel-button{display:none}.blog-search-clear{width:32px;height:32px;color:var(--muted);cursor:pointer;font:600 16px/1 var(--font-body);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;top:50%;right:44px;transform:translateY(-50%)}.blog-search-clear.visible{display:flex}.blog-search-clear:hover{background:var(--surface);color:var(--fg)}.blog-search-clear:focus-visible{outline:2px solid var(--accent-on);outline-offset:2px}.blog-search-submit{background:var(--accent);width:36px;height:36px;color:var(--accent-on);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.blog-search-submit:hover{filter:brightness(.97)}.blog-search-submit:focus-visible{outline:2px solid var(--accent-on);outline-offset:2px}.blog-search-submit svg{width:16px;height:16px}main{padding:var(--sp-2xl) 0 100px}.section-head{margin-bottom:var(--sp-xl);justify-content:space-between;align-items:baseline;display:flex}.section-head h2{font:900 26px / .85 var(--font-display);letter-spacing:-.01em}.section-head .count{font:600 14px/1 var(--font-body);color:var(--muted)}.grid{gap:var(--sp-xl);grid-template-columns:1fr;display:grid}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.grid{grid-template-columns:repeat(3,1fr)}}.card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-xl);gap:var(--sp-lg);transition:border-color .2s var(--ease-standard);flex-direction:column;display:flex}.card:hover{border-color:color-mix(in oklab, var(--accent), var(--border) 30%)}.card-meta{font:600 13px/1 var(--font-body);color:var(--muted);align-items:center;gap:10px;display:flex}.tag{background:var(--surface);color:var(--fg);border-radius:var(--radius-pill);font:600 12px/1 var(--font-body);letter-spacing:.01em;padding:5px 11px}.card h3{font:600 22px / 1.25 var(--font-body);letter-spacing:-.01em}.card p.excerpt{color:var(--muted);font:400 15px/1.55 var(--font-body);flex:1}.card-foot{padding-top:var(--sp-sm);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.card-foot .date{font:600 13px/1 var(--font-body);color:var(--muted)}.card-foot .read{font:600 13px/1 var(--font-body);align-items:center;gap:6px;display:inline-flex}.card-foot .read svg{transition:transform .2s var(--ease-standard)}.card:hover .read svg{transform:translate(3px)}.card.featured{gap:var(--sp-lg);flex-direction:column;grid-column:span 1}.card.featured .fx-media{border-radius:var(--radius-sm);background:linear-gradient(160deg, var(--fg) 0%, #1c2417 100%);width:100%;height:160px;padding:var(--sp-lg);flex-shrink:0;align-items:flex-end;display:flex;position:relative;overflow:hidden}.fx-media .fx-label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font:600 12px/1 monospace}.fx-media:before{content:"";background:linear-gradient(var(--border) 1px, transparent 1px) 0 0/100% 24px, linear-gradient(90deg, var(--border) 1px, transparent 1px) 0 0/24px 100%;opacity:.08;position:absolute;top:0;bottom:0;left:0;right:0}.card.featured .fx-body{gap:var(--sp-md);flex-direction:column;flex:1;display:flex}.card.featured h3{font:900 22px/1.1 var(--font-display);letter-spacing:-.01em}@media (min-width:992px){.card.featured{align-items:stretch;gap:var(--sp-2xl);padding:var(--sp-2xl);flex-direction:row;grid-column:span 3}.card.featured .fx-media{width:320px;height:auto}.card.featured h3{font:900 30px/1.1 var(--font-display)}}@media (min-width:640px) and (max-width:991px){.card.featured{grid-column:span 2}}