.blog-time,.post-time{direction:rtl;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u) * 1.25);margin:0;color:var(--muted);font-size:var(--small-size);line-height:var(--small-lh)}.blog-meta__sep{color:var(--muted)}.blog-credit{margin:var(--u) 0 0;color:var(--muted);font-size:var(--small-size);line-height:var(--small-lh)}.blog-main{--blog-measure: 1040px;padding-block:calc(var(--hm-nav-h) + var(--u) * 8) var(--section)}.blog-wrap{max-width:var(--blog-measure);margin-inline:auto;padding-inline:var(--gutter)}.blog-head{display:block}.blog-head__h1{display:grid;gap:calc(var(--u) * 1.5);max-width:20ch;margin:0}.blog-head__eyebrow{color:var(--muted);font-family:var(--font-body);font-size:var(--small-size);font-weight:600;line-height:var(--small-lh);letter-spacing:0}.blog-head__hook{display:block;color:var(--chrome)}.blog-head__sub{max-width:46ch;margin:calc(var(--u) * 3) 0 0;color:var(--ink-dim);font-size:var(--body-size);line-height:var(--body-lh);text-wrap:pretty}@media(prefers-reduced-motion:no-preference){.blog-head__h1{animation:blog-title-in .4s var(--ease) both}}@keyframes blog-title-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.blog-cats{margin-block-start:calc(var(--u) * 6)}.blog-cats__list{display:flex;flex-wrap:wrap;gap:var(--u);margin:0;padding:0;list-style:none}.blog-cats__pill{min-height:40px;padding-inline:16px;font-size:var(--small-size);transition:border-color var(--d-fast) var(--ease),background var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}.blog-cats__pill:hover,.blog-cats__pill:focus-visible{border-color:var(--signal);color:var(--signal)}.blog-cats__pill[aria-current=page]{border-color:var(--ink);background:var(--ink);color:var(--signal-ink)}.blog-feature{position:relative;margin-block-start:calc(var(--u) * 7)}.blog-feature__media{position:relative;aspect-ratio:16 / 9;overflow:clip;border-radius:var(--r-card);background:var(--ink-panel);box-shadow:var(--shadow-key)}.blog-feature__media img{inline-size:100%;block-size:100%;object-fit:cover}.blog-feature__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--room-back) 97%,transparent) 0%,color-mix(in srgb,var(--room-back) 86%,transparent) 34%,color-mix(in srgb,var(--room-back) 34%,transparent) 68%,transparent 100%)}.blog-feature__body{display:grid;gap:calc(var(--u) * 2);margin-block-start:calc(var(--u) * 3)}.blog-feature__title a{color:inherit;transition:color var(--d-fast) var(--ease)}.blog-feature__title a:after{content:"";position:absolute;inset:0;border-radius:var(--r-card)}.blog-feature:hover .blog-feature__title a,.blog-feature:focus-within .blog-feature__title a{color:var(--signal)}.blog-feature__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:52ch;margin:0;color:var(--ink-dim);font-size:var(--body-size);line-height:1.5;text-wrap:pretty}@media(min-width:720px){.blog-feature{display:grid;grid-template-columns:minmax(0,1fr)}.blog-feature__media,.blog-feature__body{grid-area:1 / 1}.blog-feature__body{z-index:1;align-self:end;margin-block-start:0;padding:calc(var(--u) * 4) calc(var(--u) * 4.5)}.blog-feature .blog-meta{color:var(--ink-dim)}}@media(max-width:719px){.blog-feature__scrim{display:none}}.blog-rows{display:grid;margin:calc(var(--u) * 8) 0 0;padding:0;list-style:none}.blog-row{position:relative;display:grid;grid-template-columns:minmax(96px,200px) minmax(0,1fr);gap:var(--gutter);align-items:center;padding-block:calc(var(--u) * 3);border-block-start:1px solid var(--hair)}.blog-row:last-child{border-block-end:1px solid var(--hair)}.blog-row__media{aspect-ratio:3 / 2;overflow:clip;border-radius:var(--r-card);background:var(--ink-panel)}.blog-row__media img{inline-size:100%;block-size:100%;object-fit:cover}.blog-row__body{display:grid;gap:calc(var(--u) * 1.25);min-inline-size:0}.blog-row__title a{color:inherit;transition:color var(--d-fast) var(--ease)}.blog-row__title a:after{content:"";position:absolute;inset:0;border-radius:var(--r-card)}.blog-row:hover .blog-row__title a,.blog-row:focus-within .blog-row__title a{color:var(--signal)}.blog-cover-missing{display:grid;place-items:center;inline-size:100%;block-size:100%;background:var(--void)}.blog-cover-missing img{inline-size:38%;max-inline-size:200px;block-size:auto;opacity:.55}.blog-pager{display:flex;justify-content:space-between;gap:var(--u);margin-block-start:calc(var(--u) * 7)}.blog-pager__spacer{display:block}.blog-empty{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--gutter);align-items:center;margin-block-start:calc(var(--u) * 7);padding:clamp(24px,4vw,48px);border-radius:var(--r-card);background:var(--ink-panel)}.blog-empty__text{display:grid;gap:calc(var(--u) * 2.5);align-content:center}.blog-empty__body{max-width:34ch;margin:0;color:var(--ink-dim);font-size:var(--body-size);line-height:var(--body-lh);text-wrap:pretty}.blog-empty__actions{display:flex;flex-wrap:wrap;gap:var(--u)}.blog-empty__media{margin:0}.blog-empty__media img{inline-size:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--r-card);background:var(--room-back)}@media(max-width:719px){.blog-main{padding-block-start:calc(var(--hm-nav-h) + var(--u) * 5)}.blog-head__h1{max-width:none}.blog-row{grid-template-columns:96px minmax(0,1fr);gap:calc(var(--u) * 2);align-items:start}.blog-empty{grid-template-columns:minmax(0,1fr)}.blog-cats__pill{min-height:44px}}
