.page-blog .head{text-align:center;padding:80px 0 40px}.page-blog .head .kicker{color:var(--royal);letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;font-size:12.5px;font-weight:800;display:inline-block}.page-blog .head h1{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--navy);margin:0;font-size:64px;font-weight:900;line-height:1}.page-blog .head h1 em{font-family:var(--font-serif);color:var(--royal);font-style:italic;font-weight:500}.page-blog .head p{max-width:580px;color:var(--ink-2);margin:20px auto 0;font-size:16.5px;line-height:1.65}.page-blog .toolbar{padding:16px 0 28px}.page-blog .search{background:var(--paper);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;max-width:520px;margin:0 auto 22px;padding:6px 6px 6px 22px;display:flex}.page-blog .search svg{color:var(--muted);flex:0 0 18px}.page-blog .search input{height:42px;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.page-blog .search input::placeholder{color:var(--muted)}.page-blog .search button{background:var(--navy);height:38px;color:var(--cream-3);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 22px;font-size:14px;font-weight:600}.page-blog .search button:hover{background:var(--royal)}.page-blog .chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.page-blog .chip{border:1px solid var(--line);color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s}.page-blog .chip:hover{border-color:var(--navy);color:var(--navy)}.page-blog .chip.active{background:var(--navy);color:var(--cream-3);border-color:var(--navy)}.page-blog .posts{padding:32px 0 96px}.page-blog .grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.page-blog .card{flex-direction:column;transition:all .18s;display:flex}.page-blog .card:hover{transform:translateY(-3px)}.page-blog .cover{aspect-ratio:16/10;border:1px solid var(--line);background:repeating-linear-gradient(135deg, var(--cream-2), var(--cream-2) 14px, var(--paper) 14px, var(--paper) 28px);border-radius:14px;place-items:center;margin-bottom:18px;display:grid;position:relative;overflow:hidden}.page-blog .cover img{object-fit:cover;width:100%;height:100%;display:block}.page-blog .cover .glyph{color:var(--ink-2);font-family:ui-monospace,Menlo,monospace;font-size:11px}.page-blog .card-body{flex-direction:column;flex:1;display:flex}.page-blog .meta{color:var(--muted);letter-spacing:.04em;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.page-blog .meta .cat{color:var(--royal);text-transform:uppercase;letter-spacing:.12em;font-size:11.5px;font-weight:700}.page-blog .card h4{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--navy);margin:0 0 10px;font-size:20px;font-weight:800;line-height:1.3}.page-blog .card:hover h4{color:var(--royal)}.page-blog .card p{color:var(--ink-2);flex:1;margin:0;font-size:14.5px;line-height:1.6}.page-blog .card .read-more{color:var(--navy);align-items:center;gap:8px;margin-top:14px;font-size:13.5px;font-weight:700;display:inline-flex}.page-blog .card:hover .read-more{color:var(--royal)}.page-blog .card .read-more:after{content:"→";transition:all .18s}.page-blog .card:hover .read-more:after{transform:translate(3px)}.page-blog .empty-state{text-align:center;color:var(--ink-2);grid-column:1/-1;padding:60px 20px;font-size:15.5px}.page-blog .pager{justify-content:center;gap:8px;margin-top:56px;display:flex}.page-blog .pager button{border:1px solid var(--line);width:42px;height:42px;font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;font-size:14px;font-weight:700;transition:all .15s;display:grid}.page-blog .pager .now{background:var(--navy);color:var(--cream-3);border-color:var(--navy)}.page-blog .pager button:not(.now):not(:disabled):hover{border-color:var(--navy);color:var(--navy)}.page-blog .pager button:disabled{opacity:.35;cursor:not-allowed}@media (max-width:1024px){.page-blog .head h1{font-size:48px}.page-blog .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.page-blog .grid{grid-template-columns:1fr}.page-blog .head h1{font-size:36px}}