.blog-page{--blog-ink: #202020;--blog-text: #3d3d3d;--blog-muted: #7a7a7a;--blog-edge: #e0dfdf;--blog-soft: #fafafa}.blog-shell{max-width:1140px;margin:0 auto;padding:40px 20px 90px;color:var(--blog-text);font-family:Roboto,sans-serif}.blog-hero{text-align:center;margin:0 auto 36px;max-width:720px}.blog-hero-tag{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--blog-muted)}.blog-hero h1{margin:0;font-family:Roboto Slab,serif;font-size:clamp(30px,4vw,42px);font-weight:400;color:var(--blog-ink)}.blog-hero-rule{width:64px;height:2px;margin:18px auto;background:var(--blog-ink);border:0}.blog-hero p{margin:0;font-size:15px;line-height:1.7;color:var(--blog-muted)}.blog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 36px}.blog-filter-btn{border:1px solid var(--blog-edge);background:#fff;color:var(--blog-text);border-radius:999px;padding:8px 16px;font:500 13px Roboto,sans-serif;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.blog-filter-btn:hover,.blog-filter-btn.active{background:var(--blog-ink);border-color:var(--blog-ink);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--blog-edge);border-radius:6px;color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.blog-card:hover{transform:translateY(-4px);border-color:#bdbdbd;box-shadow:0 14px 34px #00000014}.blog-card:focus-visible{outline:2px solid var(--blog-ink);outline-offset:3px}.blog-card-media{overflow:hidden;aspect-ratio:16 / 9;background:var(--blog-soft)}.blog-card .cover{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.35);transition:transform .4s ease,filter .4s ease}.blog-card:hover .cover{transform:scale(1.04);filter:grayscale(0)}.blog-card-media .cover-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font:400 34px Roboto Slab,serif;color:#c4c4c4}.blog-card .content{display:flex;flex:1;flex-direction:column;padding:22px}.blog-card .category{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--blog-muted)}.blog-card .title{margin:0 0 10px;font:400 20px/1.35 Roboto Slab,serif;color:var(--blog-ink)}.blog-card .excerpt{margin:0;font-size:14px;line-height:1.65;color:var(--blog-text)}.blog-card .footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--blog-edge)}.blog-card .content>.excerpt{margin-bottom:18px}.blog-card .date{font-size:12px;color:var(--blog-muted)}.blog-card .read{font-size:13px;font-weight:700;color:var(--blog-ink)}.blog-card.featured{grid-column:1 / -1;flex-direction:row}.blog-card.featured .blog-card-media{flex:0 0 55%;aspect-ratio:auto;min-height:320px}.blog-card.featured .content{padding:34px;justify-content:center}.blog-card.featured .title{font-size:clamp(22px,2.4vw,30px)}.blog-status{grid-column:1 / -1;padding:36px 18px;border:1px dashed var(--blog-edge);border-radius:6px;text-align:center;color:var(--blog-muted)}.blog-more{display:flex;justify-content:center;margin-top:36px}.blog-more[hidden]{display:none}.blog-more button{border:1px solid var(--blog-ink);background:#fff;color:var(--blog-ink);padding:12px 28px;font:500 14px Roboto,sans-serif;cursor:pointer;transition:background-color .2s ease,color .2s ease}.blog-more button:hover{background:var(--blog-ink);color:#fff}.blog-more button:disabled{opacity:.5;cursor:wait}.blog-detail{max-width:800px;margin:0 auto}.blog-detail .back{display:inline-block;margin-bottom:26px;font-size:14px;font-weight:500;color:var(--blog-ink);text-decoration:none}.blog-detail .back:hover{text-decoration:underline}.blog-detail .category{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--blog-muted)}.blog-detail h1{margin:0 0 14px;font:400 clamp(28px,4vw,40px)/1.25 "Roboto Slab",serif;color:var(--blog-ink)}.blog-detail .meta{margin:0 0 28px;font-size:13px;color:var(--blog-muted)}.blog-detail .cover{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;margin-bottom:34px;border-radius:6px}.blog-detail .body{font-size:17px;line-height:1.8;color:var(--blog-text);overflow-wrap:anywhere}.blog-detail .body p{margin:0 0 20px}.blog-detail .body h2,.blog-detail .body h3{margin:36px 0 14px;font-family:Roboto Slab,serif;font-weight:400;line-height:1.3;color:var(--blog-ink)}.blog-detail .body a{color:var(--blog-ink);text-decoration:underline}.blog-detail .body img,.blog-detail .body video{display:block;max-width:100%;height:auto;margin:20px 0;border-radius:6px}.blog-detail .body iframe{display:block;width:100%;aspect-ratio:16 / 9;height:auto;margin:20px 0;border:0}.blog-detail .body ul,.blog-detail .body ol{margin:0 0 20px;padding-left:22px}.blog-detail .body blockquote{margin:22px 0;padding:6px 20px;border-left:3px solid var(--blog-ink);font-style:italic;color:var(--blog-muted)}@media(max-width:960px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card.featured{flex-direction:column}.blog-card.featured .blog-card-media{flex:none;min-height:0;aspect-ratio:16 / 9}.blog-card.featured .content{padding:22px}}@media(max-width:640px){.blog-shell{padding:24px 16px 70px}.blog-grid{grid-template-columns:1fr}}