.page-blog-listing{--bg:#fff;--bg-2:#f2f7ff;--paper:#fff;--paper-2:#f7faff;--paper-tint:#ebf3ff;--ink:#050b22;--ink-soft:#1a2547;--muted:#5b6b8c;--line:#09113514;--line-strong:#0911352e;--blue:#1a40c8;--blue-deep:#0a1f8c;--blue-soft:#4190fb;--blue-bright:#58baff;--blue-ink:#050b22;--blue-pale:#e8f1fe;--cyan:#4ed0fe;--cyan-soft:#66e5db;--green:#2baa5e;--green-soft:#e6f4eb;--amber:#c6791e;--grad-brand:linear-gradient(135deg, #66e5c8 0%, #58baff 35%, #4190fb 65%, #1a40c8 100%);--grad-brand-light:linear-gradient(135deg, #8af0e5 0%, #66d6ff 35%, #58baff 65%, #4190fb 100%);--grad-cta:linear-gradient(135deg, #1a40c8 0%, #4190fb 60%, #58baff 100%);--grad-cta-dark:linear-gradient(135deg, #66e5c8 0%, #58baff 50%, #4190fb 100%);--grad-success:linear-gradient(135deg, #4fd18a, #2baa5e);--grad-warn:linear-gradient(135deg, #e8a04e, #c6791e);--font-sans:"Manrope", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--container:1280px;--container-wide:1440px;--gutter:clamp(20px, 4vw, 56px);--section-y:clamp(80px, 9vw, 140px);--r-chip:12px;--r-card:18px;--r-card-lg:24px;--r-pill:999px;--shadow-card:0 1px 2px #0911350a, 0 8px 24px -12px #09113514;--shadow-hover:0 10px 30px -14px #1a40c838;--shadow-active:0 30px 80px -34px #1a40c866;--shadow-dark:0 30px 70px -30px #09113580;--shadow-cta:0 1px 0 #ffffff2e inset, 0 8px 18px -8px #1a40c873;--shadow-cta-hov:0 1px 0 #ffffff38 inset, 0 14px 32px -10px #1a40c8b3;--ease:cubic-bezier(.2, .7, .2, 1);--dur-hover:.28s;--dur-x:.45s}.page-blog-listing [data-theme=dark]{--bg:#050b22;--bg-2:#08112f;--paper:#0d193f;--paper-2:#14224c;--paper-tint:#0a1638;--ink:#f4f8ff;--ink-soft:#d4dbec;--muted:#8390ac;--line:#f4f7ff17;--line-strong:#f4f7ff33;--blue:#58baff;--blue-deep:#4190fb;--blue-soft:#b8dcff;--blue-bright:#66d6ff;--blue-ink:#02061a;--blue-pale:#58baff1a;--cyan:#66e5db;--cyan-soft:#8af0e5;--green:#4fd18a;--green-soft:#4fd18a1f;--amber:#e8a04e}.page-blog-listing [data-density=compact]{--section-y:clamp(60px, 6vw, 96px);--gutter:clamp(16px, 3vw, 40px)}.page-blog-listing,.page-blog-listing{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:17px;font-weight:400;line-height:1.55}.page-blog-listing h1,.page-blog-listing h2,.page-blog-listing h3,.page-blog-listing h4{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin:0;font-weight:500}.page-blog-listing p{color:var(--ink-soft);margin:0}.page-blog-listing .h-display{letter-spacing:-.035em;font-size:clamp(44px,6vw,84px);font-weight:450;line-height:.98}.page-blog-listing .h-section{letter-spacing:-.03em;font-size:clamp(34px,4.2vw,60px);font-weight:450;line-height:1.02}.page-blog-listing .h-card{font-size:clamp(22px,1.8vw,28px);font-weight:500;line-height:1.15}.page-blog-listing .lede{color:var(--ink-soft);max-width:56ch;font-size:clamp(17px,1.35vw,20px);line-height:1.5}.page-blog-listing .body-lg{color:var(--ink-soft);font-size:18px;line-height:1.55}.page-blog-listing .eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:11.5px;font-weight:500;display:inline-flex}.page-blog-listing .eyebrow:before{content:"";background:var(--blue);width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, var(--blue) 25%, transparent), 0 0 12px color-mix(in srgb, var(--blue) 60%, transparent);border-radius:50%;animation:2.4s ease-in-out infinite eyebrow-pulse}.page-blog-listing .dark-section .eyebrow:before{background:var(--cyan)}.page-blog-listing .mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.page-blog-listing .serif-it{font-family:var(--font-serif);letter-spacing:-.005em;font-style:italic;font-weight:400}.page-blog-listing .h-grad{font-family:var(--font-sans);background:var(--grad-brand);color:#0000;-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-weight:500;animation:8s ease-in-out infinite hgrad-shift}.page-blog-listing .dark-section .h-grad,.page-blog-listing .h-grad-light{background:var(--grad-brand-light);color:#0000;-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite hgrad-shift}@keyframes eyebrow-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px #1a40c840,0 0 12px #1a40c899}50%{transform:scale(1.1);box-shadow:0 0 0 4px #1a40c82e,0 0 20px #1a40c8cc}}@keyframes hgrad-shift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.page-blog-listing .h-grad,.page-blog-listing .h-grad-light,.page-blog-listing .eyebrow:before{animation:none!important}}.page-blog-listing .container{max-width:var(--container);padding-inline:var(--gutter);margin:0 auto}.page-blog-listing .container--wide{max-width:var(--container-wide)}.page-blog-listing .section{padding-block:var(--section-y);position:relative;overflow:hidden}.page-blog-listing .section-head{flex-direction:column;gap:18px;max-width:760px;margin-bottom:clamp(40px,5vw,72px);display:flex}.page-blog-listing .wash-light{background:radial-gradient(1100px 600px at 90% -10%,#4ed0fe29,#0000 60%),radial-gradient(900px 700px at -10% 110%,#66e5c81f,#0000 60%)}.page-blog-listing .wash-stripe{background-color:var(--bg-2);background-image:radial-gradient(800px 200px,#4190fb0f,#0000 70%)}.page-blog-listing .dark-section{color:#f4f8ff;background:radial-gradient(1100px 500px at 0 0,#4ed0fe2e,#0000 60%),radial-gradient(900px 500px at 100% 100%,#1a40c84d,#0000 60%),linear-gradient(165deg,#050b22 0%,#0a1638 55%,#0f1f4f 100%)}.page-blog-listing .dark-section h1,.page-blog-listing .dark-section h2,.page-blog-listing .dark-section h3,.page-blog-listing .dark-section h4{color:#f4f8ff}.page-blog-listing .dark-section .lede,.page-blog-listing .dark-section p{color:#d4dbec}.page-blog-listing .dark-section .eyebrow{color:#b8dcff}.page-blog-listing .btn{font-family:var(--font-sans);letter-spacing:-.005em;cursor:pointer;border-radius:var(--r-pill);transition:transform var(--dur-hover) var(--ease), box-shadow var(--dur-hover) var(--ease), background-position var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease);border:0;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.page-blog-listing .btn-primary{background:var(--grad-cta);color:#fff;box-shadow:var(--shadow-cta);background-position:0%;background-size:200% 200%}.page-blog-listing .btn-primary:hover{box-shadow:var(--shadow-cta-hov);background-position:100%;transform:translateY(-1px)}.page-blog-listing .dark-section .btn-primary{background:var(--grad-cta-dark);color:var(--blue-ink)}.page-blog-listing .btn-ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0;padding:12px 20px}.page-blog-listing .btn-ghost:hover{background:var(--paper-2);transform:translateY(-1px)}.page-blog-listing .link-cta{color:var(--ink);font-family:var(--font-sans);transition:color var(--dur-hover) var(--ease);align-items:center;gap:6px;padding-bottom:4px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.page-blog-listing .link-cta:after{content:"";background:linear-gradient(90deg,#66e5c8,#58baff,#4190fb,#1a40c8);height:1px;position:absolute;bottom:0;left:0;right:0}.page-blog-listing .link-cta .arrow{background:linear-gradient(135deg,#4190fb,#1a40c8);-webkit-text-fill-color:transparent;transition:transform var(--dur-hover) var(--ease);-webkit-background-clip:text;background-clip:text;display:inline-block}.page-blog-listing .link-cta:hover{background:linear-gradient(135deg,#66e5c8,#1a40c8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-blog-listing .link-cta:hover .arrow{transform:translate(4px)}.page-blog-listing .btn-outline-grad{background:var(--paper);color:var(--ink);border-radius:var(--r-pill);padding:12px 20px;position:relative;overflow:hidden}.page-blog-listing .btn-outline-grad:before{content:"";border-radius:var(--r-pill);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#66e5c8,#58baff 50%,#4190fb);padding:1.2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.page-blog-listing .btn-outline-grad span{background:linear-gradient(135deg,#66e5c8,#4190fb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:500}.page-blog-listing .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);transition:transform var(--dur-hover) var(--ease), box-shadow var(--dur-hover) var(--ease), border-color var(--dur-hover) var(--ease), background-color var(--dur-hover) var(--ease);padding:clamp(20px,2vw,28px)}.page-blog-listing .card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover);background:linear-gradient(180deg, var(--paper), color-mix(in srgb, var(--cyan) 4%, var(--paper)));transform:translateY(-3px)}.page-blog-listing .card-tint{background:var(--paper-tint);border-color:#0000}.page-blog-listing .card-dark{color:#f4f8ff;box-shadow:var(--shadow-dark);border-radius:var(--r-card-lg);background:radial-gradient(600px 400px at 0 0,#4ed0fe2e,#0000 55%),radial-gradient(500px 400px at 100% 100%,#1a40c859,#0000 60%),linear-gradient(165deg,#050b22 0%,#0a1638 55%,#0f1f4f 100%);border:1px solid #4ed0fe2e;padding:clamp(24px,2.4vw,36px);position:relative}.page-blog-listing .card-dark h3{color:#f4f8ff}.page-blog-listing .card-dark p{color:#d4dbec}.page-blog-listing .card-active{background:var(--paper);box-shadow:var(--shadow-active);border-radius:22px;padding:clamp(22px,2vw,32px);position:relative}.page-blog-listing .card-active:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#66e5c88c,#4ed0fe80 45%,#4190fb66);border-radius:22px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.page-blog-listing .card-active:after{content:"";background:linear-gradient(90deg,#66e5c8,#58baff 40%,#4190fb 80%,#1a40c8);border-radius:22px 22px 0 0;height:3px;position:absolute;inset:0 0 auto}.page-blog-listing .pill{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--r-pill);align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:500;display:inline-flex}.page-blog-listing .pill-status{color:var(--blue);border:1px solid color-mix(in srgb, var(--blue) 20%, transparent);background:#4ed0fe1a}.page-blog-listing .pill-status:before{content:"";background:var(--blue);width:6px;height:6px;box-shadow:0 0 8px var(--blue);border-radius:50%;animation:2.4s ease-in-out infinite eyebrow-pulse}.page-blog-listing .pill-industry{color:var(--ink);background:#4ed0fe1a;border:1px solid #0000}.page-blog-listing .pill-step{background:var(--grad-success);color:var(--blue-ink);border:0}.page-blog-listing .pill-job{color:#1a2547;background:#66e5c81f;border:1px solid #66e5c84d}.page-blog-listing .pill-forage{color:var(--blue);background:#58baff1f;border:1px solid #58baff4d}.page-blog-listing .pill-marquee{font-family:var(--font-sans);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink);white-space:nowrap;transition:border-color var(--dur-hover) var(--ease), background var(--dur-hover) var(--ease);align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.page-blog-listing .pill-marquee:before{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 8px color-mix(in srgb, var(--cyan) 70%, transparent);border-radius:50%}.page-blog-listing .pill-marquee--alt:before{background:var(--cyan-soft);box-shadow:0 0 8px color-mix(in srgb, var(--cyan-soft) 70%, transparent)}.page-blog-listing .pill-marquee:hover{border-color:var(--line-strong);background:var(--paper-2)}.page-blog-listing .pill-spotlight{border:1px solid color-mix(in srgb, var(--blue) 22%, transparent);background:linear-gradient(135deg,#66e5c81a,#4190fb1a)}.page-blog-listing .pill-spotlight .arrow-chip{background:var(--grad-cta);color:#fff;width:22px;height:22px;transition:transform var(--dur-hover) var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.page-blog-listing .pill-spotlight:hover .arrow-chip{transform:translate(3px)}.page-blog-listing .pill-broken{background:var(--grad-warn);color:#fff;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--r-pill);padding:4px 10px;font-size:10.5px;animation:1.2s ease-in-out infinite broken-blink}@keyframes broken-blink{0%,to{opacity:1}50%{opacity:.55}}.page-blog-listing .post-hero .eyebrow{width:fit-content;margin-bottom:24px;display:flex}.page-blog-listing .related-head .eyebrow{margin-bottom:14px}.page-blog-listing .bottom-cta{color:#f4f8ff;text-align:left;background:radial-gradient(900px 500px at 0 0,#4ed0fe2e,#0000 60%),radial-gradient(800px 500px at 100% 100%,#1a40c84d,#0000 60%),linear-gradient(165deg,#050b22 0%,#0a1638 55%,#0f1f4f 100%);padding-block:clamp(64px,8vw,110px)}.page-blog-listing .bottom-cta-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.page-blog-listing .bottom-cta-copy{max-width:56ch}.page-blog-listing .bottom-cta .eyebrow{color:#b8dcff}.page-blog-listing .bottom-cta .eyebrow:before{background:var(--cyan)}.page-blog-listing .bottom-cta h2{letter-spacing:-.03em;color:#f4f8ff;text-wrap:balance;max-width:22ch;margin:16px 0 14px;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.05}.page-blog-listing .bottom-cta p{color:#d4dbec;max-width:52ch;margin:0 0 32px;font-size:clamp(16px,1.2vw,19px);line-height:1.55}.page-blog-listing .bottom-cta .cta-row{flex-wrap:wrap;align-items:center;gap:14px;display:inline-flex}.page-blog-listing .bottom-cta .btn-ghost{color:#f4f8ff;background:0 0;border-color:#f4f7ff40}.page-blog-listing .bottom-cta .btn-ghost:hover{background:#f4f7ff0f;border-color:#f4f7ff73}.page-blog-listing .response-pill{border-radius:var(--r-pill);color:#f4f8ff;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(8px);background:#f4f7ff0f;border:1px solid #f4f7ff2e;align-items:center;gap:10px;padding:10px 18px 10px 14px;font-size:12px;font-weight:500;display:inline-flex}.page-blog-listing .response-pill-dot{background:#4fd18a;border-radius:50%;flex:none;width:8px;height:8px;animation:2.2s ease-in-out infinite pill-pulse;box-shadow:0 0 0 3px #4fd18a2e,0 0 12px #4fd18a8c}.page-blog-listing .bottom-cta-art{aspect-ratio:520/460;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.page-blog-listing .bottom-cta-art svg{width:100%;height:100%;display:block}.page-blog-listing .prev-post .arrow-circle{border:1px solid var(--line-strong);width:40px;height:40px;transition:background var(--dur-hover) var(--ease), border-color var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease);color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.page-blog-listing .prev-post:hover .arrow-circle{background:var(--blue);border-color:var(--blue);color:#fff}.page-blog-listing .bottom-cta-grid{grid-template-columns:1fr;gap:40px}.page-blog-listing .bottom-cta-art{max-width:420px;margin:0 auto}.page-blog-listing .nav .btn{white-space:nowrap;padding:10px 18px;font-size:14px}.page-blog-listing .nav .link-cta{white-space:nowrap;font-size:14px}@media (max-width:960px){.page-blog-listing .article-grid{grid-template-columns:1fr;gap:32px}.page-blog-listing .toc{display:none}.page-blog-listing .toc-mobile{display:block}.page-blog-listing .article-body{max-width:100%}.page-blog-listing .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-blog-listing .bottom-cta-grid{grid-template-columns:1fr;gap:40px}.page-blog-listing .bottom-cta-art{max-width:420px;margin:0 auto}}.page-blog-listing a{color:var(--blue)}.page-blog-listing a:hover{color:var(--blue-deep)}.page-blog-listing .list-hero{background:radial-gradient(900px 520px at 92% -10%,#4ed0fe29,#0000 60%),radial-gradient(800px 600px at -10% 110%,#66e5c81f,#0000 60%);padding:clamp(36px,4.5vw,60px) 0 clamp(48px,5vw,72px);position:relative;overflow:hidden}.page-blog-listing .hero-head{flex-direction:column;gap:14px;display:flex}.page-blog-listing .hero-head .eyebrow{width:fit-content;display:inline-flex}.page-blog-listing .list-title{letter-spacing:-.025em;text-wrap:balance;max-width:34ch;color:var(--ink);margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.15}.page-blog-listing .hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,56px);margin-top:clamp(28px,3.5vw,44px);display:grid}.page-blog-listing .hero-feature{color:inherit;flex-direction:column;gap:22px;min-width:0;text-decoration:none;display:flex}.page-blog-listing .hero-feature:hover{color:inherit}.page-blog-listing .hf-media{aspect-ratio:16/9;border-radius:var(--r-card-lg);border:1px solid var(--line);background:var(--paper-tint);box-shadow:var(--shadow-card);transition:box-shadow var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease);position:relative;overflow:hidden}.page-blog-listing .hero-feature:hover .hf-media{border-color:var(--line-strong);box-shadow:var(--shadow-hover)}.page-blog-listing .hf-media img,.page-blog-listing .pick-media img,.page-blog-listing .pc-media img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);display:block}.page-blog-listing .hero-feature:hover .hf-media img,.page-blog-listing .pick:hover .pick-media img,.page-blog-listing .post-card:hover .pc-media img{transform:scale(1.03)}.page-blog-listing .hf-body{flex-direction:column;gap:14px;display:flex}.page-blog-listing .hf-title{letter-spacing:-.025em;color:var(--ink);text-wrap:balance;transition:color var(--dur-hover) var(--ease);margin:0;font-size:clamp(26px,2.6vw,40px);font-weight:500;line-height:1.1}.page-blog-listing .hero-feature:hover .hf-title{color:var(--blue)}.page-blog-listing .hf-excerpt{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:62ch;margin:0;font-size:clamp(16px,1.2vw,18px);line-height:1.55;display:-webkit-box;overflow:hidden}.page-blog-listing .hf-body .link-cta{align-self:flex-start;font-size:14.5px}.page-blog-listing .hero-feature:hover .link-cta .arrow{transform:translate(4px)}.page-blog-listing .picks{flex-direction:column;gap:14px;min-width:0;display:flex}.page-blog-listing .picks-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:11.5px;font-weight:500}.page-blog-listing .pick{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);color:inherit;transition:transform var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease),box-shadow var(--dur-hover) var(--ease),background-color var(--dur-hover) var(--ease);grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;padding:10px;text-decoration:none;display:grid}.page-blog-listing .pick:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover);background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--cyan) 4%,var(--paper)));color:inherit;transform:translateY(-3px)}.page-blog-listing .pick-media{aspect-ratio:4/3;border-radius:var(--r-chip);background:var(--paper-tint);border:1px solid var(--line);position:relative;overflow:hidden}.page-blog-listing .pick-body{flex-direction:column;gap:6px;min-width:0;padding-right:8px;display:flex}.page-blog-listing .pick-title{letter-spacing:-.012em;color:var(--ink);-webkit-line-clamp:2;transition:color var(--dur-hover) var(--ease);-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.page-blog-listing .pick:hover .pick-title{color:var(--blue)}.page-blog-listing .pc-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-blog-listing .pc-cat{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);align-items:center;gap:8px;font-size:10.5px;display:inline-flex}.page-blog-listing .pc-cat:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%;flex:none}.page-blog-listing .pc-date{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.page-blog-listing .pc-ph{text-align:center;background:repeating-linear-gradient(135deg,transparent 0 22px,#4190fb0d 22px 23px),linear-gradient(135deg,var(--paper) 0%,var(--paper-2) 60%,var(--paper-tint) 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden}.page-blog-listing .pc-ph:before{content:"";aspect-ratio:1;filter:blur(30px);background:#4ed0fe33;border-radius:50%;width:60%;position:absolute;top:-40%;right:-20%}.page-blog-listing .pc-ph span{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10.5px;position:relative}.page-blog-listing .pick-media .pc-ph span{letter-spacing:.12em;font-size:9px}.page-blog-listing .post-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);color:inherit;transition:transform var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease),box-shadow var(--dur-hover) var(--ease),background-color var(--dur-hover) var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.page-blog-listing .post-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover);background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--cyan) 4%,var(--paper)));color:inherit;transform:translateY(-3px)}.page-blog-listing .pc-media{aspect-ratio:16/9;background:var(--paper-tint);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-blog-listing .pc-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 22px;display:flex}.page-blog-listing .pc-title{letter-spacing:-.012em;color:var(--ink);text-wrap:pretty;transition:color var(--dur-hover) var(--ease);margin:0;font-size:17.5px;font-weight:500;line-height:1.3}.page-blog-listing .post-card:hover .pc-title{color:var(--blue)}.page-blog-listing .pc-excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.page-blog-listing .pc-foot,.page-blog-listing .post-grid.is-text .pc-media{display:none}.page-blog-listing .post-grid.is-text .pc-body{min-height:230px;padding:22px}.page-blog-listing .post-grid.is-text .pc-title{flex:1;font-size:18px}.page-blog-listing .post-grid.is-text .pc-excerpt{flex:none}.page-blog-listing .post-grid.is-text .pc-foot{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color var(--dur-hover) var(--ease);align-items:center;gap:8px;margin-top:18px;padding-top:16px;font-size:11px;display:flex}.page-blog-listing .post-grid.is-text .post-card:hover .pc-foot{color:var(--blue)}.page-blog-listing .post-grid.no-excerpt .pc-excerpt{display:none}.page-blog-listing .all-posts{--toolbar-bg:var(--bg-2);padding-block:clamp(48px,6vw,80px) clamp(64px,8vw,110px)}.page-blog-listing .all-head{justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:clamp(16px,2vw,24px);display:flex}.page-blog-listing .all-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(20px,1.8vw,24px);font-weight:500;line-height:1.2}.page-blog-listing .search{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);width:min(100%,340px);height:44px;transition:border-color var(--dur-hover) var(--ease),box-shadow var(--dur-hover) var(--ease);flex:none;align-items:center;gap:10px;padding:0 10px 0 16px;display:flex;position:relative}.page-blog-listing .search:focus-within{border-color:var(--blue-soft);box-shadow:0 0 0 3px #4190fb24}.page-blog-listing .search>svg{width:16px;height:16px;color:var(--muted);flex:none}.page-blog-listing .search input{min-width:0;font-family:var(--font-sans);color:var(--ink);appearance:none;background:0 0;border:0;outline:0;flex:1;font-size:14.5px}.page-blog-listing .search input::placeholder{color:var(--muted)}.page-blog-listing .search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.page-blog-listing .search input::-webkit-search-decoration{-webkit-appearance:none;display:none}.page-blog-listing .search .clear{background:var(--paper-tint);width:26px;height:26px;color:var(--ink-soft);cursor:pointer;transition:background var(--dur-hover) var(--ease),color var(--dur-hover) var(--ease);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.page-blog-listing .search .clear:hover{background:var(--blue);color:#fff}.page-blog-listing .search .clear svg{width:12px;height:12px}.page-blog-listing .toolbar{top:var(--nav-h,68px);z-index:20;background:var(--toolbar-bg);transition:border-color var(--dur-hover) var(--ease),box-shadow var(--dur-hover) var(--ease);border-bottom:1px solid #0000;margin-bottom:clamp(24px,3vw,36px);padding:14px 0;position:sticky}.page-blog-listing .toolbar.is-stuck{border-bottom-color:var(--line);box-shadow:0 10px 24px -18px #0911352e}.page-blog-listing .toolbar-inner{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.page-blog-listing .chips{flex-wrap:wrap;flex:auto;gap:8px;min-width:0;display:flex}.page-blog-listing .chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper);font-family:var(--font-sans);color:var(--ink-soft);white-space:nowrap;cursor:pointer;transition:border-color var(--dur-hover) var(--ease),background var(--dur-hover) var(--ease),color var(--dur-hover) var(--ease);align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.page-blog-listing .chip:hover{border-color:var(--line-strong);background:var(--paper-2)}.page-blog-listing .chip:focus-visible{outline:2px solid var(--blue-soft);outline-offset:2px}.page-blog-listing .chip[aria-pressed=true]{color:var(--ink);background:linear-gradient(135deg,#66e5c81f,#4190fb1f);border-color:#0000}.page-blog-listing .chip[aria-pressed=true]:before{content:"";border-radius:var(--r-pill);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#66e5c8,#58baff 50%,#4190fb);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.page-blog-listing .count{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;margin:0 0 0 auto;font-size:11.5px}.page-blog-listing .count b{color:var(--ink);font-weight:600}.page-blog-listing .post-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(16px,1.5vw,24px);display:grid}.page-blog-listing .sentinel{height:1px}.page-blog-listing .load-state{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:14px;padding:40px 0 8px;font-size:11.5px;display:flex}.page-blog-listing .load-state .dot{background:var(--blue);border-radius:50%;flex:none;width:7px;height:7px;animation:2.4s ease-in-out infinite eyebrow-pulse}.page-blog-listing .load-state .rule{background:var(--line-strong);flex:0 120px;height:1px}.page-blog-listing .empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:clamp(48px,6vw,80px) 0 24px;display:flex}.page-blog-listing .empty .eyebrow{margin-bottom:6px;display:inline-flex}.page-blog-listing .empty h3{letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:500}.page-blog-listing .empty p{color:var(--muted);margin:0 0 12px;font-size:16px}.page-blog-listing .to-top{z-index:40;border:1px solid var(--line-strong);background:var(--paper);width:46px;height:46px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-card);opacity:0;pointer-events:none;transition:opacity var(--dur-hover) var(--ease),transform var(--dur-hover) var(--ease),background var(--dur-hover) var(--ease),color var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.page-blog-listing .to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.page-blog-listing .to-top:hover{background:var(--blue);border-color:var(--blue);color:#fff}.page-blog-listing .to-top svg{width:18px;height:18px}@media (max-width:1100px){.page-blog-listing .pick{grid-template-columns:112px minmax(0,1fr)}.page-blog-listing .pick-title{font-size:15px}}@media (max-width:960px){.page-blog-listing .hero-grid{grid-template-columns:1fr;gap:36px}.page-blog-listing .picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.page-blog-listing .picks-title{grid-column:1/-1}.page-blog-listing .pick{grid-template-columns:120px minmax(0,1fr)}.page-blog-listing .all-head{flex-direction:column;align-items:flex-start}.page-blog-listing .search{width:100%}}@media (max-width:760px){.page-blog-listing .chips{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);width:calc(100% + 2 * var(--gutter));flex-wrap:nowrap;flex-basis:100%;overflow-x:auto}.page-blog-listing .chips::-webkit-scrollbar{display:none}.page-blog-listing .count{margin-left:0}}@media (max-width:640px){.page-blog-listing .picks{grid-template-columns:1fr}.page-blog-listing .pick{grid-template-columns:104px minmax(0,1fr)}.page-blog-listing .hf-title{font-size:24px}.page-blog-listing .to-top{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.page-blog-listing .hf-media img,.page-blog-listing .pick-media img,.page-blog-listing .pc-media img,.page-blog-listing .post-card,.page-blog-listing .pick,.page-blog-listing .to-top{transition:none}.page-blog-listing .load-state .dot{animation:none}}