.section-archive-picks{--section--width:1400px;--archive--gap:3rem;--archive--tick:0.3125rem}.section-archive-timeline{min-height:0;position:relative}.section-archive-axis{background-color:var(--color-border);height:1px;left:0;position:absolute;right:0;top:50%}.section-archive-axis-end{align-items:center;background-color:var(--color-background);color:var(--color-contrast);display:inline-flex;font-weight:var(--font-bold);gap:var(--spacing-2);padding-left:var(--spacing-6);position:absolute;right:0;top:50%;transform:translateY(-50%)}.section-archive-axis-end svg{height:.375rem;width:.375rem}.section-archive-list{grid-gap:0 var(--spacing-10);display:grid;gap:0 var(--spacing-10);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:100%;list-style:none;margin:0;padding:0}.section-archive-pick{align-content:end;display:grid;grid-row:1;min-width:0;padding-bottom:var(--archive--gap);position:relative}.section-archive-pick:first-child{grid-column:1}.section-archive-pick:nth-child(2){grid-column:2}.section-archive-pick:nth-child(3){grid-column:3}.section-archive-pick:nth-child(4){grid-column:4}.section-archive-pick:nth-child(2n){align-content:start;grid-row:2;padding:var(--archive--gap) 0 0}.post-card-style-archive{grid-gap:var(--spacing-5);background-color:transparent;border:0;contain-intrinsic-size:none;display:grid;gap:var(--spacing-5);min-height:0}.post-card-style-archive .post-card-media{--post-card--aspect-ratio:2/1;--crop--size:0.875rem;background-color:var(--color-contrast);margin-bottom:var(--spacing-3)}.post-card-style-archive .post-card-image{filter:grayscale(1);transition:filter var(--duration-base) var(--ease-base)}.post-card-style-archive .post-card-content{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:0;padding:0}.post-card-style-archive .post-card-foot{align-items:center;color:var(--color-secondary);display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-4)}.post-card-style-archive .post-card-foot>.meta{color:var(--color-contrast)}.post-card-style-archive .post-card-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;margin:0;overflow:hidden}.post-card-style-archive:hover .post-card-image{filter:none}.section-archive-tick{background-color:var(--ghost-accent-color);bottom:calc(var(--archive--gap)*-1);box-shadow:0 0 0 var(--spacing-7) var(--color-background);height:var(--archive--tick);left:0;position:absolute;transform:translateY(calc(50% + .5px));width:var(--archive--tick)}.section-archive-pick:nth-child(2n) .section-archive-tick{bottom:auto;top:calc(var(--archive--gap)*-1);transform:translateY(calc(-50% + .5px))}.section-archive-when{background-color:var(--color-background);bottom:calc(var(--archive--gap)*-1);color:var(--color-contrast);font-weight:var(--font-bold);left:var(--archive--tick);padding:var(--spacing-1) var(--spacing-7) var(--spacing-1) var(--spacing-6);position:absolute;transform:translateY(50%)}.section-archive-pick:nth-child(2n) .section-archive-when{bottom:auto;top:calc(var(--archive--gap)*-1);transform:translateY(-50%)}@container (width < 760px){.section-archive-axis{display:none}.section-archive-list{gap:var(--spacing-9);grid-template-columns:minmax(0,1fr);grid-template-rows:none}.section-archive-pick:nth-child(n){grid-column:auto;grid-row:auto;padding:0}.section-archive-tick{display:none}.section-archive-when{padding:0;position:static;transform:none}.post-card-style-archive{align-content:start;gap:var(--spacing-3) var(--spacing-7);grid-template-areas:"media when" "media content";grid-template-columns:8rem minmax(0,1fr)}.post-card-style-archive .post-card-media{grid-area:media}.post-card-style-archive .section-archive-when{grid-area:when}.post-card-style-archive .post-card-content{grid-area:content}}