@layer components{.pg-blog .archive{padding-block:clamp(64px,7.5vw,112px) clamp(64px,7vw,104px)}.pg-blog .archive .archive-head{display:grid;gap:20px;margin-bottom:clamp(32px,4vw,48px)}@media (width >= 1024px){.pg-blog .archive .archive-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px}}.pg-blog .archive .topic-group{display:flex;flex-wrap:wrap;gap:8px}.pg-blog .archive .topic-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--color-spruce-200);border-radius:999px;background:var(--color-white);color:var(--color-spruce-800);font-family:var(--font-ds-text);font-size:14px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease-standard),border-color .2s var(--ease-standard),color .2s var(--ease-standard)}@media (width >= 1024px){.pg-blog .archive .topic-chip{min-height:38px;padding:0 14px}}.pg-blog .archive .topic-count{font-family:var(--font-ds-mono);font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--color-spruce-500);font-variant-numeric:tabular-nums;transition:color .2s var(--ease-standard)}.pg-blog .archive .topic-x{display:inline-grid;place-items:center;width:0;margin-left:-8px;overflow:hidden;opacity:0;transition:width .2s var(--ease-standard),margin .2s var(--ease-standard),opacity .2s var(--ease-standard)}@media (hover: hover){.pg-blog .archive .topic-chip:hover{border-color:var(--color-spruce-900);color:var(--color-spruce-900)}}.pg-blog .archive .topic-chip[aria-pressed=true]{border-color:var(--color-spruce-900);background:var(--color-spruce-900);color:var(--color-white)}.pg-blog .archive .topic-chip[aria-pressed=true] .topic-count{color:#ffffffb8}.pg-blog .archive .topic-chip[aria-pressed=true] .topic-x{width:14px;margin-left:0;opacity:1}@media (max-width: 767.98px){.pg-blog .archive .topic-scroller{margin-inline:calc(var(--spacing-page) * -1);padding-block:4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--spacing-page);scrollbar-width:none}.pg-blog .archive .topic-scroller::-webkit-scrollbar{display:none}.pg-blog .archive .topic-group{flex-wrap:nowrap;width:max-content;padding-inline:var(--spacing-page)}.pg-blog .archive .topic-chip{scroll-snap-align:start}.pg-blog .archive .topic-scroller[data-more-right]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}.pg-blog .archive .topic-scroller[data-more-left]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px);mask-image:linear-gradient(90deg,transparent,#000 56px)}.pg-blog .archive .topic-scroller[data-more-left][data-more-right]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}}.pg-blog .archive .archive-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(24px,2.8vw,40px);row-gap:clamp(44px,4.4vw,64px);margin:0;padding:0;list-style:none}@media (width >= 640px){.pg-blog .archive .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width >= 1024px){.pg-blog .archive .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pg-blog .archive .archive-item{min-width:0}.pg-blog .archive .post-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);row-gap:12px;padding-top:20px;border-top:1px solid var(--color-spruce-900)}.pg-blog .archive .post-card:before{content:"";position:absolute;top:0;left:0;width:1px;height:8px;background:var(--color-spruce-900)}.pg-blog .archive .post-meta{grid-row:1;margin:0;font-family:var(--font-ds-mono);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-spruce-600);font-variant-numeric:tabular-nums}.pg-blog .archive .post-topic{color:var(--color-brand-700)}.pg-blog .archive .post-cover{grid-row:2;grid-column:1;align-self:start;position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-tile);background:var(--color-mist);outline:1px solid rgb(12 18 15 / .08);outline-offset:-1px}.pg-blog .archive .post-cover img{display:block;width:100%;height:100%;object-fit:cover}.pg-blog .archive .post-cover[data-fit=contain] img{object-fit:contain}.pg-blog .archive .post-title{grid-row:3;margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;line-height:26px;letter-spacing:-.02em;color:var(--color-spruce-900);text-wrap:balance}@media (width >= 640px){.pg-blog .archive .post-title{font-size:var(--text-ds-title);line-height:var(--text-ds-title--line-height)}}.pg-blog .archive .post-title a{color:inherit;text-decoration-line:none;transition:color .2s var(--ease-standard)}.pg-blog .archive .post-title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.pg-blog .archive .post-title a:focus-visible{outline:none}.pg-blog .archive .post-card:has(a:focus-visible){outline:2px solid var(--nn-focus);outline-offset:6px;border-radius:4px}.pg-blog .archive .post-excerpt{grid-row:4;margin:0;font-family:var(--font-ds-text);font-size:var(--text-ds-body-sm);line-height:var(--text-ds-body-sm--line-height);color:var(--color-spruce-600);text-wrap:pretty}@media (hover: hover) and (pointer: fine){.pg-blog .archive .post-card:hover .post-title a{color:var(--color-brand-700)}.pg-blog .archive .post-excerpt{grid-row:2;grid-column:1;align-self:start;aspect-ratio:16 / 9;overflow:hidden;z-index:1;padding:14px 16px;border:1px solid var(--color-spruce-100);border-radius:var(--radius-tile);background:var(--color-mist);color:var(--color-spruce-800);pointer-events:none;clip-path:inset(100% 0 0 0 round var(--radius-tile));transition:clip-path .32s var(--ease-standard)}.pg-blog .archive .post-excerpt:before{content:"";display:block;width:24px;height:1px;margin-bottom:10px;background:var(--color-spruce-900)}@media (width < 1200px){.pg-blog .archive .post-excerpt{font-size:14px;line-height:20px}}.pg-blog .archive .post-card:hover .post-excerpt,.pg-blog .archive .post-card:focus-within .post-excerpt{clip-path:inset(0 0 0 0 round var(--radius-tile))}}.pg-blog .archive .archive-more{display:grid;justify-items:center;gap:20px;margin-top:clamp(48px,5vw,72px)}.pg-blog .archive .tick-meter{display:flex;align-items:flex-end;gap:3px;max-width:100%;height:12px}.pg-blog .archive .tick{flex:0 0 1px;height:8px;background:var(--color-spruce-200);transition:background-color .2s var(--ease-standard)}.pg-blog .archive .tick.major{height:12px}.pg-blog .archive .tick.on{background:var(--color-spruce-900)}}@media (prefers-reduced-motion: reduce){.pg-blog .archive .topic-chip,.pg-blog .archive .topic-count,.pg-blog .archive .topic-x,.pg-blog .archive .post-title a,.pg-blog .archive .post-excerpt,.pg-blog .archive .tick{transition:none}}