.page-hero{background:radial-gradient(ellipse at 90% 10%, var(--yellow-soft) 0%, transparent 50%), var(--blue-tint);padding:64px 0 48px}.page-hero__inner{max-width:var(--max);margin:0 auto;padding:0 24px}.crumbs{color:var(--muted);margin-bottom:14px;font-size:12px}.crumbs a{color:var(--muted)}.crumbs span{margin:0 8px}.page-hero h1{color:var(--navy);margin:0 0 12px;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.4}.page-hero h1 em{background:linear-gradient(transparent 62%, var(--yellow) 62%, var(--yellow) 92%, transparent 92%);padding:0 4px;font-style:normal}.page-hero p{color:var(--text);max-width:60ch;margin:0;font-size:16px;line-height:1.85}.blog-layout{grid-template-columns:1fr 280px;gap:48px;padding-top:56px;display:grid}.featured[hidden],.post-card[hidden]{display:none!important}.featured{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:1.1fr 1fr;margin-bottom:36px;transition:transform .15s,box-shadow .15s;display:grid;overflow:hidden}.featured:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 40px -16px #1e2e5e2e}.featured__cover{background:linear-gradient(135deg, var(--yellow) 0%, var(--yellow-2) 100%);place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.featured__cover svg{width:60%}.featured__badge{z-index:1;background:var(--navy);color:#fff;letter-spacing:.15em;border-radius:4px;padding:5px 12px;font-size:11px;font-weight:800;position:absolute;top:18px;left:18px}.featured__body{flex-direction:column;justify-content:center;gap:14px;padding:36px;display:flex}.featured__meta{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.featured__cat{background:var(--yellow-soft);color:var(--navy);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.featured__title{color:var(--navy);margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:900;line-height:1.5}.featured__excerpt{color:var(--text);margin:0;font-size:14px;line-height:1.85}.chips{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.chip{border:1.5px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .12s}.chip:hover{border-color:var(--yellow)}.chip.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.posts{grid-template-columns:1fr 1fr;gap:22px;display:grid}.post-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.post-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 30px -12px #1e2e5e29}.post-card__cover{aspect-ratio:16/9;place-items:center;display:grid;position:relative;overflow:hidden}.post-card__cover--a{background:linear-gradient(135deg,#e8edf6,#c8d3eb)}.post-card__cover--b{background:linear-gradient(135deg, var(--yellow-soft), var(--yellow))}.post-card__cover--c{background:linear-gradient(135deg, #f1f4fa, var(--blue-soft))}.post-card__cover--d{background:linear-gradient(135deg,#fdf6d8,#e8edf6)}.post-card__cover--e{background:linear-gradient(135deg, var(--blue-soft), #fdf6d8)}.post-card__cover--f{background:radial-gradient(circle,#e8edf6,#c8d3eb)}.post-card__cover .glyph{letter-spacing:.05em;color:#1e2e5e2e;font-size:50px;font-weight:900}.post-card__cover img,.featured__cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post-card__body{flex-direction:column;flex:1;gap:10px;padding:22px;display:flex}.post-card__meta{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.post-card__cat{background:var(--yellow-soft);color:var(--navy);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.post-card__title{color:var(--navy);margin:0;font-size:16px;font-weight:800;line-height:1.55}.post-card__excerpt{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.post-card__tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.post-card__tags span{color:var(--muted);font-size:11px}.post-card__tags span:before{content:"#";opacity:.6}.side{flex-direction:column;align-self:start;gap:24px;display:flex;position:sticky;top:80px}.side__block{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.side__block h3{color:var(--navy);letter-spacing:.1em;border-bottom:2px solid var(--yellow);margin:0 0 16px;padding-bottom:12px;font-size:13px;font-weight:800}.cat-list{margin:0;padding:0;list-style:none}.cat-list li{border-bottom:1px dashed var(--line);justify-content:space-between;padding:8px 0;display:flex}.cat-list li:last-child{border-bottom:none}.cat-list a{color:var(--navy);font-size:14px;font-weight:600}.cat-list a:hover{color:var(--yellow-2);text-decoration:none}.cat-list a.is-active{font-weight:800}.cat-list .count{background:var(--blue-soft);color:var(--navy);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.tag-cloud{flex-wrap:wrap;gap:6px;display:flex}.tag-cloud a{background:var(--cream);color:var(--navy);border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600}.tag-cloud a:hover{background:var(--yellow-soft);text-decoration:none}.tag-cloud a.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.side-cta{background:var(--navy);color:#fff;text-align:center;border-radius:16px;padding:24px}.side-cta strong{color:var(--yellow);letter-spacing:.1em;margin-bottom:6px;font-size:13px;display:block}.side-cta h3{color:#fff;letter-spacing:0;border:none;margin:0 0 12px;padding:0;font-size:17px;line-height:1.5}.side-cta p{color:#c1c8df;margin:0 0 16px;font-size:13px;line-height:1.8}.side-cta .btn{justify-content:center;width:100%;padding:12px 16px;font-size:14px;display:inline-flex}.filter-status{color:var(--navy);margin:-8px 0 18px;font-size:14px;font-weight:800}.filter-empty{color:var(--muted);margin:0 0 20px;font-size:14px}.load-more{justify-content:center;margin-top:28px;display:flex}.load-more[hidden]{display:none!important}@media (width<=880px){.blog-layout{grid-template-columns:1fr;gap:36px;padding-top:36px}.featured{grid-template-columns:1fr}.featured__body{padding:24px}.posts{grid-template-columns:1fr}.side{position:static}}