.archive-page{--archive-line: color-mix(in oklch, var(--surface1) 72%, var(--text));--archive-muted: color-mix(in oklch, var(--subtext1) 78%, var(--base));--archive-accent: var(--lavender);--archive-rail-width: 5rem;display:grid;gap:1.5rem;padding:1.25em 1.25rem 0;@media(max-width:720px){gap:1.25rem}@media(max-width:480px){padding:1rem .875rem 0}}.archive-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem;align-items:start;padding:.1rem 0 1.35rem;border-bottom:1px dashed var(--surface0);@media(max-width:720px){gap:.4rem;padding-bottom:1.1rem}}.archive-hero__meta{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;justify-self:end;min-width:0;max-width:100%;margin:-.05rem 0 0;text-align:right;@media(max-width:720px){margin-top:0}}.archive-hero__eyebrow{display:inline-flex;flex-wrap:wrap;gap:.1rem .34rem;align-items:baseline;justify-content:flex-end;margin:0;color:var(--archive-muted);font-family:var(--font-handwriting);font-size:.92rem;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1.25;text-transform:lowercase}.archive-hero__topics-button{display:inline-flex;align-items:center;gap:.02rem;min-height:1.2rem;padding:0;border:none;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:var(--archive-muted);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;font-variant-numeric:tabular-nums;letter-spacing:inherit;line-height:inherit;text-transform:lowercase;transition:border-color .14s ease,color .14s ease;&:hover,&:focus-visible{border-color:color-mix(in oklch,var(--surface1) 72%,var(--text));color:var(--text)}&:focus-visible{outline:2px solid color-mix(in oklch,var(--archive-accent) 70%,transparent);outline-offset:3px}}.archive-hero__topics-mark{color:var(--archive-accent);letter-spacing:0}.archive-hero__topics-count{color:currentColor}.archive-hero__title{margin:0;color:var(--text);font-family:var(--font-serif);font-weight:100;line-height:1;letter-spacing:0;overflow-wrap:anywhere}.archive-topic-picker{color:var(--text)}:popover-open.archive-topic-picker{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden;overscroll-behavior:contain;&::backdrop{background:transparent}}.archive-topic-picker__backdrop{position:fixed;inset:0;border:0;background:transparent;cursor:default}.archive-topic-picker__body{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(680px,92vw);max-height:min(74vh,38rem);overflow:hidden;border:1px solid var(--surface0);border-radius:8px;background:hsl(from var(--mantle) h s l / .9);box-shadow:0 20px 60px hsl(from var(--crust) h s l / .4)}.archive-topic-picker__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1rem 1rem .85rem;border-bottom:1px solid var(--surface0);h2{margin:.18rem 0 0;color:var(--text);font-family:var(--font-serif);font-size:1.65rem;font-style:italic;font-synthesis:none;font-weight:500;line-height:1}}.archive-topic-picker__eyebrow{margin:0;color:var(--archive-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:lowercase}.archive-topic-picker__close{position:relative;width:2rem;height:2rem;border:1px solid color-mix(in oklch,var(--surface1) 78%,var(--text));border-radius:50%;background:transparent;color:var(--archive-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .15s ease;span,&:after{content:"";position:absolute;top:50%;left:50%;width:.85rem;height:1.5px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}&:after{transform:translate(-50%,-50%) rotate(-45deg)}&:hover,&:focus-visible{border-color:color-mix(in oklch,var(--archive-accent) 58%,var(--surface1));color:var(--text)}&:active{transform:translateY(1px)}&:focus-visible{outline:2px solid color-mix(in oklch,var(--archive-accent) 70%,transparent);outline-offset:3px}}.archive-topic-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.15rem .35rem;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:.65rem;-webkit-overflow-scrolling:touch}.archive-topic-list__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.35rem;align-items:baseline;min-width:0;padding:.42rem .48rem;border-radius:4px;color:var(--text);font-family:var(--font-serif);font-size:1rem;font-style:italic;font-synthesis:none;line-height:1.15;text-decoration:none;transition:background-color .14s ease,color .14s ease;&:before{content:"#";color:var(--archive-accent);font-family:var(--font-mono);font-size:.78em;font-style:normal}&:hover,&:focus-visible,&[aria-current=page]{background:color-mix(in oklch,var(--archive-accent) 10%,transparent);color:var(--archive-accent)}&:focus-visible{outline:2px solid color-mix(in oklch,var(--archive-accent) 70%,transparent);outline-offset:2px}}.archive-topic-list__name{min-width:0;overflow-wrap:anywhere}.archive-topic-list__count{color:var(--archive-muted);font-family:var(--font-mono);font-size:.72rem;font-style:normal;font-variant-numeric:tabular-nums}@media(max-width:480px){.archive-hero__topics-button{min-height:1.2rem}.archive-topic-picker__body{width:100%;max-height:min(82vh,42rem)}.archive-topic-picker__header{padding:.9rem .9rem .75rem;h2{font-size:1.45rem}}.archive-topic-list{grid-template-columns:1fr;padding:.55rem}}@media(prefers-reduced-motion:reduce){.archive-hero__topics-button,.archive-topic-picker__close,.archive-topic-list__item{transition:none}}.archive-rail{position:fixed;top:50%;left:max(1rem,calc((100vw - 50em) / 2 - var(--archive-rail-width) - 1rem));transform:translateY(-50%);z-index:10;pointer-events:none;@media(max-width:1023px){display:none}}.archive-rail__list{display:grid;gap:.18rem;margin:0;padding:0;list-style:none;text-align:left;pointer-events:auto}.archive-rail__link{display:inline-grid;grid-template-columns:.7rem auto;gap:.28rem;align-items:center;min-height:1.25rem;padding:0 .2rem;color:var(--overlay0);font-family:var(--font-mono);font-size:.64rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-decoration:none;transform:translate(-.12rem);transition:color .16s ease,transform .16s ease;&:before{content:"";width:.54rem;height:1px;border-radius:999px;background:currentColor;transform:scaleX(.63);transform-origin:left center;transition:transform .16s ease}:where(.archive-rail:hover,.archive-rail:focus-within) &{opacity:.58;transform:translate(0)}&:hover,&:focus-visible{color:color-mix(in oklch,var(--text) 88%,var(--base))}&:hover:before,&:focus-visible:before{transform:scaleX(1)}&:focus-visible{outline:2px solid color-mix(in oklch,var(--archive-accent) 70%,transparent);outline-offset:3px;border-radius:2px}}.archive-rail__year{opacity:0;transform:translate(-.18rem);transition:opacity .16s ease,transform .16s ease;:where(.archive-rail:hover,.archive-rail:focus-within) &{opacity:.78;transform:translate(0)}.archive-rail__link:hover &,.archive-rail__link:focus-visible &{opacity:1}}.archive-era{display:flex;align-items:baseline;justify-content:center;margin:1.5rem 0 .25rem;padding-top:.25rem;color:var(--archive-muted);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;scroll-margin-top:4.5rem;&:first-child{margin-top:0}@media(max-width:720px){margin-top:1.1rem}}.archive-era__roman{flex:0 0 auto;color:var(--text);font-family:var(--font-serif);font-size:.9rem;letter-spacing:.28em}.archive-stack{display:grid;gap:1.35rem;counter-reset:archive-item}.archive-group{--archive-accent: var(--lavender);position:relative;padding:1.1rem 0 0;.archive-era+&{border-top:none;padding-top:.35rem}&.spring{--archive-accent: var(--peach)}&.summer{--archive-accent: var(--green)}&.autumn{--archive-accent: var(--red)}&.winter{--archive-accent: var(--blue)}}.archive-group__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:baseline;margin-bottom:.85rem;@media(max-width:480px){gap:.6rem}}.archive-group__title{margin:0;color:var(--archive-accent);font-family:var(--font-serif);text-transform:lowercase;font-weight:lighter;font-style:italic;font-size:1.7rem;letter-spacing:0;padding-inline:.2rem}.archive-group__count{align-self:baseline;color:var(--archive-muted);font-family:var(--font-serif);font-variant-numeric:oldstyle-nums}.timeline{position:relative;display:grid;gap:.15rem;padding-left:1.25rem}.archive-item{position:relative;counter-increment:archive-item;text-align:left;>.archive-item__row{display:grid;grid-template-columns:4.9rem minmax(0,1fr);gap:.85rem;align-items:baseline;padding:.55rem .35rem .55rem 0;@media(max-width:480px){grid-template-columns:1fr;gap:.1rem;padding:.7rem .5rem .7rem 0}}&.has-preview{anchor-name:--archive-anchor;anchor-scope:--archive-anchor}+&{border-top:.5px solid color-mix(in oklch,var(--surface0) 80%,transparent)}}@counter-style archive-index{system:numeric;symbols:"0" "1" "2" "3" "4" "5" "6" "7" "8" "9";pad:3 "0"}@position-try --archive-below{top:anchor(bottom);right:auto;bottom:auto;left:anchor(left);margin:12px 0 0;width:min(20rem,calc(100vw - 2rem))}@position-try --archive-above{top:auto;right:auto;bottom:anchor(top);left:anchor(left);margin:0 0 12px;width:min(20rem,calc(100vw - 2rem))}.archive-popup{--popup-accent: var(--archive-accent);position:fixed;position-anchor:--archive-anchor;z-index:100;box-sizing:border-box;top:anchor(bottom);left:anchor(left);margin:12px 0 0;width:min(20rem,calc(100vw - 2rem));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;position-try-fallbacks:--archive-above;padding:.85rem 1rem .9rem;border:1px dashed var(--surface0);border-radius:5px;background:var(--mantle);display:none;opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity .14s ease,transform .18s cubic-bezier(.22,1,.36,1),display .14s allow-discrete;transition-delay:.14s;@media(min-width:1280px){top:anchor(top);left:anchor(right);margin:-4px 0 0 12px;width:14rem;position-try-fallbacks:--archive-below,--archive-above}@media(hover:none),(max-width:720px){display:none!important}}.archive-item.has-preview:hover>.archive-popup,.archive-item.has-preview:focus-within>.archive-popup{display:block;opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:.18s}@starting-style{.archive-item.has-preview:hover>.archive-popup,.archive-item.has-preview:focus-within>.archive-popup{opacity:0;transform:translateY(-3px)}}@supports not (anchor-name: --a){.archive-popup{display:none!important}}.archive-popup__eyebrow{display:flex;flex-wrap:wrap;align-items:baseline;margin:0 0 .5rem;padding-bottom:.45rem;border-bottom:.5px solid color-mix(in oklch,var(--surface1) 65%,transparent);color:var(--archive-muted);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.archive-popup__index{color:color-mix(in oklch,var(--popup-accent) 80%,var(--text));font-weight:600;&:before{content:"N\b0  " counter(archive-item,archive-index)}}.archive-popup__read{&:before{content:"\b7";margin:0 .4em;opacity:.4}&:after{content:" read"}}.archive-popup__excerpt{margin:0;color:var(--archive-muted);font-family:var(--font-serif);font-size:.88rem;line-height:1.55;:where(p,ul,ol){margin:0 0 .35em;&:last-child{margin-bottom:0}}:where(img,video,iframe,figure,pre){display:none}}.article-meta{margin:0;color:var(--archive-muted);font-family:var(--font-mono);font-size:.78rem;font-variant-numeric:tabular-nums;line-height:1.4;white-space:nowrap;text-transform:lowercase;font-weight:lighter;@media(max-width:480px){white-space:normal}}a.archive-title{color:var(--text);font-family:var(--font-serif);font-size:1.02rem;font-weight:500;line-height:1.45;overflow-wrap:anywhere;transition:color .14s ease;&:hover,&:focus-visible{color:var(--archive-accent);text-decoration-color:currentColor}&:focus-visible{outline:2px solid color-mix(in oklch,var(--archive-accent) 70%,transparent);outline-offset:3px;border-radius:3px}}